.tool-hero{padding-bottom:32px}.tool-shell{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}.tool-panel,.task-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.tool-panel{display:grid;gap:24px;position:sticky;top:96px}.tool-step{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}.tool-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800}.tool-step label{display:grid;gap:8px}.tool-step select{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:12px 38px 12px 14px;font:inherit}.duration-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.microcopy,.privacy-note{font-size:.9rem;color:var(--muted);margin:10px 0 0}.tool-generate{width:100%}.task-card{box-shadow:0 22px 55px rgba(25,47,37,.08)}.task-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--muted);font-size:.92rem}.task-card h2{margin-bottom:14px}.task-text{font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.25;font-weight:750;letter-spacing:-.025em;margin:20px 0 26px}.task-text:focus{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:6px;border-radius:4px}.task-hint{background:var(--paper);border-left:4px solid var(--green);padding:16px 18px;border-radius:0 14px 14px 0}.timer{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);text-align:center}.timer-phase{margin:0;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.timer output{display:block;font-size:clamp(3.8rem,10vw,7rem);line-height:1;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin:12px 0 18px}.timer-track{height:8px;background:var(--paper);border-radius:999px;overflow:hidden}.timer-track span{display:block;width:0;height:100%;background:var(--accent);transition:width .25s linear}.timer-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.timer-actions .button{min-width:150px}@media(max-width:820px){.tool-shell{grid-template-columns:1fr}.tool-panel{position:static}.duration-controls{grid-template-columns:1fr 1fr}}@media(max-width:520px){.tool-panel,.task-card{padding:20px;border-radius:18px}.duration-controls{grid-template-columns:1fr}.timer-actions{flex-direction:column}.timer-actions .button{width:100%}.task-meta{align-items:flex-start;flex-direction:column}.task-text{font-size:1.55rem}}
