.studio-breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:26px}.studio-hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:50px;margin:15px 0 45px}.studio-hero h1{font-size:var(--hero-title-size);letter-spacing:-.055em;line-height:1.08;max-width:600px}.studio-hero .subtitle{line-height:1.8}.studio-hero .button{margin:8px 6px 0 0}.studio-hero-clock{text-align:center;background:#edf3ee;border:1px solid #d4e1d8;border-radius:26px;padding:28px 22px}.studio-hero-clock>p{font-size:.82rem;color:var(--muted);margin:20px 0 0}.studio-art-ring{width:230px;height:230px;border-radius:50%;border:10px solid #d6e6dd;border-top-color:var(--accent);border-right-color:var(--accent);margin:23px auto 0;display:grid;place-items:center;background:var(--surface)}.studio-art-ring span{font-size:3rem;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.studio-art-ring small{display:block;font-size:.67rem;letter-spacing:0;color:var(--muted);margin-top:5px}.studio-generic{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:24px 28px;margin:32px 0 40px}.studio-generic h2{font-size:1.1rem;margin:0 0 10px}.studio-generic p{font-size:.85rem;margin:0;color:var(--muted)}.studio-generic .button{flex-shrink:0}.studio-category{margin:42px 0}.studio-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-tool-link{display:flex;position:relative;flex-direction:column;padding:28px;border:1px solid var(--border);border-radius:17px;background:var(--surface);text-decoration:none;transition:border-color .15s}.studio-tool-link:hover{border-color:var(--accent)}.studio-tool-link h3{font-size:1.15rem;margin:6px 0 18px}.studio-tool-link p{font-size:.83rem;line-height:1.75;color:var(--muted);flex:1}.studio-tool-link strong{font-size:.78rem;font-weight:500;margin-top:14px}.studio-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:22px;align-items:start}.studio-main{min-width:0;display:grid;gap:20px}.studio-workspace .tool-card{margin:0}.studio-clock{text-align:center;padding:27px 26px 24px}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:28px}.studio-phase{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}.studio-digits{font-size:clamp(3.8rem,7vw,6.2rem);line-height:1.1;letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-weight:450;overflow-wrap:anywhere;margin:12px 0 20px}.studio-stage{font-size:.8rem;color:var(--muted)}.studio-progress{max-width:300px;height:5px;border-radius:6px;background:var(--surface-soft);margin:22px auto;overflow:hidden}.studio-progress span{display:block;width:100%;height:100%;background:var(--accent)}.studio-next{font-size:.85rem;line-height:1.6;color:var(--muted);min-height:2em}.studio-controls{justify-content:center;margin:14px 0}.studio-controls .primary{min-width:135px}.studio-clock .status{font-size:.8rem;margin:18px 0 0}.studio-setup{padding:25px}.studio-setup h2,.studio-sounds h2,.studio-plan h2{font-size:1.05rem;margin-bottom:18px}.studio-setup .help-text{line-height:1.7}.studio-setup fieldset{border:0;padding:0;min-width:0;margin:0}.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.studio-fields .field{font-size:.76rem;line-height:1.5}.studio-fields .field:has(#studio-task){grid-column:1/-1}.studio-fields input,.studio-setup input,.studio-setup select{width:100%;min-width:0}.studio-setup input[type=checkbox]{width:auto}.studio-setup .actions{margin:18px 0}.studio-setup .actions .button{font-size:.72rem;padding:9px 12px}.studio-step-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(48px,.7fr) minmax(80px,1fr) 36px;gap:6px;margin:12px 0;align-items:center}.studio-step-row input,.studio-step-row select{padding:10px 6px;border:1px solid var(--control-border);border-radius:8px;font-size:.8rem;background:var(--surface);color:var(--text)}.studio-step-row .button{padding:8px;min-width:0}.studio-setup h3{font-size:.95rem;margin:22px 0 12px}.studio-plan{padding:24px}.studio-plan summary{font-size:.85rem}.studio-plan ol{max-height:320px;overflow:auto;padding:0;list-style-position:inside;margin-bottom:0}.studio-plan li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.78rem}.studio-plan li span{overflow-wrap:anywhere}.studio-plan strong{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.studio-sounds{margin-top:24px;padding:27px}.studio-sounds .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-sounds .help-text{line-height:1.75}.studio-sounds .actions{gap:12px 22px}.studio-sounds .inline-check{margin:8px 0}.studio-editorial{max-width:900px;margin:42px 0;line-height:1.85;color:var(--muted);font-size:.88rem}.studio-editorial h2{font-size:1.2rem;color:var(--text);margin:0 0 18px}.studio-editorial h3{font-size:1rem;color:var(--text);margin:28px 0 12px}.studio-related{margin:35px 0;padding-top:28px;border-top:1px solid var(--border)}.studio-related h2{font-size:1.1rem}.studio-related .actions{font-size:.83rem;gap:14px 22px}.studio-reset-confirm{margin:22px auto 0;padding:18px;border:2px solid var(--accent);border-radius:12px;background:var(--surface-soft);text-align:left;max-width:500px;font-size:.86rem}.studio-reset-confirm .actions{margin:0}.studio-reset-confirm p{margin-bottom:12px}.studio-mark-controls{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.studio-mark-controls .help-text{margin:12px 0 0}.studio-disc{--remaining:360deg;width:180px;height:180px;margin:20px auto;background:conic-gradient(var(--accent) var(--remaining),#e5ece6 0);border-radius:50%;border:2px solid var(--accent)}.studio-clock[data-phase=rest]{background:#f2f6ef}.studio-clock[data-phase=prepare]{background:#f8f6ec}.studio-clock[data-signal=warning]{border:2px solid #916313}.studio-clock[data-signal=urgent],.studio-clock[data-signal=over]{border:2px solid var(--danger)}.studio-clock[data-signal=over] .studio-digits,.studio-clock[data-signal=urgent] .studio-next{color:var(--danger)}.studio-empty{padding:35px;color:var(--muted);font-size:.9rem}.multi-add{display:grid;grid-template-columns:1.4fr .65fr .65fr 1fr auto;align-items:end;gap:14px}.multi-add input,.multi-add select{width:100%;min-width:0}.multi-add+.error{margin-top:16px}.multi-add~.actions{margin-top:22px}.multi-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.multi-card{padding:24px;min-width:0;margin:0}.multi-card h2{font-size:1.15rem;overflow-wrap:anywhere}.multi-card .badge{margin:0}.multi-digits{font-size:clamp(3rem,5vw,4.5rem);font-variant-numeric:tabular-nums;letter-spacing:-.05em;overflow-wrap:anywhere;margin:18px 0}.multi-card .field{margin-top:22px;font-size:.8rem}.multi-card[data-finished=true]{border:2px solid var(--accent);background:var(--surface-soft)}.multi-exit{display:none}.chess-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.chess-side{display:flex;align-items:center;flex-direction:column;justify-content:center;border:2px solid var(--control-border);background:var(--surface-soft);border-radius:17px;min-height:260px;padding:22px;color:var(--text);gap:12px}.chess-side:disabled{opacity:1;cursor:default}.chess-side[data-active=true]{background:#fff;border:3px solid var(--accent);box-shadow:0 0 0 4px #e5eee7}.chess-side strong{font-size:clamp(3rem,6vw,5rem);font-weight:450;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.chess-side small{font-size:.8rem}.chess-side span{font-size:1.15rem;overflow-wrap:anywhere}.studio-page>.studio-setup{margin-top:24px}.studio-page .field{min-width:0}.studio-page :is(input,select,textarea){max-width:100%}.studio-clock:fullscreen,#chess-surface:fullscreen,#multi-surface:fullscreen{background:var(--canvas);overflow:auto;padding:30px;display:flex;flex-direction:column;justify-content:safe center;border-radius:0}.studio-clock:fullscreen .studio-digits{font-size:clamp(4rem,14vw,13rem)}.studio-clock:fullscreen .studio-topbar{width:100%}.studio-clock:fullscreen .studio-disc{width:250px;height:250px}.studio-clock:fullscreen .studio-progress{width:60%;max-width:650px}#multi-surface:fullscreen .multi-exit{display:block;align-self:flex-end}#chess-surface:fullscreen .chess-board{flex:1}#chess-surface:fullscreen .chess-side strong{font-size:clamp(4rem,10vw,9rem)}
@media(max-width:1000px){.studio-workspace{grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr)}.studio-step-row{grid-template-columns:minmax(0,1fr) 60px 95px 34px}.studio-step-row input:first-child{grid-column:1/-1}.multi-add{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-hero{gap:24px}.studio-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.studio-workspace{grid-template-columns:1fr}.studio-hero{grid-template-columns:1fr}.studio-hero-clock{max-width:440px}.studio-sounds .form-grid{grid-template-columns:1fr}.studio-generic{align-items:flex-start;flex-direction:column}.studio-step-row{grid-template-columns:minmax(0,1.5fr) 70px 100px 36px}.studio-step-row input:first-child{grid-column:auto}.studio-fields{gap:17px}.chess-side{min-height:220px;padding:15px}.chess-board{gap:12px}.studio-sounds{padding:23px}.studio-clock:fullscreen,#chess-surface:fullscreen,#multi-surface:fullscreen{padding:18px}}
@media(max-width:500px){.studio-directory,.multi-board{grid-template-columns:1fr}.studio-hero h1{font-size:var(--hero-title-size)}.studio-hero-clock{padding:20px}.studio-tool-link{padding:24px}.studio-clock{padding:20px 15px}.studio-digits{font-size:clamp(2.6rem,15vw,4.6rem)}.studio-fields{grid-template-columns:1fr}.studio-step-row{grid-template-columns:1fr 1fr 38px}.studio-step-row input:first-child{grid-column:1/-1}.studio-step-row select{grid-column:2}.studio-step-row .button{grid-column:3}.studio-setup{padding:22px 18px}.studio-sounds{padding:22px 18px}.multi-add{grid-template-columns:1fr 1fr}.multi-add .field:first-child,.multi-add .field:nth-child(4),.multi-add>.button{grid-column:1/-1}.chess-board{grid-template-columns:1fr}.chess-side{min-height:170px}.chess-side strong{font-size:3.8rem}.studio-breadcrumb{line-height:1.8}.studio-related .actions{align-items:flex-start;flex-direction:column}.studio-hero .button{max-width:100%}.studio-clock:fullscreen .studio-digits{font-size:15vw}.studio-art-ring{width:205px;height:205px}.studio-sounds .actions{gap:12px}.studio-page .field input,.studio-page .field select,.studio-step-row input,.studio-step-row select{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.studio-tool-link{transition:none}.studio-tool-link:hover{transform:none}}
@media(forced-colors:active){.studio-disc{background:Canvas;border:3px solid Highlight}.studio-clock[data-phase=rest],.studio-clock[data-phase=prepare],.chess-side[data-active=true]{border:3px solid Highlight}.studio-progress{border:1px solid CanvasText}.studio-progress span{background:Highlight}.studio-tool-link{border:1px solid CanvasText}}