/* ATTUNE_STYLE_BUILD=529 */ :root{--accent:var(--band)} /* Meditate: discovery first, authorship second, playback stays explicit. */ .meditation-workspace-ready #sitting[data-workspace="meditate"]>.sect-head{display:none} #sitting:not([data-workspace="meditate"])>#meditationWorkspace{display:none} #meditationWorkspace{margin-bottom:32px;color:var(--ink)} #meditationWorkspace [hidden]{display:none!important} #meditationWorkspace .mw-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:32px;padding:8px 0 26px} #meditationWorkspace h2{font:400 clamp(36px,4.2vw,58px)/1.08 var(--serif);letter-spacing:-.035em;margin:17px 0} #meditationWorkspace .mw-intro p{color:var(--ink-dim);font:14px/1.8 var(--sans);max-width:440px;margin:0} #meditationWorkspace .mw-orbit{height:180px;position:relative;isolation:isolate;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent)} #meditationWorkspace .mw-orbit i{display:block;position:absolute;inset:0 20px;border:1px solid color-mix(in srgb,var(--band) 40%,transparent);border-radius:50%;background:radial-gradient(ellipse at 40% 30%,color-mix(in srgb,var(--band) 15%,transparent),transparent 70%)} #meditationWorkspace .mw-orbit i:nth-child(2){inset:30px 38px -20px;transform:rotate(25deg)} #meditationWorkspace .mw-orbit i:nth-child(3){inset:60px 56px -30px;transform:rotate(-20deg)} #meditationWorkspace .mw-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 18px} #meditationWorkspace .mw-tab{min-height:48px;background:none;color:var(--ink-dim);border:0;border-bottom:2px solid transparent;padding:12px 20px;font:500 13px var(--sans);cursor:pointer} #meditationWorkspace .mw-tab[aria-pressed="true"]{color:var(--band);border-color:var(--band)} #meditationWorkspace :is(button,input,select,textarea):focus-visible{outline:2px solid var(--band);outline-offset:3px} #meditationWorkspace .mw-meta{color:var(--ink-dim);font:12px/1.7 var(--sans);margin:10px 0 20px} #meditationWorkspace .mw-filters{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;margin:26px 0 18px} #meditationWorkspace .mw-field{display:grid;gap:8px;min-width:0;color:var(--ink-dim);font:12px/1.5 var(--sans)} #meditationWorkspace :is(input:not([type="range"]),select,textarea){width:100%;min-width:0;background:var(--ground-2);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px 14px;font:14px/1.6 var(--sans);min-height:46px} #meditationWorkspace textarea{resize:vertical} #meditationWorkspace .mw-categories{display:flex;flex-wrap:wrap;gap:8px} #meditationWorkspace .mw-categories .chip{min-height:40px;font-size:12px} #meditationWorkspace .mw-categories .chip[aria-pressed="true"]{border-color:var(--band);color:var(--band);background:color-mix(in srgb,var(--band) 9%,var(--ground-2))} #meditationWorkspace .mw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0} #meditationWorkspace .mw-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:transform .18s,border-color .18s;min-width:0} #meditationWorkspace .mw-card:hover{transform:translateY(-3px);border-color:var(--ink-faint)} #meditationWorkspace .mw-card-art{height:100px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 72% 120%,color-mix(in srgb,var(--band) 22%,transparent),transparent 65%),var(--ground-2)} #meditationWorkspace .mw-card-art span{position:absolute;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--band) 24%,transparent);border-radius:50%;bottom:-125px;left:calc(50% - 90px)} #meditationWorkspace .mw-card-art span:nth-child(2){width:230px;height:230px;left:calc(50% - 115px)} #meditationWorkspace .mw-card-art span:nth-child(3){width:280px;height:280px;left:calc(50% - 140px)} #meditationWorkspace [data-family="body"] .mw-card-art,#meditationWorkspace [data-family="rest"] .mw-card-art{--band:var(--delta);transform:rotate(180deg)} #meditationWorkspace [data-family="kindness"] .mw-card-art,#meditationWorkspace [data-family="affirmations"] .mw-card-art{--band:var(--theta)} #meditationWorkspace [data-family="movement"] .mw-card-art,#meditationWorkspace [data-family="grounding"] .mw-card-art{--band:var(--alpha)} #meditationWorkspace [data-family="inquiry"] .mw-card-art span,#meditationWorkspace [data-family="open-awareness"] .mw-card-art span{border-radius:35%;transform:rotate(25deg)} #meditationWorkspace .mw-card-copy{padding:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1} #meditationWorkspace .mw-kicker{font:10px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--band);margin:0 0 10px} #meditationWorkspace h3{font:400 25px/1.2 var(--serif);margin:0 0 10px;overflow-wrap:anywhere} #meditationWorkspace h4{font:400 22px/1.3 var(--serif);margin:0 0 8px;overflow-wrap:anywhere} #meditationWorkspace .mw-description{font:13px/1.75 var(--sans);color:var(--ink-dim);margin:0 0 20px} #meditationWorkspace .mw-card-copy>.btn{margin-top:auto} #meditationWorkspace .btn{min-height:44px;white-space:normal} #meditationWorkspace .mw-preview,#meditationWorkspace .mw-editor,#meditationWorkspace .mw-shelf{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin:24px 0} #meditationWorkspace .mw-preview{scroll-margin-top:110px} #meditationWorkspace .mw-preview>p,#meditationWorkspace details p{font:13px/1.8 var(--sans);color:var(--ink-dim)} #meditationWorkspace .mw-care{border-left:2px solid var(--band);padding:6px 0 6px 14px} #meditationWorkspace .mw-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;font:12px/1.6 var(--sans);color:var(--ink-dim)} #meditationWorkspace .mw-section-heading h3{color:var(--ink);margin:0} #meditationWorkspace .mw-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0} #meditationWorkspace .mw-source{display:inline-block;min-height:44px;margin-right:20px;font-size:12px;padding:12px 0;color:var(--band)} #meditationWorkspace .mw-editor-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:24px 0} #meditationWorkspace .mw-cue{border:1px solid var(--line);border-radius:14px;padding:18px;margin:16px 0;background:var(--ground-2)} #meditationWorkspace .mw-reorder{display:flex;gap:6px} #meditationWorkspace .mw-reorder button{min-width:44px;padding:8px 12px} #meditationWorkspace .mw-reorder button:disabled{opacity:.4;cursor:not-allowed} #meditationWorkspace .mw-pause{display:grid;grid-template-columns:150px minmax(0,1fr) 50px;align-items:center;gap:14px;margin-top:15px} #meditationWorkspace .mw-pause input{min-width:0;width:100%;accent-color:var(--band);min-height:32px} #meditationWorkspace .mw-pause output{font:12px var(--mono);text-align:right;color:var(--ink)} #meditationWorkspace .mw-draft-card{padding:20px 0;border-bottom:1px solid var(--line)} #meditationWorkspace .mw-status{font:13px/1.7 var(--sans);color:var(--ink-dim);overflow-wrap:anywhere;min-height:1.7em;margin:20px 0 0} #meditationWorkspace .mw-status[data-state="error"]{color:var(--ink);border-left:2px solid var(--beta);padding-left:12px} #meditationWorkspace .mw-empty{font:14px/1.7 var(--sans);padding:30px 0;color:var(--ink-dim)} #sitting .mw-session-settings{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;min-width:0;padding:0 16px} #sitting .mw-session-settings>summary{cursor:pointer;min-height:54px;display:flex;align-items:center;justify-content:space-between;font:14px var(--sans);gap:16px} #sitting .mw-session-settings>summary span{font-size:12px;color:var(--ink-dim)} #sitting .mw-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:16px} #sitting .mw-session-note{grid-column:1/-1;margin:0;font:12px/1.8 var(--sans);color:var(--ink-dim)} #sitting #meditationComposerReset{justify-self:start;grid-column:1/-1} #sitting #meditationSettings button:disabled{opacity:.45;cursor:not-allowed} @media(max-width:900px){#meditationWorkspace .mw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#meditationWorkspace .mw-editor-fields{grid-template-columns:1fr 1fr}#meditationWorkspace .mw-editor-fields>label:first-child{grid-column:1/-1}} @media(max-width:620px){#meditationWorkspace .mw-intro{grid-template-columns:minmax(0,1fr);padding-top:0;gap:0}#meditationWorkspace .mw-orbit{display:none}#meditationWorkspace .mw-grid{grid-template-columns:1fr}#meditationWorkspace .mw-filters{grid-template-columns:1fr}#meditationWorkspace .mw-tab{padding:12px 8px;font-size:12px;flex:1}#meditationWorkspace .mw-preview,#meditationWorkspace .mw-editor,#meditationWorkspace .mw-shelf{padding:18px}#meditationWorkspace .mw-cue{padding:12px}#meditationWorkspace .mw-pause{grid-template-columns:minmax(0,1fr) 45px}#meditationWorkspace .mw-pause>span{grid-column:1/-1}#meditationWorkspace .mw-reorder button{padding:8px}#sitting .mw-settings-grid{grid-template-columns:1fr}#sitting .mw-session-settings>summary span{display:none}} @media(prefers-reduced-motion:reduce){#meditationWorkspace .mw-card{transition:none}#meditationWorkspace .mw-card:hover{transform:none}} /* Everyday playback and balance precede optional profile activities. */ #instrumentConsole #activityWorkspace{padding:22px;border-radius:16px;min-width:0} #activityWorkspace .activity-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr) auto;gap:14px;align-items:end;margin-bottom:20px} #activityWorkspace .activity-filters label{display:grid;gap:7px;font-size:11px;color:var(--ink-dim)} #activityWorkspace .activity-filters input,#activityWorkspace .activity-filters select{min-width:0;width:100%;min-height:44px;background:var(--ground-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px;font:13px var(--sans)} #activityWorkspace .btn{min-height:44px} #activityWorkspace .hint{font-size:12px;line-height:1.65} #activityWorkspace #sessSummary{font-size:12px} #activityWorkspace .activity-day{margin:24px 0} #activityWorkspace .activity-day h3{font:500 12px var(--sans);display:flex;justify-content:space-between;gap:12px;color:var(--ink);margin-bottom:8px} #activityWorkspace .activity-day h3 span{color:var(--ink-faint);font-weight:400} #activityWorkspace .activity-day ol{list-style:none;margin:0;padding:0} #activityWorkspace .activity-day li{display:grid;grid-template-columns:76px 130px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65;overflow-wrap:anywhere} #activityWorkspace .activity-day time{font:10px/1.9 var(--mono);color:var(--ink-faint)} #activityWorkspace .activity-day strong{font-weight:500;color:var(--accent)} #activityWorkspace .activity-day li>span{color:var(--ink-dim)} #activityWorkspace .activity-empty{padding:24px 0;font-size:13px;color:var(--ink-faint)} @media(max-width:620px){#instrumentConsole #activityWorkspace{padding:18px}#activityWorkspace .activity-filters{grid-template-columns:minmax(0,1fr) auto}#activityWorkspace .activity-filters label:first-child{grid-column:1/-1}#activityWorkspace .activity-day li{grid-template-columns:76px minmax(0,1fr);gap:5px 10px}#activityWorkspace .activity-day li>span{grid-column:2}} #instrumentConsole #listeningWorkspace{padding:0;background:none;border:0;gap:18px} #listeningWorkspace>.ctl-group{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0;gap:14px} #listeningWorkspace .listening-route{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px} #listeningWorkspace h3{font:400 24px/1.25 var(--serif);margin:6px 0 10px} #listeningWorkspace .hint{font-size:12px;line-height:1.65;margin:0} #listeningWorkspace .btn,#listeningWorkspace .chip{min-height:44px} #listeningWorkspace #fitPlaybackOpen{flex-shrink:0} #listeningWorkspace #fitPlaybackState{margin-top:8px;color:var(--ink-faint)} #listeningWorkspace #calSaveStatus{margin-top:12px;color:var(--ink-faint)} #listeningWorkspace #calSaveStatus[data-state="warn"]{padding:12px;border:1px solid var(--beta);border-radius:8px;color:var(--ink)} #listeningWorkspace .ctl-label{flex-wrap:wrap;gap:8px} #listeningWorkspace .listening-tone-status{display:flex;align-items:center;justify-content:space-between;gap:18px} #listeningWorkspace #calStop{flex-shrink:0} #listeningWorkspace .listening-disclosure{border-top:1px solid var(--line);margin-top:10px} #listeningWorkspace .listening-disclosure>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--ink-dim);cursor:pointer;list-style:none} #listeningWorkspace .listening-disclosure>summary::-webkit-details-marker{display:none} #listeningWorkspace .listening-disclosure>summary::after{content:'+';font:18px var(--mono)} #listeningWorkspace .listening-disclosure[open]>summary::after{content:'−'} #listeningWorkspace .listening-disclosure>summary:focus-visible{outline:2px solid var(--band);outline-offset:3px;border-radius:5px} #listeningWorkspace .listening-disclosure>.hint{margin:10px 0} #listeningWorkspace .listening-activities{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin:0} #listeningWorkspace .listening-activities .btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:7px;padding:16px;white-space:normal} #listeningWorkspace .listening-activities small{font-size:11px;line-height:1.6;font-weight:400;color:var(--ink-faint)} #listeningWorkspace>.console-foot{padding:0;border:0} @media(max-width:620px){#listeningWorkspace>.ctl-group{padding:18px}#listeningWorkspace .listening-route,#listeningWorkspace .listening-tone-status{flex-direction:column;align-items:stretch}#listeningWorkspace .cal-row{grid-template-columns:88px minmax(0,1fr)}#listeningWorkspace .cal-row input{width:100%;min-width:0}} /* Planner: keep choices, review and explicit playback in the shared console. */ #architect .arch-shell{gap:18px} #architect .arch-form,#architect .arch-result{min-width:0;padding:22px;border-radius:16px} #architect .arch-result{min-height:0;position:relative;top:auto} #architect .arch-step-heading{display:flex;align-items:center;gap:12px;font:10px var(--mono);letter-spacing:.08em;color:var(--band)} #architect .arch-step-heading span{font:500 13px var(--sans);letter-spacing:0;color:var(--ink-dim)} #architect .ctl-label{flex-wrap:wrap;gap:8px} #architect .chip,#architect .btn{min-height:44px} #architect .hint{font-size:12px;line-height:1.65} #architect .arch-safety-note{margin:10px 0 14px} #architect .arch-context summary{min-height:48px;flex-wrap:wrap;gap:6px 10px} #architect .arch-context summary:focus-visible{outline:2px solid var(--band);outline-offset:-3px;border-radius:10px} #architect .arch-profile-card{padding:0} #architect .arch-profile-summary{margin-top:14px} #architect #archCheckin .arch-scales{padding-top:12px} #architect .arch-context summary small{font:10px/1.5 var(--sans);letter-spacing:0;text-transform:none} #architect .arch-planner-help{margin-top:18px} #architect #archStudy{padding:0} #architect #archStudy>.arch-proof-grid{padding:8px 20px 20px} #architect .arch-actions{gap:8px;flex-wrap:wrap} #architect #archLaunch{width:100%;justify-content:center} #architect #archReasoning{margin-top:16px;background:var(--ground-2)} #architect .arch-notice{font-size:12px;line-height:1.65;color:var(--ink);border-left:2px solid var(--band);padding-left:12px;margin:14px 0} #architect #archResult:focus-visible{outline:2px solid var(--band);outline-offset:3px} #architect #archResult{scroll-margin-top:230px} @media(max-width:1100px){#architect .arch-shell{grid-template-columns:minmax(0,1fr)}#architect .arch-proof-grid{grid-template-columns:minmax(0,1fr)}} @media(max-width:560px){#architect .arch-form,#architect .arch-result{padding:18px}#architect .arch-recipe{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Affirmations: writing, source preparation and delivery are separate jobs. */ #instrumentConsole #affirmWorkspace{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;background:none;border:0;gap:18px;align-items:start} #instrumentConsole #affirmWorkspace>.affirmation-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0;gap:14px} #affirmWorkspace .ctl-label{gap:12px;flex-wrap:wrap} #affirmWorkspace .ctl-label output{white-space:nowrap;margin-left:auto} #affirmWorkspace .btn,#affirmWorkspace .chip{min-height:44px} #affirmWorkspace select,#affirmWorkspace input[type=file]{max-width:100%;min-width:0} #affirmWorkspace select{min-height:44px} #affirmWorkspace .hint{font-size:12px;line-height:1.65;margin:0} #affirmWorkspace #affText{min-height:220px} #affirmWorkspace .affirmation-source{width:100%;border-top:1px solid var(--line-soft);min-width:0} #affirmWorkspace .affirmation-source>summary,#affirmWorkspace .affirmation-help>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;font-size:12px;color:var(--ink-dim)} #affirmWorkspace summary::-webkit-details-marker{display:none} #affirmWorkspace summary::after{content:'+';font:18px var(--mono)} #affirmWorkspace details[open]>summary::after{content:'−'} #affirmWorkspace summary:focus-visible{outline:2px solid var(--band);outline-offset:3px;border-radius:5px} #affirmWorkspace summary>span{margin-left:auto;font-size:10px;color:var(--ink-faint)} #affirmWorkspace .affirmation-source-body{display:grid;gap:12px;padding:8px 0 2px;min-width:0} #affirmWorkspace #vcList>div{flex-wrap:wrap} #affirmWorkspace #vcList>div>span{min-width:0;overflow-wrap:anywhere} #affirmWorkspace .affirmation-tuning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} #affirmWorkspace .affirmation-tuning input,#affirmWorkspace #affVol{margin-top:12px;width:100%} #affirmWorkspace .affirmation-preview{margin:0;display:flex;flex-wrap:wrap;gap:8px} #affirmWorkspace .affirmation-delivery,#affirmWorkspace .affirmation-optional,#affirmWorkspace .affirmation-boundary{grid-column:1/-1} #affirmWorkspace .affirmation-delivery-grid{display:grid;grid-template-columns:minmax(160px,.5fr) minmax(0,1fr);gap:28px;align-items:start} #affirmWorkspace #affWhen{margin-top:10px} #affirmWorkspace #affTimingHelp{margin-top:10px} #affirmWorkspace #affStatus{padding:12px 14px;border-radius:10px;background:var(--ground-2);border:1px solid var(--line-soft)} #affirmWorkspace .affirmation-help>p{margin:8px 0 0} #affirmWorkspace .affirmation-optional{padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)} #affirmWorkspace .breath-launch{margin:12px 0;display:grid;gap:14px} #affirmWorkspace .breath-launch .btn{justify-self:start} #affirmWorkspace .affirmation-boundary{border:0;padding:0;color:var(--ink-faint);font-size:11px;line-height:1.7} @media(max-width:1150px){#instrumentConsole #affirmWorkspace{grid-template-columns:minmax(0,1fr)}} @media(max-width:560px){#instrumentConsole #affirmWorkspace>.affirmation-card{padding:18px}#affirmWorkspace .affirmation-delivery-grid{grid-template-columns:minmax(0,1fr);gap:20px}#affirmWorkspace .affirmation-optional>summary>span{display:none}} /* Browsing is separate from starting audio. Long design notes stay on demand. */ #instrumentConsole #presetGrid,#instrumentConsole #journeyGrid{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:16px} #presetGrid>.card,#journeyGrid .jcard{cursor:default;min-width:0;align-self:start;padding:22px;gap:12px;border-radius:16px} #presetGrid>.card[hidden],#journeyGrid>.jcard[hidden]{display:none!important} #presetGrid>.card h3,#journeyGrid .jcard h3{font-size:25px;margin:0;line-height:1.2} #presetGrid>.card .meta,#journeyGrid .jcard .meta{font-size:11px;line-height:1.65;overflow-wrap:anywhere} #presetGrid>.card:has(.catalogue-notes[open]),#journeyGrid .jcard:has(.catalogue-notes[open]){grid-column:1/-1} .catalogue-notes{border-top:1px solid var(--line-soft);padding-top:4px;min-width:0} .catalogue-notes>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:12px;color:var(--ink-dim)} .catalogue-notes>summary::-webkit-details-marker{display:none} .catalogue-notes>summary::after{content:'+';font:18px var(--mono)} .catalogue-notes[open]>summary::after{content:'−'} .catalogue-notes p,.catalogue-notes ol{font-size:13px;line-height:1.8;color:var(--ink-dim);max-width:85ch;margin:10px 0 16px;overflow-wrap:anywhere} .catalogue-notes ol{padding-left:20px;font-family:var(--mono);font-size:11px} .catalogue-notes summary:focus-visible,.catalogue-saved>summary:focus-visible{outline:2px solid var(--band);outline-offset:3px;border-radius:4px} .catalogue-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center} #presetGrid .catalogue-play,#journeyGrid .jplay{min-height:44px;display:flex;justify-content:space-between;gap:20px} #presetGrid .catalogue-play{align-self:stretch} #journeyGrid .jplay{flex:1} #journeyGrid .jwav,#journeyGrid .xdel{position:static;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;font-size:11px;color:var(--ink-dim);background:var(--ground-2)} #journeyGrid .jcard.active .jplay{display:none} #journeyGrid .jstatus{flex-wrap:wrap;justify-content:space-between;gap:12px} #journeyGrid .jpause{min-height:44px;padding:10px 14px} #journeyGrid .compose{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;min-height:64px;padding:18px 22px;text-align:left} #journeyGrid .compose h3{font:400 18px var(--serif);margin:0} #journeyGrid .compose>span{font-size:12px;line-height:1.6;color:var(--ink-dim)} .catalogue-saved{grid-column:1/-1;margin:0 0 20px;min-width:0} .catalogue-saved>summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;min-height:52px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;font-size:13px;list-style:none} .catalogue-saved>summary::-webkit-details-marker{display:none} .catalogue-saved>summary::after{content:'+';font:18px var(--mono)} .catalogue-saved[open]>summary::after{content:'−'} .catalogue-saved>summary>span{font-size:11px;color:var(--ink-faint);margin-left:auto} .catalogue-saved>div{margin:16px 0 0} #journeyGrid>.catalogue-saved{margin:0} .catalogue-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) auto;gap:14px;align-items:end;margin:24px 0 12px} .catalogue-finder>label{display:grid;gap:8px;min-width:0;font-size:11px;color:var(--ink-dim)} .catalogue-finder input,.catalogue-finder select{width:100%;max-width:100%;min-width:0;min-height:44px} .catalogue-count{display:flex;align-items:center;gap:12px;min-height:44px;font-size:11px;color:var(--ink-faint);white-space:nowrap} .catalogue-count .btn{min-height:44px} .catalogue-empty{padding:24px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-dim);font-size:13px;line-height:1.8} .catalogue-boundary{margin:0 0 20px!important} .catalogue-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:12px} #instrumentConsole #journeys .catalogue-help>details{padding:0;margin:0;border:0;background:none;min-width:0} #instrumentConsole #journeys .catalogue-help>details>summary{min-height:52px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font:13px/1.6 var(--sans);display:flex;align-items:center;gap:12px;list-style:none} #instrumentConsole #journeys .catalogue-help>details>summary::-webkit-details-marker{display:none} #instrumentConsole #journeys .catalogue-help>details>summary::before{content:'+';color:var(--band);font:16px var(--mono)} #instrumentConsole #journeys .catalogue-help>details[open]>summary::before{content:'−'} .catalogue-help>details[open],.catalogue-help>#journeyTL,.catalogue-help>#journeyClose{grid-column:1/-1} .catalogue-help>details>p,.catalogue-help>details>.btn-row{margin:16px 0} @media(max-width:1000px){.catalogue-finder{grid-template-columns:minmax(0,1fr) minmax(135px,.7fr)}.catalogue-count{grid-column:1/-1;justify-content:space-between}} @media(max-width:560px){.catalogue-finder{grid-template-columns:minmax(0,1fr)}.catalogue-saved>summary>span{display:none}#presetGrid>.card,#journeyGrid .jcard{padding:20px}#journeyGrid .compose{padding:18px}} /* Keep the current method legible without putting every choice before the sliders. */ #instrumentConsole #console-sect>.console>.console-detail-toolbar{padding:0!important;border:0;background:none;border-radius:0} #instrumentConsole #tierChips .chip{min-height:44px} #instrumentConsole #tierChips .chip small{display:none} #instrumentConsole .console-core{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;min-width:0;align-items:stretch} #instrumentConsole .console-core>.ctl-group{min-width:0;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:13px} #instrumentConsole .console-core .ctl-label{flex-wrap:wrap;gap:6px 12px} #instrumentConsole .console-core .ctl-label output{margin-left:auto;white-space:nowrap} #instrumentConsole .console-core #timerChips .chip{min-height:40px;padding:8px 11px;font-size:11px} #instrumentConsole .method-picker{min-width:0;width:100%} #instrumentConsole .method-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;list-style:none;cursor:pointer} #instrumentConsole .method-picker>summary::-webkit-details-marker{display:none} #instrumentConsole .method-picker>summary:focus-visible{outline:2px solid var(--band);outline-offset:7px;border-radius:6px} #instrumentConsole .method-picker-value{display:grid;gap:5px;min-width:0} #instrumentConsole .method-picker-value>small{font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)} #instrumentConsole .method-picker-value>strong{font:400 25px/1.2 var(--serif);color:var(--ink)} #instrumentConsole .method-picker-value>span{font-size:12px;line-height:1.6;color:var(--ink-dim)} #instrumentConsole .method-picker-change{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink);flex-shrink:0} #instrumentConsole .method-picker-change>b{font:22px var(--mono);transition:transform .15s} #instrumentConsole .method-picker[open] .method-picker-change>b{transform:rotate(45deg)} #instrumentConsole .method-picker[open]>summary{padding-bottom:18px;border-bottom:1px solid var(--line-soft);margin-bottom:18px} #instrumentConsole .method-picker #modeChips{margin-top:16px} #instrumentConsole .method-routing{margin:0;font:10px/1.6 var(--mono);color:var(--band);text-transform:uppercase;letter-spacing:.05em} #instrumentConsole .console-method #pbBadge{margin:0;padding-top:8px;border-top:1px solid var(--line-soft);font-size:10px} #instrumentConsole .console-method #blendScopeNote{margin:0} @media(prefers-reduced-motion:reduce){#instrumentConsole .method-picker-change>b{transition:none}} /* Production utilities live inside their owning workspace, one panel at a time. */ .utility-workbench{grid-column:1/-1;min-width:0} .utility-workbench>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .utility-intro{color:var(--ink-dim);font-size:13px;line-height:1.7;margin:0 0 20px;max-width:75ch} .utility-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 0 18px;margin:0 0 24px;border-bottom:1px solid var(--line-soft)} .utility-nav a{display:flex;align-items:center;min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:10px;color:var(--ink-dim);font-size:12px;text-decoration:none;line-height:1.5} .utility-nav a:hover{background:var(--ground-2);color:var(--ink)} .utility-nav a[aria-current="page"]{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--ink)} .utility-nav a:focus-visible,.studio-directory a:focus-visible,.path-workbench>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .utility-mobile{display:none;font-size:11px;letter-spacing:.05em;color:var(--ink-dim);margin:0 0 20px} .utility-mobile select{width:100%;min-height:44px;margin-top:8px} .utility-workbench .studio-tool,.path-workbench .studio-tool{min-width:0;padding:clamp(18px,3vw,30px);box-shadow:none} .utility-workbench .studio-tool h3,.path-workbench .studio-tool h3{font-size:28px;margin-top:6px;margin-bottom:12px} .utility-workbench [id],.path-workbench{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} #studyWorkbench [id]{scroll-margin-top:calc(var(--workspace-header,70px) + var(--console-transport,112px) + 20px)} #studyWorkbench .study-intro{font-size:14px;line-height:1.7;color:var(--ink-dim);max-width:68ch;margin:0 0 20px} #studyWorkbench .study-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:20px 0} #studyWorkbench .study-paths a{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--ground-2);color:var(--ink);gap:5px;line-height:1.5} #studyWorkbench .study-paths b{font-size:14px;font-weight:500} #studyWorkbench .study-paths span{font-size:11px;color:var(--ink-dim)} #studyWorkbench .study-paths a:hover{border-color:var(--accent)} #studyWorkbench .study-task{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0} #studyWorkbench .study-task>summary{cursor:pointer;min-height:52px;padding:16px;font-size:13px;line-height:1.5;color:var(--ink)} #studyWorkbench .study-task[open]>summary{border-bottom:1px solid var(--line-soft)} #studyWorkbench .study-task-body{padding:18px;min-width:0} #studyWorkbench .study-task h4{font-size:12px;font-weight:500;line-height:1.5;margin:20px 0 12px;color:var(--ink)} #studyWorkbench .study-task h4:first-child{margin-top:0} #studyWorkbench .study-task .studio-fields{margin-top:14px} #studyWorkbench .study-task .studio-actions{margin-top:14px;gap:8px} #studyWorkbench .study-task label{min-width:0} #studyWorkbench .study-task input:not([type="checkbox"]),#studyWorkbench .study-task select{min-height:44px} #studyWorkbench .study-task label:has(input[type="checkbox"]){min-height:44px;display:flex;align-items:center} #studyWorkbench .study-task input[type="file"]{width:100%;box-sizing:border-box;font-size:11px} #studyWorkbench .study-task input[type="file"]::file-selector-button{max-width:100%;margin-bottom:4px} #studyWorkbench .study-task button,#studyWorkbench .study-storage button{min-height:44px;height:auto;white-space:normal;line-height:1.5} #studyWorkbench .study-caution{padding:14px 16px;background:var(--ground-2);border-left:2px solid var(--accent);border-radius:0 10px 10px 0;color:var(--ink-dim);font-size:12px;line-height:1.7} #studyWorkbench .study-storage{margin:14px 0} #studyWorkbench .study-storage .studio-actions{margin-top:8px} #studyWorkbench .study-storage button:disabled{display:none} #studyWorkbench .study-paths a:focus-visible,#studyWorkbench .study-task>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px} @media(max-width:480px){#studyWorkbench .study-task-body{padding:14px}#studyWorkbench .study-task .studio-fields{grid-template-columns:minmax(0,1fr)}#studyWorkbench .study-task .studio-actions>*{flex:1 1 100%}#studyWorkbench .study-paths{grid-template-columns:minmax(0,1fr)}#studyWorkbench .study-paths a{min-height:60px}} .utility-workbench input,.utility-workbench textarea,.utility-workbench select{max-width:100%} .utility-workbench .studio-fields>*{min-width:0} .path-workbench{margin:0 0 28px} .path-workbench>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;font-size:13px;color:var(--ink);cursor:pointer;list-style:none;background:var(--surface)} .path-workbench>summary::-webkit-details-marker{display:none} .path-workbench>summary>span{font:20px var(--mono)} .path-workbench[open]>summary{margin-bottom:14px} .path-workbench[open]>summary>span{transform:rotate(45deg)} .studio-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .studio-directory>section{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0} .studio-directory h3{font:400 28px var(--serif);margin:0 0 12px;letter-spacing:-.025em} .studio-directory a+h3{margin-top:30px} .studio-directory p{color:var(--ink-dim);font-size:13px;line-height:1.6;margin:0 0 16px} .studio-directory a{display:flex;align-items:center;min-height:44px;color:var(--ink-dim);font-size:13px;text-decoration:none;border-top:1px solid var(--line-soft);padding:10px 0} .studio-directory a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px} #studio-tools{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} #studio-tools .studio-tools-grid:empty{display:none} @media(max-width:760px){.utility-nav{display:none}.utility-mobile{display:block}.studio-directory{grid-template-columns:1fr}.utility-workbench .studio-tool h3{font-size:25px}} /* Lab catalogue: inspect a tool before exposing its experiment actions. */ #lab{container-type:inline-size;container-name:attune-lab} #lab .lab-context-row{display:flex;align-items:start;flex-wrap:wrap;gap:0 28px;margin:8px 0 16px} #instrumentConsole #lab .lab-context-row>.console-context{margin:0;min-width:0;max-width:100%} #lab .lab-context-row>.console-context[open]{flex-basis:100%} @container attune-lab (min-width:800px){#instrumentConsole #lab .lab-finder{grid-template-columns:minmax(0,1fr) 180px auto}#instrumentConsole #lab .lab-finder-status{grid-column:auto;justify-content:flex-end}} #labGrid .labcard{display:block;padding:0;align-self:start;min-width:0;overflow:clip;border-radius:16px;transition:border-color .18s,box-shadow .18s} #labGrid .labcard[hidden]{display:none!important} #labGrid .labcard[open]{grid-column:1/-1;border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:0 14px 36px -30px #0009} #labGrid .lab-tool-summary{display:grid;gap:10px;min-height:212px;padding:23px;cursor:pointer;list-style:none} #labGrid .lab-tool-summary::-webkit-details-marker{display:none} #labGrid .lab-tool-summary::marker{content:''} #labGrid .lab-tool-summary:hover{background:color-mix(in srgb,var(--accent) 3%,var(--surface))} #labGrid .lab-tool-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:16px} #labGrid .lab-tool-category{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-faint)} #labGrid .lab-tool-summary h3{font:400 25px/1.22 var(--serif);letter-spacing:-.025em;margin:0;color:var(--ink)} #labGrid .lab-tool-summary .lab-outcome{padding:0;border:0;border-radius:0;background:none;font-size:12px;line-height:1.6;margin:0;max-width:80ch;color:var(--ink-dim)} #labGrid .lab-tool-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:5px} #labGrid .lab-tool-footer .pill{margin:0;font-size:8px;letter-spacing:.1em} #labGrid .lab-tool-open{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-dim);white-space:nowrap} #labGrid .lab-tool-open>b{font:19px var(--mono);font-weight:400;transition:transform .18s} #labGrid .lab-close-label{display:none} #labGrid .labcard[open] .lab-open-label{display:none} #labGrid .labcard[open] .lab-close-label{display:inline} #labGrid .labcard[open] .lab-tool-open>b{transform:rotate(45deg)} #labGrid .labcard[open]>.lab-tool-summary{min-height:0;background:color-mix(in srgb,var(--accent) 4%,var(--surface));border-bottom:1px solid var(--line-soft)} #labGrid .lab-tool-content{padding:24px;display:grid;gap:20px} #labGrid .lab-tool-tags{display:flex;gap:8px;flex-wrap:wrap} #labGrid .lab-tool-tags .pill{margin:0;font-size:9px} #labGrid .lab-tool-explanation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px} #labGrid .lab-tool-explanation>div{min-width:0} #labGrid .lab-tool-explanation h4{font-size:12px;font-weight:500;color:var(--ink);margin:0 0 12px} #labGrid .lab-tool-explanation .desc{font-size:13px;line-height:1.7;margin:0;display:block} #labGrid .lab-tool-explanation .rationale{font-size:12px;line-height:1.7;display:block;padding:0;border:0;margin:12px 0 0} #labGrid .lab-evidence-note{font-size:12px;line-height:1.65;padding:12px 14px;border-radius:10px;background:var(--ground-2);color:var(--ink-dim);margin:0} #labGrid .lab-tool-content>.btn{justify-self:start;min-height:44px;margin:0} #labGrid .lab-trial-box{margin:0;padding-top:16px;border-top:1px solid var(--line-soft)} .lab-browse-hint{font-size:11px;line-height:1.6;color:var(--ink-faint);margin:14px 0 18px} @media(max-width:760px){#labGrid .lab-tool-summary{padding:20px;min-height:0}#labGrid .lab-tool-content{padding:20px;gap:18px}#labGrid .lab-tool-explanation{grid-template-columns:minmax(0,1fr);gap:22px}#labGrid .lab-tool-content>.btn{width:100%;justify-content:center;white-space:normal}#labGrid .lab-tool-summary h3{font-size:23px}} @media(prefers-reduced-motion:reduce){#labGrid .labcard,#labGrid .lab-tool-open>b{transition:none}} /* One instrument workspace: shared transport, persistent tools, real panels. */ #instrumentConsole{max-width:1320px;scroll-margin-top:calc(var(--workspace-header,70px) + 12px)} #instrumentConsole .console-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 24px} #instrumentConsole .console-title .eyebrow{margin:0;color:var(--ink-faint);font-size:10px;letter-spacing:.2em} #instrumentConsole .console-title h1{font:400 clamp(32px,4vw,44px)/1.15 var(--serif);letter-spacing:-.035em;margin:7px 0 0} #instrumentConsole .console-title>a{font-size:12px;color:var(--ink-dim);text-decoration:none;padding:12px 0} #instrumentConsole>#instrument{position:sticky;top:var(--workspace-header,70px);z-index:15;display:grid;grid-template-columns:72px minmax(0,1fr) 142px;column-gap:18px;align-items:center;width:100%;max-width:none;min-height:98px;padding:10px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px -22px #0008;scroll-margin-top:calc(var(--workspace-header,70px) + 12px)} #instrumentConsole #instrument .orbbox{grid-column:1;grid-row:1;width:72px;height:72px;margin:0;align-self:center} #instrumentConsole #instrument #playBtn{width:48px;height:48px} #instrumentConsole #instrument #playBtn svg{width:21px;height:21px} #instrumentConsole #breathCue{font-size:9px;bottom:-2px;white-space:nowrap} #instrumentConsole #instrument>.readouts{grid-column:2;grid-row:1;justify-content:flex-start;margin:0;gap:20px} #instrumentConsole #instrument .readout{background:none;border:0;padding:0;font-size:10px;letter-spacing:.04em;white-space:nowrap} #instrumentConsole #instrument .readout b{font-size:14px;font-weight:400;margin-left:5px} #instrumentConsole #instrument .bandstrip{width:min(440px,100%);margin:18px 0 24px;height:10px} #instrumentConsole #instrument .bandstrip .bar{height:3px} #instrumentConsole #instrument .bandstrip .labels{font-size:7px;margin-top:3px} #instrumentConsole #instrumentSignalInfo{grid-column:3;grid-row:1;align-self:center;font-size:11px;margin:0;max-width:240px} #instrumentConsole #instrumentSignalInfo>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;list-style:none} #instrumentConsole #instrumentSignalInfo>summary::-webkit-details-marker{display:none} #instrumentConsole #instrumentSignalInfo>summary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;flex-shrink:0} #instrumentConsole #instrumentSignalInfo>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #instrumentConsole #instrumentSignalInfo[open]>summary{background:var(--ground-2);border-color:var(--accent);position:absolute;right:22px;top:26px} #instrumentConsole #instrumentSignalInfo[open]{grid-column:1/-1;grid-row:2;max-width:none;width:100%;text-align:left;border-top:1px solid var(--line-soft);padding-top:12px} #instrumentConsole #instrumentSignalBody{max-height:min(38dvh,280px);overflow-y:auto;overscroll-behavior:contain;padding:0 4px 8px;scrollbar-width:thin} #instrumentConsole #ambientVerdict{font:11px/1.65 var(--mono);color:var(--ink-dim);margin:12px 0 0;overflow-wrap:anywhere} #instrumentConsole #receiving{justify-content:flex-start;gap:10px} #instrumentConsole #receiving .readout{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.6} #instrumentConsole #instrument>p:not([hidden]){grid-column:1/-1;text-align:left!important;margin:7px 0!important;font-size:11px;line-height:1.6;overflow-wrap:anywhere} #instrumentConsole .instrument-workbench{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start;margin-top:24px} #instrumentConsole .instrument-sidebar{position:sticky;top:calc(var(--workspace-header,70px) + var(--console-transport,98px) + 24px);max-height:calc(100dvh - var(--workspace-header,70px) - var(--console-transport,98px) - 40px);overflow-y:auto;padding-right:6px;scrollbar-width:thin} #instrumentTools{display:grid;gap:20px;padding:6px 0 16px} #instrumentTools .console-nav-group{display:grid;gap:3px} #instrumentTools .console-nav-group>span{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--ink-faint);padding:0 13px 7px} #instrumentTools a{display:flex;align-items:center;min-height:42px;padding:10px 13px;text-decoration:none;font-size:12px;color:var(--ink-dim);border:1px solid transparent;border-radius:10px;transition:background .16s,color .16s} #instrumentTools a:hover{color:var(--ink);background:var(--ground-2)} #instrumentTools a[aria-current="page"]{color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:inset 3px 0 0 var(--accent)} #instrumentTools .console-nav-more{border-top:1px solid var(--line-soft);padding-top:10px} #instrumentTools .console-nav-more>summary{font-size:12px;min-height:44px;cursor:pointer;color:var(--ink-dim);padding:12px} #instrumentTools a:focus-visible,#instrumentTools summary:focus-visible,#instrumentToolSelect:focus-visible{outline:2px solid var(--accent);outline-offset:2px} #instrumentConsole .instrument-deck{min-width:0} #instrumentToolName{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #instrumentConsole .instrument-deck>.wrap{max-width:none;width:100%;padding:0;margin:0} #instrumentConsole .instrument-deck .sect-head{margin:0 0 22px} #instrumentConsole .instrument-deck .sect-head>.eyebrow{display:none} #instrumentConsole .instrument-deck .sect-head>h2{font:400 clamp(26px,3vw,34px)/1.18 var(--serif);letter-spacing:-.025em;margin:0 0 10px} #instrumentConsole .instrument-deck .sect-head>p{font-size:13px;line-height:1.65;margin:0;max-width:70ch} #instrumentConsole #console-sect>.sect-head{display:block} #instrumentConsole #console-sect>.console{padding:20px;gap:20px;border-radius:18px} #instrumentConsole #console-sect #modeChips{grid-template-columns:repeat(3,minmax(0,1fr))} #instrumentConsole #console-sect #tierChips{justify-content:flex-start!important} #instrumentConsole #labGrid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr))!important} #instrumentConsole .lab-finder{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);align-items:end} #instrumentConsole .lab-finder label{min-width:0} #instrumentConsole .lab-finder-status{grid-column:1/-1;justify-content:space-between} @media(max-width:560px){#instrumentConsole .lab-finder{grid-template-columns:minmax(0,1fr)}} #instrumentConsole .console-context{font-size:12px;line-height:1.65;color:var(--ink-dim);margin:14px 0 20px} #instrumentConsole .console-context>summary{cursor:pointer;min-height:40px;padding:9px 0;color:var(--ink)} #instrumentConsole .console-context>p{max-width:76ch} #instrumentConsole [id]{scroll-margin-top:calc(var(--workspace-header,70px) + var(--console-transport,98px) + 18px)} #instrumentConsole .instrument-tool-mobile{display:none} @media(max-width:1000px){#instrumentConsole .instrument-workbench{grid-template-columns:155px minmax(0,1fr);gap:20px}#instrumentConsole #instrument>.readouts{gap:12px}#instrumentConsole #instrumentSignalInfo{max-width:180px}#instrumentTools a{font-size:11px}#instrumentConsole #console-sect>.console{padding:16px;gap:16px}} @media(max-width:760px){#instrumentConsole .instrument-sidebar{display:none}#instrumentConsole .instrument-workbench{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:20px}#instrumentConsole .instrument-tool-mobile{display:flex;gap:16px;align-items:center}#instrumentConsole .instrument-tool-mobile>label{font-size:11px;color:var(--ink-dim);white-space:nowrap}#instrumentConsole .instrument-tool-mobile>select{flex:1;min-width:0;min-height:46px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);font-size:13px}#instrumentConsole>#instrument{grid-template-columns:54px minmax(0,1fr);gap:8px 12px;padding:12px 14px;min-height:100px}#instrumentConsole #instrument .orbbox{width:54px;height:54px}#instrumentConsole #instrument #playBtn{width:42px;height:42px}#instrumentConsole #instrument>.readouts{gap:6px 12px;flex-wrap:wrap}#instrumentConsole #instrument .readout{font-size:8px}#instrumentConsole #instrument .readout b{font-size:11px;margin-left:3px}#instrumentConsole #instrumentSignalInfo{grid-row:3;grid-column:1/-1;justify-self:start;max-width:100%;font-size:10px}#instrumentConsole #instrumentSignalInfo[open]{grid-column:1/-1}#instrumentConsole #instrument .bandstrip{margin:5px 0 8px}#instrumentConsole .console-title{padding:10px 0 18px}#instrumentConsole .console-title>a{font-size:11px}#instrumentConsole #console-sect #modeChips{grid-template-columns:repeat(2,minmax(0,1fr))}#instrumentConsole .instrument-deck .console{grid-template-columns:minmax(0,1fr)!important}#instrumentConsole .instrument-deck .grid{grid-template-columns:minmax(0,1fr)!important}#instrumentConsole #mineName{min-width:0!important}} /* Fine-tune: usable tone controls first, synthesis options on demand. */ @media(max-width:760px){ #instrumentConsole>#instrument{grid-template-columns:48px minmax(0,1fr) 44px;gap:8px 10px;padding:10px 12px;min-height:88px;border-radius:14px} #instrumentConsole #instrument .orbbox{width:48px;height:58px;grid-row:1} #instrumentConsole #instrument #playBtn{width:44px;height:44px} #instrumentConsole #instrument>.readouts{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;grid-row:1} #instrumentConsole #instrument>.readouts .readout{font-size:9px;line-height:1.55;white-space:normal;overflow-wrap:anywhere} #instrumentConsole #instrument>.readouts .readout b{font-size:11px} #instrumentConsole #instrumentSignalInfo{grid-row:1;grid-column:3;justify-self:end;max-width:none} #instrumentConsole #instrumentSignalInfo>summary{padding:10px;width:44px;height:44px} #instrumentConsole #instrumentSignalInfo .player-detail-label{display:none} #instrumentConsole #instrumentSignalInfo[open]{grid-column:1/-1;grid-row:2} #instrumentConsole #instrumentSignalInfo[open]>summary{right:12px;top:20px} #instrumentConsole #instrument .bandstrip{margin:18px 0 24px} } /* Phone console: one visible heading, fewer nested frames, full-size controls. */ @media(max-width:760px){ #instrumentConsole .console-title{padding:0 0 12px;gap:12px;min-height:56px} #instrumentConsole .console-title .eyebrow{display:none} #instrumentConsole .console-title h1{font-size:28px;margin:0} #instrumentConsole .console-title>a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;white-space:nowrap} #instrumentConsole .instrument-workbench{margin-top:12px;gap:12px} #instrumentConsole #console-sect>.sect-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #instrumentConsole #console-sect>.console{padding:0;gap:12px;border:0;background:transparent;box-shadow:none} #instrumentConsole #console-sect>.console>.console-method{padding:14px;gap:9px;border-radius:14px} #instrumentConsole .method-picker>summary{min-height:48px;gap:14px} #instrumentConsole .method-picker-value{gap:3px} #instrumentConsole .method-picker-value>small{display:none} #instrumentConsole .method-picker-value>strong{font-size:22px} #instrumentConsole .console-method #pbBadge{gap:6px 10px!important} #instrumentConsole .console-method #pbBadge button{min-height:44px} #instrumentConsole .console-method #inactiveControlNote{margin:0} #instrumentConsole .console-core{gap:12px} #instrumentConsole .console-core>.ctl-group{padding:14px;gap:8px;border-radius:14px} #instrumentConsole #console-sect input[type=range]{min-height:44px} #instrumentConsole .console-core #timerChips .chip{min-height:44px} } /* Long-form voice comparison: paired sources, visible gates, optional records. */ #narrationRightsTool,#rightsAuthorizationTool{overflow:clip} .rights-step{min-width:0;margin:20px 0} .rights-step>h4{font:400 21px/1.3 var(--serif);letter-spacing:-.02em;margin:0 0 14px;color:var(--ink)} .rights-details{margin:14px 0 0;padding:0 16px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface)} .rights-details>summary{min-height:48px;padding:13px 0;cursor:pointer;font-size:12px;line-height:1.6;color:var(--ink)} .rights-details[open]{padding-bottom:16px} .rights-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px} .rights-details>.hint{line-height:1.65;max-width:86ch} #narrationRightsTool .toggline{align-items:start;gap:10px} #narrationRightsTool .toggline>span{font:12px/1.65 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-dim)} .rights-live-status{position:sticky;bottom:12px;z-index:3;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:16px 0 0;max-height:min(24dvh,160px);overflow:auto;overscroll-behavior:contain;box-shadow:0 8px 28px -22px #0009} @media(max-width:600px){.rights-details{padding-left:12px;padding-right:12px}#narrationRightsTool .studio-actions>.btn,#rightsAuthorizationTool .studio-actions>.btn{min-height:44px;white-space:normal;max-width:100%}} #narratorEnduranceTool{overflow:clip} #narratorEnduranceTool .endurance-step{font:400 21px/1.3 var(--serif);letter-spacing:-.02em;color:var(--ink);margin:22px 0 14px} #narratorEnduranceTool .endurance-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #narratorEnduranceTool .endurance-candidate{min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px 16px 16px;margin:0;background:color-mix(in srgb,var(--accent) 3%,var(--surface))} #narratorEnduranceTool .endurance-candidate legend{padding:0 7px;font-size:12px;color:var(--ink)} #narratorEnduranceTool .endurance-candidate .studio-fields{grid-template-columns:minmax(0,1fr);margin:0;gap:12px} #neSetup .toggline{align-items:start;gap:10px} #neSetup .toggline>span{font:12px/1.65 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-dim)} #narratorEnduranceTool .endurance-details{margin:12px 0 0;padding:0 16px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface)} #narratorEnduranceTool .endurance-details>summary{cursor:pointer;min-height:48px;padding:13px 0;font-size:12px;color:var(--ink);line-height:1.6} #narratorEnduranceTool .endurance-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px} #narratorEnduranceTool .endurance-details[open]{padding-bottom:16px} #narratorEnduranceTool .endurance-details>.hint{max-width:85ch;line-height:1.65} #narratorEnduranceTool .endurance-status{position:sticky;bottom:12px;z-index:3;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:16px 0 0;max-height:min(24dvh,160px);overflow:auto;overscroll-behavior:contain;box-shadow:0 8px 28px -22px #0009} @media(max-width:600px){#narratorEnduranceTool .endurance-pair-grid{grid-template-columns:minmax(0,1fr)}#narratorEnduranceTool .endurance-details{padding-left:12px;padding-right:12px}#narratorEnduranceTool .studio-actions>.btn{min-height:44px;white-space:normal;max-width:100%}#narratorEnduranceTool input[type=range]{min-height:44px}} .voice-tuning-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:20px;align-items:start} .voice-tuning-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;gap:18px} .voice-tuning-heading h4{font:400 29px/1.15 var(--serif);letter-spacing:-.025em;margin:7px 0 9px;color:var(--ink)} .voice-tuning-heading p{font-size:13px;line-height:1.6;color:var(--ink-dim);margin:0} .voice-tuning-card .creative-kicker{font-size:10px;color:var(--ink-faint)} .voice-tone-presets{gap:8px} .voice-tone-save .btn{min-height:44px} .voice-tone-presets .btn{min-height:40px;padding:9px 17px;border-radius:999px} .voice-tone-sliders{display:grid;gap:19px} .voice-tone-control{min-width:0} #creativeVoiceControls .voice-tone-control .ctl-label{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;flex-wrap:nowrap;margin:0;gap:10px} .voice-tone-control input[type="range"]{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--accent)} .voice-tone-endpoints{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--ink-faint);margin-top:-3px} .voice-comparison-card{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface) 60%)} .voice-comparison-card>label{font-size:12px;color:var(--ink-dim);margin-bottom:-12px} .voice-comparison-card>select{width:100%;min-height:44px} .voice-comparison-card .creative-actions{gap:8px} .voice-comparison-player{min-width:0;padding:15px 14px;border:1px solid var(--line-soft);border-radius:12px;background:var(--ground-2)} .voice-comparison-player label{display:block;font-size:12px;color:var(--ink-dim);margin-bottom:10px} .voice-comparison-player audio{display:block;width:100%;max-width:100%;height:40px} .voice-comparison-adjusted{border-color:color-mix(in srgb,var(--accent) 25%,var(--line))} .voice-tuning-card>.hint{margin:0;line-height:1.65;max-width:58ch} .voice-tuning-notes{margin:0;font-size:12px;color:var(--ink-dim)} .voice-tuning-notes summary{padding:4px 0;cursor:pointer;min-height:32px} .voice-tuning-notes dl{margin:12px 0} .voice-tuning-notes dt{font-size:12px;color:var(--ink);margin-top:12px} .voice-tuning-notes dd{font-size:12px;line-height:1.65;margin:4px 0 0;color:var(--ink-dim)} .voice-tuning-fold{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)} .voice-tuning-fold>summary{display:flex;align-items:center;gap:16px;min-height:64px;padding:16px 22px;cursor:pointer;list-style:none;font-size:14px;color:var(--ink)} .voice-tuning-fold>summary::-webkit-details-marker{display:none} .voice-tuning-fold>summary small{margin-left:auto;font-size:11px;color:var(--ink-faint)} .voice-tuning-fold>summary:after{content:'+';font:20px var(--mono);color:var(--ink-dim)} .voice-tuning-fold[open]>summary:after{content:'−'} .voice-tuning-fold[open]>summary{border-bottom:1px solid var(--line-soft)} .voice-tuning-fold-body{padding:20px;display:grid;gap:15px} .voice-tuning-fold-body>.voice-playback-speed{margin:0;background:transparent} .voice-tuning-fold-body>.hint{margin:0} .voice-tuning-fold-body>.btn{justify-self:start} .voice-tuning-fold summary:focus-visible,.voice-tuning-notes summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px} @media(max-width:740px){.voice-tuning-grid{grid-template-columns:1fr;gap:16px}.voice-tuning-card{padding:18px;gap:17px}.voice-tuning-heading h4{font-size:26px}.voice-tuning-fold>summary{display:grid;grid-template-columns:minmax(0,1fr) 16px;padding:16px;gap:4px 12px}.voice-tuning-fold>summary small{font-size:10px;grid-column:1;grid-row:2;margin:0}.voice-tuning-fold>summary:after{grid-column:2;grid-row:1/3;align-self:center}.voice-tuning-fold-body{padding:15px}.voice-tuning-fold-body>.voice-playback-speed{padding:10px}.voice-tone-presets .btn{min-height:44px;padding:10px 16px}.voice-tuning-notes summary{min-height:40px}} .workspace-inactive{display:none!important} .voice-playback-speed{min-width:0;margin:20px 0 24px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)} .voice-playback-speed legend{padding:0 8px;color:var(--ink);font-size:14px} .voice-speed-line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:13px;color:var(--ink-dim)} .voice-speed-line output{font:19px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)} .voice-speed-controls{display:flex;align-items:center;gap:18px;margin-top:10px} .voice-speed-controls>input[type="range"]{min-width:0;min-height:44px;flex:1;accent-color:var(--accent)} .voice-speed-exact{font-size:11px;color:var(--ink-dim);display:flex;flex-wrap:wrap;max-width:100%;gap:8px;align-items:center} .voice-speed-exact input{box-sizing:border-box;width:calc(5ch + 32px);max-width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--ground-2);color:var(--ink);padding:8px;font:14px var(--mono)} .voice-playback-speed .hint{margin-bottom:0;max-width:85ch} @media(max-width:600px){.voice-playback-speed{padding:14px}.voice-speed-controls{flex-wrap:wrap;gap:10px}.voice-speed-controls>input[type="range"]{flex-basis:100%}.voice-speed-controls>.btn{margin-left:auto;font-size:12px}} /* Instrument: core decisions first, optional layers on demand. */ .instrument-receiving{max-width:760px;margin:0 auto;text-align:center} #console-sect .instrument-fold{grid-column:1/-1;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden} #console-sect .instrument-fold[hidden]{display:none!important} #console-sect .instrument-fold>summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:18px 20px;min-height:62px;color:var(--ink);font-size:14px} #console-sect .instrument-fold>summary::-webkit-details-marker{display:none} #console-sect .instrument-fold>summary:after{content:'+';margin-left:auto;font:20px var(--mono);color:var(--ink-faint);flex:none} #console-sect .instrument-fold[open]>summary:after{content:'−'} #console-sect .instrument-fold>summary>span{font-weight:500;flex:none} #console-sect .instrument-fold>summary>small{font-size:11px;line-height:1.5;color:var(--ink-dim);text-align:right;margin-left:auto} #console-sect .instrument-fold>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:14px} #console-sect .instrument-fold[open]>summary{border-bottom:1px solid var(--line-soft)} #console-sect .instrument-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:22px} #instrumentExtras .instrument-panel-grid{grid-template-columns:1fr} #console-sect .instrument-panel-grid>.ctl-group{min-width:0} #console-sect .instrument-fold .method-bench,#console-sect #instrumentMechanics .mech{border:0;background:transparent;margin:0;padding:20px} #console-sect #instrumentExport .console-foot{padding:20px;border:0;margin:0;display:flex;flex-wrap:wrap;gap:18px} #console-sect .instrument-hidden-settings{grid-column:1/-1;margin:0;line-height:1.6} #console-sect[data-detail="full"] .instrument-hidden-settings{display:none} #console-sect #modeChips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #console-sect #modeChips .chip{min-height:65px;padding:12px;font-size:13px} #console-sect #modeChips .chip small{font-size:10px;line-height:1.4} #instrumentMechanics{margin-top:20px} #console-sect .ctl-label{gap:10px;flex-wrap:wrap} @media(max-width:860px){#console-sect #modeChips{grid-template-columns:repeat(3,minmax(0,1fr))}#console-sect .instrument-panel-grid{grid-template-columns:1fr}} @media(max-width:560px){#console-sect #modeChips{grid-template-columns:repeat(2,minmax(0,1fr))}#console-sect .instrument-fold>summary{flex-wrap:wrap;gap:5px 12px;padding:16px}#console-sect .instrument-fold>summary>small{order:3;flex-basis:100%;text-align:left;margin:0}#console-sect .instrument-panel-grid{padding:16px;gap:22px}#console-sect #instrumentExport .console-foot{padding:16px}#console-sect #instrumentExport .console-foot>.row{justify-content:flex-start!important}} .music-workspace-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 26px} .music-workspace-nav a{color:var(--ink-dim);text-decoration:none;border:1px solid transparent;border-radius:10px;padding:11px 15px;font-size:13px;min-height:44px;display:inline-flex;align-items:center} .music-workspace-nav a:hover{background:var(--ground-2);color:var(--ink)} .music-workspace-nav a[aria-current="page"]{color:var(--ink);background:var(--surface);border-color:var(--line)} .music-workspace-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .music-sketch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;grid-column:1/-1;min-width:0} #musicWorkbench #musicBrief{gap:10px} #musicBrief textarea{border-radius:12px;line-height:1.6} #musicPromptIdeas>summary{min-height:44px;display:flex;align-items:center;cursor:pointer} body.creative-ready #musicPromptIdeas #ssExamples{display:flex;gap:8px;margin-top:10px} #musicSettings{gap:18px} #musicSettings .music-choice-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2);gap:10px} .music-choice-card>h3{font:400 22px var(--serif);color:var(--ink);margin:0 0 5px} #musicWorkbench #musicSettings .chip,#musicWorkbench #musicBrief .chip{min-height:44px} #musicTiming #ssBpm{width:100%;min-height:32px} #ssDuration{font-size:12px;line-height:1.6;min-height:38px} #songSketch{gap:12px} #songSketch .music-sketch-transport{gap:8px} #songSketch .btn{min-height:44px} #ssStatus{margin:0;min-height:22px;overflow-wrap:anywhere} #songLayers,#songAffirmations{border-top:1px solid var(--line-soft);padding-top:6px} #songSketch>details>summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer} #songSketch>details>summary::before,#musicPromptIdeas>summary::before{content:'+';font:16px var(--mono);color:var(--accent);margin-right:5px} #songSketch>details[open]>summary::before,#musicPromptIdeas[open]>summary::before{content:'−'} #songLayersSummary{margin-left:auto;text-align:right;font-size:12px;color:var(--ink-dim)} .music-layer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:16px 0} .music-layer-grid .ctl-group{min-width:0} .music-layer-grid .toggline{min-height:44px} body[data-workspace] #musicWorkbench,body[data-workspace] #musicWorkbench [id]{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} @media(max-width:650px){#musicSettings{gap:14px}#musicSettings .music-choice-card{padding:15px}.music-layer-grid{grid-template-columns:1fr;gap:15px}#songLayers>summary{flex-wrap:wrap}#songLayersSummary{flex-basis:100%;text-align:left;margin-left:23px}#songAffirmations #ssTopic{min-width:0;width:100%;flex-basis:100%!important}.music-sketch-transport .row>.btn{flex-grow:1}} body[data-workspace] #songsmith{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} body[data-workspace] #evidence [id]{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} body[data-workspace] #musicWorkbench>.ai-studio{margin:0;border:0;background:transparent;box-shadow:none} body[data-workspace] #musicWorkbench>.ai-studio>summary{display:none} body[data-workspace] #musicWorkbench>.ai-studio>.ai-studio-body{padding:0} #creativeMusicPalette>.creative-actions{margin-top:20px} #sessionLibrary,#releaseStudio{overflow:visible} #sessionLibrary>.ai-studio-body,#releaseStudio>.ai-studio-body{align-items:start;gap:18px} .music-tool-nav{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px} .music-tool-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink-dim);font-size:13px} .music-tool-nav a[aria-current=page]{background:var(--ground-2);border-color:var(--accent);color:var(--ink)} .music-tool-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px} :is(#sessionLibrary,#releaseStudio) .music-tool-panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2);margin:0} :is(#sessionLibrary,#releaseStudio) h3{font:400 25px var(--serif);color:var(--ink);margin:0 0 12px} :is(#sessionLibrary,#releaseStudio) :is(.btn,.chip,.toggline,select,input[type=text],input[type=url],input[type=file]){min-height:44px} :is(#sessionLibrary,#releaseStudio) :is(input,select,textarea){min-width:0;max-width:100%} :is(#sessionLibrary,#releaseStudio) .hint{overflow-wrap:anywhere} .music-archive-feedback{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0} #libPlayback{position:sticky;top:calc(var(--workspace-header,70px) + 8px);z-index:3;max-height:34vh;overflow:auto;box-shadow:0 5px 16px rgb(0 0 0 / .07)} .music-archive-status{display:flex;align-items:center;justify-content:space-between;gap:12px} .music-archive-status .btn{flex-shrink:0} #libStatus,#relStatus{margin:0;overflow-wrap:anywhere;line-height:1.6} #libPlayback .btn{font-size:12px;padding:8px 12px} :is(#sessionLibrary,#releaseStudio) details>summary{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:8px 0;cursor:pointer;font-size:13px;gap:8px} :is(#sessionLibrary,#releaseStudio) details>summary::before{content:'+';font:16px var(--mono);color:var(--accent)} :is(#sessionLibrary,#releaseStudio) details[open]>summary::before{content:'−'} :is(#sessionLibrary,#releaseStudio) details>summary::after{content:none} .release-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} .release-editor>.wide{grid-column:1/-1} body[data-workspace] #sessionLibrary [id]:not(#libPlayback):not(#libStatus){scroll-margin-top:calc(var(--workspace-header,70px) + 34vh + 24px)} body[data-workspace] #releaseStudio [id]{scroll-margin-top:calc(var(--workspace-header,70px) + 20px)} /* Short phones need one unobstructed editing area. Playback stays reachable through the existing dock, without a second sticky panel covering the form. */ @media(max-width:600px) and (max-height:700px){ #libPlayback{position:static;max-height:none} body[data-workspace] #sessionLibrary [id]:not(#libPlayback):not(#libStatus){scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} body[data-workspace] #sessionLibrary #libRenameForm{scroll-margin-bottom:84px} } @media(max-width:700px){.release-editor{grid-template-columns:1fr}:is(#sessionLibrary,#releaseStudio) .music-tool-panel{padding:15px}.music-tool-nav{gap:5px}.music-tool-nav a{font-size:12px;padding:9px 12px}.music-archive-status{gap:8px}#libPlayback{padding:8px 10px}#libStatus{font-size:12px}} /* At high zoom a tall Music header must not occupy the working viewport. */ body.music-header-flow>header{position:static} body.music-header-flow #aceStudio .ai-music-feedback{position:static} body.music-header-flow #workspaceHeading{flex-wrap:wrap} body.music-header-flow #workspaceHeading>*{min-width:0;max-width:100%;overflow-wrap:anywhere} body.music-header-flow #songsmith.wrap{padding-inline:12px} body.music-header-flow #musicWorkbench{overflow-wrap:anywhere} body.music-header-flow #aceStudio .btn{min-width:0;max-width:100%;overflow-wrap:anywhere} #aceStudio{overflow:visible} #aceStudio>.ai-studio-body{align-items:start;gap:18px} #aceStudio .ai-music-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2);gap:10px} #aceStudio h3{font:400 22px var(--serif);color:var(--ink);margin:0 0 12px} #aceStudio .ai-music-feedback{position:sticky;top:calc(var(--workspace-header,70px) + 8px);z-index:3;max-height:28vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 14px;box-shadow:0 5px 16px rgb(0 0 0 / .07)} #aceStatus{margin:0;overflow-wrap:anywhere;line-height:1.6} #aceProgress:not([hidden]){display:block;margin:0 0 6px} #aceProgress[value="1"]{display:none} #aceStudio .ai-connect-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px} #aceEndpoint{flex:1 1 160px;min-width:0;max-width:100%} #aceStudio :is(input[type=url],input[type=password],select){min-height:44px} #aceStudio :is(.btn,.toggline){min-height:44px} #aceStudio input[type=range]{min-height:32px} #aceStudio details>summary{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:8px 0;cursor:pointer;font-size:13px;gap:8px} #aceStudio details>summary::before{content:'+';font:16px var(--mono);color:var(--accent)} #aceStudio details[open]>summary::before{content:'−'} #aceStudio details>summary::after{content:none} body[data-workspace] #aceStudio [id]:not(#aceFeedback):not(#aceStatus){scroll-margin-top:calc(var(--workspace-header,70px) + 28vh + 24px)} body.music-header-flow[data-workspace] #aceStudio [id]:not(#aceFeedback):not(#aceStatus){scroll-margin-top:16px} #aceStudio .ai-options-body{padding:10px 0;min-width:0} #aceStudio .ai-music-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px} #aceGeneration,#aceResult{min-width:0;border-top:1px solid var(--line);padding-top:18px} #aceGeneration .toggline{margin-top:6px} #masterStudio{overflow:visible} #masterStudio>.ai-studio-body{align-items:start;gap:18px} #masterStudio .session-mix-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2);gap:10px} #masterStudio .session-layer-setup{display:grid;min-width:0;gap:18px} /* One composition workspace. Existing inputs and source status nodes are moved, not copied, by the shell. Listen retains its compact layer overview. */ #masterBuild{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0} #masterBuild .session-build-layer{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);column-gap:28px;row-gap:10px;background:var(--surface);padding:22px;border-radius:18px;box-shadow:0 4px 18px rgb(0 0 0 / .025)} #masterBuild .session-build-layer>h3{grid-column:1/-1;margin:0;font:400 25px/1.3 var(--serif)} #masterBuild .session-build-identity{display:grid;align-content:start;gap:6px;min-width:0;color:var(--ink);text-decoration:none;padding:8px 0;overflow-wrap:anywhere} #masterBuild .session-build-identity>span{display:none} #masterBuild .session-build-identity small{font:500 14px/1.6 var(--sans)} #masterBuild .session-build-identity b{font:400 12px/1.6 var(--sans);color:var(--ink-dim)} #masterBuild .session-build-identity:hover small{text-decoration:underline;text-underline-offset:4px} #masterBuild .session-channel{display:grid;align-content:start;gap:6px;min-width:0;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ground-2)} #masterBuild .session-channel .ctl-label{flex-wrap:wrap;gap:6px;letter-spacing:0;text-transform:none;align-items:baseline} #masterBuild .session-channel .ctl-label label{font:500 12px/1.5 var(--sans)} #masterBuild .session-channel output{margin-left:auto;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} #masterBuild .session-channel input[type=range]{min-height:44px;min-width:0;width:100%;margin:0} #masterBuild .session-channel .hint{margin:0;font-size:12px;line-height:1.6} #masterBuild .session-layer-link{display:flex;align-items:center;min-height:44px;color:var(--accent);font:500 12px/1.5 var(--sans);text-decoration:none} #masterBuild .session-layer-link:hover{text-decoration:underline;text-underline-offset:4px} #masterBuild .session-build-settings{grid-column:1/-1;min-width:0;border-top:1px solid var(--line-soft);padding-top:4px} #masterBuild .session-build-settings>summary{font-weight:500;min-height:48px} #masterBuild .session-build-settings>summary::before{margin-right:4px} #masterBuild .session-build-settings[open]>summary{margin-bottom:12px} #masterBuild .session-build-settings>section,#masterBuild .session-build-settings>details{margin-top:14px} #masterBuild .session-build-layer>section,#masterBuild .session-build-layer>.ns-mix-return{grid-column:1/-1} #masterBuild #masterTimingOptions .session-timing-body{display:grid;max-width:none;gap:12px;padding:0 0 16px} #masterStudio #masterBuild :is(a,summary,input,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px} #masterStudio #masterSessionOverview .session-layer-overview[hidden],#masterStudio .session-layer-setup[hidden],#masterStudio #masterBalance[hidden]{display:none} @media(max-width:650px){#masterBuild .session-build-layer{grid-template-columns:minmax(0,1fr);padding:16px;gap:8px}#masterBuild .session-build-identity{padding:0 0 6px}#masterBuild .session-channel{padding:12px}#masterBuild .session-build-layer>h3{font-size:23px}} #masterMixCard .session-balance-intro{margin:0 0 6px;max-width:66ch} #masterMixCard .session-balance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #masterMixCard .session-channel{min-width:0;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:6px} #masterMixCard .ctl-label{flex-wrap:wrap;gap:6px 12px;align-items:baseline;text-transform:none;letter-spacing:0} #masterMixCard .ctl-label label{font-size:14px;color:var(--ink)} #masterMixCard .ctl-label output{margin-left:auto;font-variant-numeric:tabular-nums;text-align:right;max-width:100%;overflow-wrap:anywhere} #masterStudio #masterMixCard input[type=range]{min-height:44px;width:100%;min-width:0;margin:0} #masterMixCard input[type=range]:disabled{opacity:.45} #masterMixCard .session-channel .hint{margin:0;line-height:1.6} #masterMixCard .session-duck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;margin-top:8px;padding:18px 0;border-block:1px solid var(--line-soft)} #masterMixCard .session-duck-description{min-width:0} #masterMixCard .session-duck .hint{margin:0;max-width:48ch} #masterMixCard .session-timing-body{display:grid;gap:12px;padding:8px 0 4px;max-width:560px} #masterMusicFit{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0} #masterMusicFit .music-fit-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap} #masterMusicFit h4{margin:0 0 6px;color:var(--ink);font:400 20px var(--serif)} #masterMusicFit .hint{margin:8px 0 0;overflow-wrap:anywhere;line-height:1.65} #masterMusicFit .music-fit-heading>div{flex:1 1 180px;min-width:0} #masterMusicFit .btn{min-height:44px;flex-shrink:0} #masterMusicFit .music-fit-chart{position:relative;height:26px;margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--ground-2)} #masterMusicFit .music-fit-pass{position:absolute;top:0;height:100%;background:var(--accent);opacity:.42;border-inline:1px solid var(--ink);box-sizing:border-box} #masterMusicFit .music-fit-axis{display:flex;justify-content:space-between;margin-top:5px;color:var(--ink-dim);font:11px var(--mono)} #masterMusicFit .music-fit-axis[hidden],#masterMusicFit .music-fit-chart[hidden]{display:none} @media(max-width:900px){#masterMixCard .session-balance{grid-template-columns:1fr}#masterMixCard .session-channel{padding:14px}#masterMixCard .session-duck{grid-template-columns:1fr;gap:4px}} #masterStudio h3{font:400 22px var(--serif);color:var(--ink);margin:0 0 12px} #masterStudio h3 small{font:11px var(--mono);color:var(--accent);margin-right:8px} #masterStudio .session-mix-feedback{position:sticky;top:calc(var(--workspace-header,70px) + 8px);z-index:3;max-height:28vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 14px;box-shadow:0 5px 16px rgb(0 0 0 / .07)} #masterStatus,#masterProgressText{margin:0;overflow-wrap:anywhere;line-height:1.6} #masterProgress:not([hidden]){display:block;margin:0 0 6px} #masterStudio :is(.btn,.chip,.toggline,select,input[type=text],input[type=file]){min-height:44px} #masterStudio :is(input[type=file],input[type=text],select){max-width:100%;min-width:0} #masterStudio input[type=range]{min-height:32px} #masterStudio details>summary{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:8px 0;cursor:pointer;font-size:13px;gap:8px} #masterStudio details>summary::before{content:'+';font:16px var(--mono);color:var(--accent)} #masterStudio details[open]>summary::before{content:'−'} #masterStudio details>summary::after{content:none} #masterStudio .session-mix-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0} #masterDelivery{min-width:0;border-top:1px solid var(--line);padding-top:18px} #masterDelivery .session-delivery-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0} #masterDelivery .session-delivery-step{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--ground-2)} #masterDelivery :is(.session-delivery-step,.session-bed-preview) h4{font:400 21px/1.3 var(--serif);color:var(--ink);margin:0} #masterDelivery .session-delivery-step h4 span{font:11px var(--mono);color:var(--accent);margin-right:8px} #masterDelivery :is(.session-delivery-step,.session-bed-preview) p{font-size:13px;line-height:1.6;color:var(--ink-dim);margin:8px 0 14px} #masterDelivery .session-delivery-step .session-mix-actions{margin:0;display:grid;gap:8px;margin-top:auto} #masterDelivery :is(.session-delivery-step,.session-bed-preview) .btn{white-space:normal;min-width:0;max-width:100%;justify-content:center;text-align:center} #masterDelivery .session-bed-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:18px 0;border-block:1px solid var(--line-soft);margin-top:16px} #masterDelivery .session-bed-preview p{margin-bottom:0}#masterDelivery .session-bed-preview .session-mix-actions{margin:0} @media(max-width:650px){#masterDelivery .session-delivery-steps{grid-template-columns:1fr}#masterDelivery .session-delivery-step{padding:15px}#masterDelivery .session-bed-preview{display:block}#masterDelivery .session-bed-preview .session-mix-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}} .session-layer-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0} .session-layer-overview a{display:grid;gap:6px;border:1px solid var(--line);background:var(--ground-2);border-radius:12px;padding:14px;color:var(--ink);text-decoration:none;min-width:0} .session-layer-overview span{font:11px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em} .session-layer-overview b{font-size:13px;font-weight:500;overflow-wrap:anywhere} .session-layer-overview a:hover{border-color:var(--accent)} #masterSessionHint{min-height:1.6em} #masterStudio .session-next-step{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 5px 20px rgb(0 0 0 / .035)} #masterStudio .session-next-label{display:block;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:7px} #masterStudio .session-next-step #masterSessionHint{margin:0;max-width:68ch;font-size:14px;color:var(--ink);line-height:1.65} #masterStudio .session-next-step small{display:block;margin-top:7px;font:12px/1.6 var(--sans);color:var(--ink-dim)} #masterStudio #masterNext{min-height:44px;max-width:240px;white-space:normal;text-align:center;justify-content:center;overflow-wrap:anywhere} @media(max-width:650px){#masterStudio .session-next-step{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}#masterStudio #masterNext{width:100%;max-width:none}} #masterStudio #masterVoiceLevel{min-height:44px} .session-script-text{white-space:pre-wrap;max-height:360px;overflow:auto;font-size:14px;line-height:1.8;padding:16px;background:var(--ground-2);border-radius:12px;margin-bottom:12px} @media(max-width:540px){.session-layer-overview{grid-template-columns:1fr}.session-layer-overview a{grid-template-columns:54px minmax(0,1fr);align-items:center;padding:12px}} #masterExportOptions{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:4px} #masterStudio .hint{overflow-wrap:anywhere} body[data-workspace] #masterStudio [id]:not(#masterFeedback):not(#masterStatus){scroll-margin-top:calc(var(--workspace-header,70px) + 28vh + 24px)} @media(max-width:650px){#masterStudio .session-mix-card{padding:15px}#masterStudio .session-mix-actions>.btn{flex:1 1 auto}#masterStudio .session-mix-feedback{padding:8px 11px}} #aceResult>details{border-top:1px solid var(--line-soft);margin-top:10px;padding-top:4px} @media(max-width:650px){#aceStudio .ai-music-card{padding:15px}#aceStudio .ai-music-actions>.btn{flex:1 1 auto}#aceStudio .ai-music-feedback{padding:8px 11px}#aceStudio textarea{font-size:16px}} @media(max-width:650px){.music-sketch{grid-template-columns:1fr;gap:18px}.music-workspace-nav{gap:3px}.music-workspace-nav a{padding:10px 11px;font-size:12px}#musicWorkbench .ctl-label{gap:8px;flex-wrap:wrap}#musicWorkbench .ctl-label>output{max-width:100%}} header a.wordmark{text-decoration:none} body[data-workspace] #home,body[data-workspace] #instrument{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} .footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap} .footer-links a{color:var(--ink-dim);text-decoration:none} .footer-links a:hover{color:var(--ink);text-decoration:underline} body[data-workspace] main{min-height:70vh} .workspace-heading{display:flex;align-items:center;gap:14px;padding-top:30px;padding-bottom:26px;font-size:13px;color:var(--ink-dim)} .workspace-back{text-decoration:none;color:var(--ink-faint);display:flex;gap:14px;align-items:center} .workspace-help{margin-left:auto;color:var(--ink-dim);text-underline-offset:4px} body[data-workspace] main>section.wrap{padding-top:16px} body[data-workspace] .sect-head{margin-bottom:26px} body[data-workspace] .sect-head>p{max-width:620px;font-size:15px;line-height:1.65} body[data-workspace] .sect-head h2{font-size:clamp(31px,4vw,49px);line-height:1.15;letter-spacing:-.035em} body[data-workspace] .nav a[aria-current="page"]{color:var(--ink);border-bottom:2px solid var(--accent)} .home-secondary{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:23px} .home-return{max-width:700px;margin:32px auto 0;text-align:left} .home-return #doorway{margin:0;border:0;background:transparent;box-shadow:none} .instrument-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;width:100%;margin:0 0 16px} .instrument-heading h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,45px);line-height:1.2;margin:7px 0 0} body[data-workspace="instrument"] .instrument{padding-top:8px} body[data-workspace="instrument"] .orbbox{width:180px;height:180px;margin:0 auto} body[data-workspace="instrument"] #console-sect{padding-top:20px} body[data-workspace="instrument"] #console-sect>.sect-head{display:none} #sitting[data-workspace="voices"]>.sect-head,#sitting[data-workspace="production"]>.sect-head,#sitting[data-workspace="library"]>.sect-head{display:none} #sitting[data-workspace="voices"] #sittingSetup> :not(#sittingNarration){display:none!important} #sitting[data-workspace="voices"] #sittingSetup{padding:0;border:0;background:transparent;box-shadow:none} #sitting[data-workspace="voices"] #sittingNarration>.ctl-label{display:none} #sitting[data-workspace="meditate"] #creativeVoiceGuide{display:none} /* Everyday meditation keeps voice editing in its existing dedicated workspace. */ #sitting[data-workspace="meditate"] #sittingNarration{display:none} .sitting-setup-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:12px} .sitting-setup-heading h3{font:400 27px var(--serif);margin:0;color:var(--ink)} .sitting-setup-heading>span{font-size:12px;color:var(--ink-faint)} #sitting[data-workspace="meditate"] #sittingSetup{gap:18px;padding:22px} #sittingSetup .sitting-choice-card{min-width:0;padding:18px;border:1px solid var(--line-soft);border-radius:14px;background:var(--ground-2);gap:8px} .sitting-choice-card>h4{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;color:var(--accent);font:11px var(--mono)} .sitting-choice-card>h4 span{font:400 21px var(--serif);color:var(--ink)} #sittingSetup .sitting-choice-card .ctl-label{margin-bottom:0} #meditationSession #medLen{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px} #meditationSession #medLen .chip{padding-left:4px;padding-right:4px} .sitting-practice-label{display:block!important;padding-top:10px} .sitting-practice-label output{display:block;margin-top:7px;white-space:normal;overflow-wrap:anywhere;font:12px/1.6 var(--sans);color:var(--ink-dim);text-transform:none;letter-spacing:normal} #sitting[data-workspace="meditate"] .chips .chip{min-height:44px} #meditationSession .toggline{min-height:44px;font-size:12px} #meditationSession .tiny{font-size:12px;color:var(--ink-dim)} .sitting-narrator-summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2)} .sitting-narrator-summary>div{min-width:0} .sitting-narrator-summary h4{margin:0 0 7px;font:400 21px var(--serif);color:var(--ink)} .sitting-narrator-summary p{margin:0;max-width:72ch;font-size:13px;line-height:1.65;overflow-wrap:anywhere;color:var(--ink-dim)} .sitting-narrator-summary small{display:block;margin-top:6px;font-size:11px;color:var(--ink-faint)} .sitting-narrator-links{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;max-width:310px} .sitting-layer-choices{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0} .sitting-layer-choices .sitting-narrator-summary{grid-column:auto;align-items:stretch;flex-direction:column;gap:18px;margin:0} .sitting-sound-summary{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2)} .sitting-sound-summary h4{margin:0 0 7px;font:400 21px var(--serif);color:var(--ink)} .sitting-sound-summary p{margin:0;font-size:13px;line-height:1.65;overflow-wrap:anywhere;color:var(--ink-dim)} .sitting-sound-summary #medBedSummary{color:var(--ink);font-weight:500} .sitting-sound-summary #medBedNote{margin-top:6px;font-size:12px} .sitting-sound-links{display:flex;flex-wrap:wrap;gap:8px} .sitting-layer-choices .sitting-narrator-links{max-width:none} .sitting-layer-choices .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:normal;text-align:center} .sitting-layer-choices .btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px} .mw-settings-grid:has(#meditationPractice[hidden]){grid-template-columns:minmax(0,1fr)} @media(max-width:700px){.sitting-layer-choices{grid-template-columns:minmax(0,1fr)}.sitting-sound-summary{padding:15px;gap:14px}.sitting-sound-links .btn{flex:1 1 130px}} #sitting[data-workspace="meditate"] #sittingActions{padding:18px 0 0;border-top:1px solid var(--line-soft)} #sitting[data-workspace="meditate"] #sittingSetup .btn,#sitting[data-workspace="meditate"] #sittingSetup summary{min-height:44px} #sitting[data-workspace="meditate"] #sittingSetup summary{display:flex;align-items:center;gap:8px} #sitting[data-workspace="meditate"] #sittingSetup summary::before{content:'+';font:16px var(--mono);color:var(--accent)} #sitting[data-workspace="meditate"] #sittingSetup details[open]>summary::before{content:'−'} #meditationReaderShell:has(>#medScript[hidden]){display:none} #sitting[data-workspace="meditate"] #sittingHistory{border-top:1px solid var(--line-soft);padding-top:6px} body[data-workspace="meditate"] #sitting [id]{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} @media(max-width:700px){#sitting[data-workspace="meditate"] #sittingSetup{padding:14px;gap:14px}.sitting-setup-heading{display:block}.sitting-setup-heading>span{display:block;margin-top:6px}#sittingSetup .sitting-choice-card{padding:15px}.sitting-narrator-summary{align-items:stretch;flex-direction:column;padding:15px;gap:14px}.sitting-narrator-links{max-width:none}.sitting-narrator-links a{flex:1;text-align:center;justify-content:center}.sitting-practice-label output{font-size:12px}} @media(max-width:400px){#meditationSession #medLen{grid-template-columns:repeat(3,minmax(0,1fr))}} .voice-workspace-links{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 0} .voice-workspace-nav{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:4px 0 14px;margin:16px 0 22px} .voice-workspace-nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:999px;text-decoration:none;color:var(--ink-dim);font-size:13px} .voice-workspace-nav a:hover{background:var(--ground-2);color:var(--ink)} .voice-workspace-nav a[aria-current="page"]{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--ink)} .voice-workspace-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .voice-workspace-nav a:last-child{margin-left:auto} #voiceSetup>h4{font:400 25px var(--serif);margin:0 0 20px;color:var(--ink)} #productionWorkspaceNav,#productionOverview{grid-column:1/-1;min-width:0} #productionWorkspaceNav{margin-top:0} #productionGuidePanel{margin:12px 0 20px;padding:0;border:0} #productionGuidePanel>h4{font:400 28px var(--serif);margin:12px 0 22px;color:var(--ink)} #productionGuidePanel .prep-next{padding:22px;background:var(--ground-2);border-color:var(--line);display:grid;gap:12px;justify-items:start} #productionGuidePanel .prep-next>p{margin:0;font-size:15px;line-height:1.7;max-width:72ch} #productionGuidePanel details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--ink-dim);font-size:13px} #productionGuidePanel .prep-checklist{margin-top:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0} #productionGuidePanel>p:empty{display:none} #productionGuidePanel>button{margin-top:14px} #productionGuideOpen[hidden],#productionGuidePanel button[hidden]{display:none!important} body[data-workspace="production"] #sittingProduction,body[data-workspace="production"] #sittingProduction [id]{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} body[data-workspace="voices"] #sittingNarration,body[data-workspace="voices"] #sittingNarration [id]{scroll-margin-top:calc(var(--workspace-header,70px) + 16px)} @media(max-width:600px){.voice-workspace-nav{gap:4px}.voice-workspace-nav a{padding:10px 12px}.voice-workspace-nav a:last-child{margin-left:0}#voiceSetup>h4{font-size:23px}} #sitting[data-workspace="voices"] .voice-workspace-links a[href="#sittingNarration"],#sitting[data-workspace="meditate"] .voice-workspace-links a[href="#sittingActions"]{display:none} .quiet-disclosure{font-size:13px;color:var(--ink-dim);line-height:1.65} .quiet-disclosure>summary{cursor:pointer;padding:9px 0;color:var(--ink-dim);text-underline-offset:4px} .quiet-disclosure>summary:hover{color:var(--ink)} #sittingActions #medLine:empty{display:none} #sittingMoreActions{margin-top:8px;border-top:1px solid var(--line-soft);padding-top:5px} #sittingActions>.row{align-items:center} .sitting-feedback{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;margin:16px 0 8px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))} .sitting-feedback-copy{min-width:0;flex:1} .sitting-feedback h4{margin:0 0 8px;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)} .sitting-feedback #medStatus{margin:0;font-size:13px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere} .sitting-feedback-action{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;max-width:100%} .sitting-feedback-action .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;white-space:normal;text-align:center} .sitting-feedback-action small{font-size:11px;line-height:1.5;color:var(--ink-dim)} .sitting-feedback-action .btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px} @media(max-width:700px){.sitting-feedback{align-items:stretch;flex-direction:column;gap:14px;padding:15px}.sitting-feedback-action{align-items:stretch}.sitting-feedback-action small{text-align:center}} #sittingSetup .ctl-label{gap:10px;flex-wrap:wrap} @media(max-width:600px){#sittingSetup .ctl-label{flex-direction:column;align-items:flex-start;gap:6px}#sittingSetup .ctl-label>span:empty{display:none}#sittingSetup .ctl-label>output{max-width:100%;text-align:left;line-height:1.6}} body[data-workspace] #usageNote{padding-top:28px;padding-bottom:0} body[data-workspace] #usageNote .safety{padding:15px 18px;font-size:12px;line-height:1.65;background:transparent;border-color:var(--line-soft)} body[data-workspace] footer{margin-top:30px;padding:22px 0 80px;font-size:12px} .workspace-playback{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;z-index:180;max-width:calc(100vw - 28px);padding:12px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px #0003;font-size:13px;flex-wrap:wrap} .workspace-playback[hidden]{display:none!important} .workspace-playback span{color:var(--ink-faint)} .workspace-playback a{color:var(--ink);text-underline-offset:4px;min-height:24px} .workspace-playback.has-session{width:min(540px,calc(100vw - 28px));padding:0;overflow:hidden;bottom:max(14px,env(safe-area-inset-bottom));border-radius:20px;box-shadow:0 14px 40px #0003} .workspace-session{width:100%;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px 15px;box-sizing:border-box} .workspace-session-info{min-width:0} .workspace-playback .workspace-session-info>a{display:inline-flex;align-items:center;min-height:24px;font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none} .workspace-session-info>a:hover{text-decoration:underline} .workspace-session-facts{display:flex;flex-wrap:wrap;gap:2px 9px;margin-top:2px;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums} .workspace-playback #workspaceSessionState{color:var(--accent)} .workspace-playback #workspaceSessionRemaining{color:var(--ink-dim)} .workspace-session-actions{display:flex;gap:7px;align-items:center} .workspace-session-actions button{font:500 12px/1 var(--sans);min-width:58px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer} .workspace-session-actions #workspaceSessionPause{min-width:76px;background:var(--accent);border-color:var(--accent);color:var(--ground)} .workspace-session-actions #workspaceSessionMixToggle{min-width:44px;padding:0 9px} .workspace-session-actions #workspaceSessionMixToggle[aria-expanded="true"]{border-color:var(--accent)} .workspace-session-mute{grid-column:1/-1;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--ground-2);color:var(--ink-dim);font:500 12px/1.5 var(--sans)} .workspace-session-mix{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;max-height:min(310px,50dvh);overflow-y:auto;overscroll-behavior:contain} .workspace-session-mix>[hidden]{display:none!important} .workspace-session-mix>div:not([hidden])~div:not([hidden]){margin-top:12px} .workspace-session-mix>div>div{display:flex;justify-content:space-between;gap:12px;font-size:12px} .workspace-session-mix input[type="range"]{width:100%;margin:4px 0;min-height:28px} .workspace-session-mix .workspace-mix-adjust{align-items:center;gap:12px} .workspace-session-mix .workspace-mix-adjust input[type="range"]{flex:1;min-width:0;width:0;min-height:44px} .workspace-session-mix .workspace-mix-adjust button{flex:0 0 72px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:500 12px/1 var(--sans);cursor:pointer} .workspace-session-mix .workspace-mix-adjust button:hover:not(:disabled){border-color:var(--accent);background:var(--ground-2)} .workspace-session-mix .workspace-mix-adjust button:disabled{opacity:.5;cursor:not-allowed} .workspace-session-mix .workspace-mix-adjust button:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .workspace-session-mix>div>span,.workspace-session-mix p{font-size:11px;line-height:1.5;color:var(--ink-dim)} .workspace-session-mix p{margin:12px 0 0} .workspace-session-actions button:disabled{opacity:.5;cursor:default} .workspace-session-actions button:not(:disabled):hover{filter:brightness(1.08)} .workspace-session-actions button[hidden]{display:none!important} .workspace-session a:focus-visible,.workspace-session button:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .workspace-session-actions #workspaceSessionPause:focus-visible{outline-color:var(--ink)} .workspace-session-progress{position:absolute;inset:auto 0 0;height:2px;background:var(--line-soft)} .workspace-session-progress>div{height:100%;background:var(--accent);opacity:.7} body[data-workspace] footer{padding-bottom:max(116px,calc(env(safe-area-inset-bottom) + 100px))} @media(max-width:360px){.workspace-session{gap:8px;padding:10px 10px 13px}.workspace-session-actions{gap:5px}.workspace-session-actions button{min-width:48px;padding:0 9px}.workspace-session-actions #workspaceSessionPause{min-width:66px}.workspace-session-facts{display:block}.workspace-session-facts>span{display:block}} @media(max-width:680px){ body[data-workspace] .nav{gap:13px;padding-top:14px;padding-bottom:10px} body[data-workspace] .nav>nav{order:5;width:100%;overflow-x:auto;flex-wrap:nowrap;gap:0;justify-content:space-between;padding:3px 0} body[data-workspace] .nav>nav a{padding:10px 6px;font-size:12px;white-space:nowrap} body[data-workspace] .nav .creative-explore{margin-left:auto} body[data-workspace] .nav .nav-find{margin-left:0} .workspace-heading{padding-top:22px;padding-bottom:20px} .instrument-heading{align-items:flex-start} .instrument-heading>.btn{font-size:12px;padding:9px} #sitting[data-workspace="voices"] #medNarrator{gap:6px} #sitting[data-workspace="voices"] #medNarrator .chip{font-size:12px} body[data-workspace] .creative-neural-card{min-width:0} body[data-workspace] .creative-neural-card audio{width:100%;min-width:0} .workspace-playback{width:calc(100vw - 28px);justify-content:center} } #creativeLocalCancel[hidden],#vbRightsRow[hidden]{display:none!important} #voiceSelectionSummary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 22px;margin:0 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)} #voiceSelectionSummary #voiceSelectionTitle{margin:0 0 6px;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)} #voiceSelectionSummary #sittingNarratorReadout{margin:0;font:13px/1.65 var(--sans);color:var(--ink);max-width:75ch} #voiceSelectionSummary .voice-selection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:390px} #voiceSelectionSummary .btn{min-height:44px;white-space:normal;text-align:center;justify-content:center;overflow-wrap:anywhere} #voiceSelectionSummary .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #voiceSelectionSummary #creativeVoiceStatus{grid-column:1/-1;margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere} #voiceSelectionSummary #creativeVoiceStatus:empty{display:none} body[data-workspace="voices"]:has(#voiceSelectionSummary) .voice-workspace-links a[href="#sittingProduction"]{display:none} @media(max-width:850px){#voiceSelectionSummary{grid-template-columns:minmax(0,1fr);padding:16px}#voiceSelectionSummary .voice-selection-actions{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#voiceSelectionSummary #creativeLocalCancel{grid-column:1/-1}#voiceSelectionSummary .btn{font-size:12px;padding:8px}} /* Local-first creative experience. Decorative artwork is CSS, never fetched. */ .nav{max-width:1360px;gap:20px} .nav nav{gap:23px;justify-content:center} .nav nav a{font-size:12px;letter-spacing:.04em;text-transform:none} .creative-explore{position:relative;flex:none} .creative-explore>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:14px;color:var(--ink-dim);font-size:12px;list-style:none} .creative-explore>summary::-webkit-details-marker{display:none} .creative-explore-grid{position:absolute;top:52px;right:0;width:min(660px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #0008} .creative-explore-grid div{display:grid;align-content:start;gap:3px} .creative-explore-grid b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px} .creative-explore-grid a{display:flex;align-items:center;min-height:42px;font-size:13px;color:var(--ink-dim)} .creative-explore-grid a:hover{color:var(--ink)} .hero.wrap{padding:72px 24px 16px} .hero h1{font-size:clamp(43px,5.8vw,76px);line-height:1.09;letter-spacing:-.045em;margin:22px 0} .hero h1 em{font-weight:400;color:#b8d1c5} .hero p.lede{font-size:16px;line-height:1.8;max-width:59ch} .creative-doorways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left;margin:36px 0 28px} .creative-door{--creative-color:#b9cdbd;position:relative;isolation:isolate;overflow:hidden;min-height:288px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid color-mix(in srgb,var(--creative-color) 23%,var(--line));border-radius:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--creative-color) 8%,var(--surface)),var(--ground-2));color:var(--ink);transition:transform .22s,border-color .22s} .creative-door:hover{transform:translateY(-4px);border-color:var(--creative-color);text-decoration:none} .creative-door-voice{--creative-color:#d6b7cc}.creative-door-music{--creative-color:#c1b8e5} .creative-door strong{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.12;letter-spacing:-.02em;margin:14px 0 10px} .creative-door>span:not(.creative-art):not(.creative-kicker){font-size:13px;line-height:1.7;color:var(--ink-dim);max-width:27ch} .creative-door b{font-size:12px;font-weight:500;margin-top:auto;padding-top:26px;color:var(--creative-color)} .creative-kicker{font-size:10px;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim)} .creative-art{position:absolute;z-index:-1;width:220px;height:220px;right:-95px;top:-90px;border:1px solid color-mix(in srgb,var(--creative-color) 28%,transparent);border-radius:50%;box-shadow:0 0 0 18px color-mix(in srgb,var(--creative-color) 4%,transparent),0 0 0 37px color-mix(in srgb,var(--creative-color) 3%,transparent),0 0 0 60px color-mix(in srgb,var(--creative-color) 2%,transparent)} .creative-door-voice .creative-art{border-radius:42%;transform:rotate(30deg)} .creative-door-music .creative-art{border-radius:35% 65% 54% 46%;transform:rotate(-25deg)} #sitting,#songsmith{scroll-margin-top:90px} #sitting>.sect-head,#songsmith>.sect-head{max-width:760px;margin-bottom:32px} #sitting>.sect-head h2,#songsmith>.sect-head h2{font-size:clamp(32px,4.4vw,51px);letter-spacing:-.035em;line-height:1.16} #sitting>.sect-head p,#songsmith>.sect-head p{font-size:14px;line-height:1.85} #sitting .console,#songsmith>.console{border-radius:21px;padding:26px;gap:24px} #sittingNarration,#sittingProduction,#ssPrompt,#aceStudio,#sittingLibrary{scroll-margin-top:100px} #sittingNarration .chips .chip{min-height:46px} .creative-section-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px} .creative-section-top h3{font-family:var(--serif);font-weight:400;font-size:27px;letter-spacing:-.02em;color:var(--ink);margin-top:6px} .creative-local-tag{font-family:var(--mono);font-size:10px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:#b8d1c5;background:var(--ground-2)} .creative-music-palette{margin-bottom:26px} .creative-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px} .creative-palette{--palette:#ada2cf;appearance:none;font:inherit;color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:0 18px 20px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s;position:relative} .creative-palette[data-color="sand"]{--palette:#c6b18c}.creative-palette[data-color="rose"]{--palette:#c19baa}.creative-palette[data-color="mint"]{--palette:#95bbae}.creative-palette[data-color="blue"]{--palette:#8caac9}.creative-palette[data-color="amber"]{--palette:#c9a582} .creative-palette:hover{border-color:var(--palette);transform:translateY(-3px)} .creative-palette[aria-pressed="true"]{border-color:var(--palette);box-shadow:inset 0 0 0 1px var(--palette)} .creative-palette[aria-pressed="true"]::after{content:'Preview';position:absolute;right:12px;top:12px;border-radius:999px;padding:4px 9px;color:#142022;background:#dce8e0;font:10px var(--mono)} .creative-palette .palette-art{display:block;height:92px;margin:0 -18px 17px;background:radial-gradient(ellipse at 18% 112%,color-mix(in srgb,var(--palette) 55%,transparent),transparent 61%),radial-gradient(ellipse at 91% 5%,color-mix(in srgb,var(--palette) 32%,transparent),transparent 54%),repeating-linear-gradient(145deg,transparent 0 22px,color-mix(in srgb,var(--palette) 11%,transparent) 23px 24px);border-bottom:1px solid var(--line)} .creative-palette small{display:block;font:9px var(--mono);letter-spacing:.09em;color:var(--palette)} .creative-palette strong{display:block;font-family:var(--serif);font-weight:400;font-size:24px;margin:5px 0 6px} .creative-palette>span:last-child{display:block;color:var(--ink-dim);font-size:12px;line-height:1.65;min-height:40px} .creative-brief{border:1px solid var(--line);border-radius:15px;margin-top:18px;background:var(--surface)} .creative-brief>summary{min-height:54px;padding:16px 20px;cursor:pointer;font-size:13px;color:var(--ink)} .creative-brief-body{padding:0 20px 20px;display:grid;gap:13px} .creative-brief-options{display:grid;grid-template-columns:1fr 1fr;gap:16px} .creative-brief label{font-size:12px;color:var(--ink-dim)} .creative-brief select{display:block;width:100%;min-height:44px;margin-top:7px;padding:10px;border:1px solid var(--line);background:var(--ground-2);color:var(--ink);border-radius:9px} .creative-brief-text{font-family:var(--serif);font-size:16px;line-height:1.85;color:var(--ink-dim);max-width:86ch} .creative-brief ol{padding:0 24px 12px 40px;font-size:13px;color:var(--ink-dim)} .creative-brief li{padding:6px 0} .creative-brief>p{padding:0 20px 18px} .creative-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .creative-routes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px} .creative-routes>div{border:1px solid var(--line);padding:22px;border-radius:16px;background:linear-gradient(140deg,var(--surface),var(--ground-2))} .creative-routes h4,.creative-voice-paths h4{font:400 22px var(--serif);margin:9px 0} .creative-routes p,.creative-voice-paths p,.creative-voice-guide>p{font-size:13px;color:var(--ink-dim);line-height:1.8;margin-bottom:15px} .creative-routes a,.creative-voice-paths a{display:block;font-size:12px;margin-top:13px} .creative-voice-guide{padding:24px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,#b997bc0a,transparent 50%),var(--ground-2)} .creative-voice-guide .creative-section-top{margin-bottom:12px} .creative-neural-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 18px} .creative-neural-card{--voice-hue:var(--alpha);min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:22px;background:linear-gradient(155deg,color-mix(in srgb,var(--voice-hue) 9%,transparent),transparent 60%),var(--surface);transition:border-color .2s ease,box-shadow .2s ease} .creative-neural-card[data-color="violet"]{--voice-hue:var(--theta)} .creative-neural-card[data-color="blue"]{--voice-hue:var(--delta)} .creative-neural-card:focus-within{border-color:var(--voice-hue);box-shadow:0 0 0 3px color-mix(in srgb,var(--voice-hue) 12%,transparent)} .creative-neural-card small{font:10px var(--mono);letter-spacing:.1em;color:var(--ink-dim);margin:18px 0 10px} .creative-neural-card h4{font:400 clamp(21px,2.1vw,27px)/1.25 var(--serif);color:var(--ink);margin:0 0 12px} .creative-neural-card p{font-size:13px;line-height:1.75;color:var(--ink-dim);margin:0 0 20px;flex:1} .creative-neural-card audio{width:100%;min-width:0;height:44px;margin:0 0 14px;border-radius:24px} .creative-neural-card .btn{width:100%;min-height:44px;color:var(--ink);background:color-mix(in srgb,var(--voice-hue) 10%,var(--ground));border-color:color-mix(in srgb,var(--voice-hue) 28%,var(--line))} .creative-voice-mark{display:flex;align-items:center;justify-content:center;gap:5px;width:58px;height:48px} .creative-voice-mark i{display:block;width:3px;height:12px;border-radius:4px;background:var(--voice-hue);opacity:.65} .creative-voice-mark i:nth-child(2n){height:23px;opacity:.8} .creative-voice-mark i:nth-child(3n){height:35px;opacity:1} @media(max-width:1050px){.creative-neural-voices{grid-template-columns:1fr}.creative-neural-card{padding:20px}.creative-neural-card h4{font-size:25px}} @media(prefers-reduced-motion:reduce){.creative-neural-card{transition:none}} .creative-voice-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0} .creative-voice-paths>div{border-left:1px solid var(--line);padding-left:16px} .creative-voice-paths b{font-size:10px;letter-spacing:.04em;color:#c9b8d0;font-weight:500} .creative-voice-guide>p[role="status"]{margin:16px 0 0} body.creative-ready #ssExamples{display:none} @media(prefers-reduced-motion:reduce){.creative-door,.creative-palette{transition:none}.creative-door:hover,.creative-palette:hover{transform:none}} @media(max-width:850px){.nav{flex-wrap:wrap;height:auto;min-height:66px;padding-top:8px;padding-bottom:8px;gap:8px 16px}.nav nav{order:5;flex-basis:100%;justify-content:flex-start;gap:25px}.creative-explore{margin-left:auto}.creative-explore-grid{right:-110px}.hero.wrap{padding-top:40px}.creative-doorways{gap:10px}.creative-door{padding:20px;min-height:270px}.creative-door strong{font-size:24px}.creative-voice-paths{grid-template-columns:1fr}.creative-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}#sittingNarration,#sittingProduction,#ssPrompt,#aceStudio,#sittingLibrary,#sitting,#songsmith{scroll-margin-top:140px}} @media(max-width:520px){.creative-doorways,.creative-routes,.creative-brief-options{grid-template-columns:1fr}.creative-door{min-height:190px}.creative-section-top{align-items:flex-start;flex-direction:column}.creative-palettes{gap:10px}.creative-palette{padding:0 12px 16px}.creative-palette .palette-art{margin-left:-12px;margin-right:-12px;height:70px}.creative-palette strong{font-size:21px}.creative-palette>span:last-child{min-height:60px}.creative-voice-guide{padding:18px}.creative-explore-grid{grid-template-columns:1fr 1fr;gap:18px;padding:20px;max-height:70vh;overflow-y:auto}.creative-explore-grid>div:last-child{grid-column:1/-1}#sitting .console,#songsmith>.console{padding:18px;gap:18px}.creative-brief-body{padding-left:15px;padding-right:15px}} .voice-cast-head h3{font-family:var(--serif);font-size:23px;font-weight:400;margin:2px 0 4px;color:var(--ink)} .voice-cast-room{display:grid;gap:14px;margin-top:14px;animation:castRise .42s cubic-bezier(.2,.75,.2,1) both} .voice-cast-room[hidden],.voice-cast-stage[hidden]{display:none} .voice-cast-script{margin:0;padding:12px 14px;border-left:2px solid var(--band);background:var(--surface);color:var(--ink-dim);font-family:var(--serif);font-size:15px;line-height:1.65} .voice-cast-stage{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface);display:grid;gap:12px} .voice-cast-reference{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--ground-2)} .voice-cast-reference[open]{box-shadow:0 12px 28px -26px var(--band)} .voice-cast-reference summary{cursor:pointer;color:var(--ink);font-size:13px;min-height:44px;display:flex;align-items:center} .voice-cast-reference-body{display:grid;gap:10px;margin-top:12px} .voice-cast-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .voice-cast-passages{display:flex;gap:8px;flex-wrap:wrap} .voice-cast-passages .chip{min-height:44px} .voice-cast-qual-result{display:grid;gap:8px;margin-top:10px} .voice-cast-dims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px} .voice-cast-dim{display:grid;grid-template-columns:minmax(112px,.75fr) minmax(120px,1.25fr) 34px;gap:10px;align-items:center} .voice-cast-dim label{font-size:12.5px;color:var(--ink-dim)} .voice-cast-dim output{font-family:var(--mono);font-size:13px;text-align:right;color:var(--ink)} .oi-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .oi-plan-grid .voice-cast-dim{grid-template-columns:minmax(0,1fr);gap:7px;align-content:start} .oi-plan-grid .voice-cast-dim select{width:100%;min-height:44px} .voice-cast-result{display:grid;gap:9px} .voice-cast-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--ground-2)} .voice-cast-row.best{border-color:var(--band);box-shadow:0 0 22px -16px var(--band)} .voice-cast-badge{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--band-soft);color:var(--ink);font-family:var(--mono);font-size:12px} .voice-cast-score{font-family:var(--mono);font-size:13px;color:var(--band);white-space:nowrap} .voice-cast-facts{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);line-height:1.45;margin-top:3px} .vb-take-duel{ position:relative;overflow:hidden;margin-top:12px;padding:14px;border:1px solid color-mix(in srgb,var(--theta) 42%,var(--line)); border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--theta) 8%,var(--ground-2)),var(--surface));display:grid;gap:11px } .vb-take-duel::before{content:"";position:absolute;inset:-50% 52% auto -12%;height:130px;background:radial-gradient(circle,color-mix(in srgb,var(--theta) 18%,transparent),transparent 68%);pointer-events:none} .vb-take-duel>*{position:relative} .vb-take-duel-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap} .vb-take-duel-head h4{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--ink);margin:2px 0 3px} .vb-take-duel-head p{max-width:64ch;margin:0} .vb-take-duel-stage{display:grid;gap:10px;animation:castRise .32s cubic-bezier(.2,.75,.2,1) both} .vb-take-duel-stage[hidden],.vb-take-duel-choices[hidden],.vb-take-duel-reveal[hidden]{display:none} .vb-take-duel-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .vb-take-sample{min-height:54px;border:1px solid var(--line);border-radius:10px;background:var(--ground-2);color:var(--ink);font-family:var(--mono);font-size:12px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s} .vb-take-sample:hover{border-color:var(--theta)} .vb-take-sample.heard{border-color:color-mix(in srgb,var(--alpha) 62%,var(--line));background:color-mix(in srgb,var(--alpha) 7%,var(--ground-2));box-shadow:0 0 18px -14px var(--alpha)} .vb-take-sample.playing{border-color:var(--theta);box-shadow:0 0 22px -13px var(--theta)} .vb-take-duel-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .vb-take-duel-reveal{padding:11px 12px;border:1px solid color-mix(in srgb,var(--alpha) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--alpha) 6%,var(--ground-2));display:grid;gap:9px} .vb-take-duel-reveal p{margin:0;color:var(--ink-dim);font-size:12.5px;line-height:1.55} .vb-pref-memory{margin-top:10px;border-top:1px solid var(--line);padding-top:3px} .vb-pref-memory>summary{min-height:46px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-dim);font-size:12.5px} .vb-pref-body{display:grid;gap:10px;padding:2px 0 4px} .vb-pref-list{display:grid;gap:7px} .vb-pref-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.6fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--ground-2)} .vb-pref-row strong{font-size:12.5px;font-weight:500;color:var(--ink)} .vb-pref-row span{font-size:11.5px;line-height:1.45;color:var(--ink-faint)} .vb-direct-preview{border-top:1px solid var(--line);padding-top:8px;margin-top:2px} .vb-direct-preview summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--ink-dim);font-size:12px} .vb-lexicon{margin-top:10px;border:1px solid color-mix(in srgb,var(--alpha) 34%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--alpha) 4%,var(--surface));overflow:hidden} .vb-lexicon summary{cursor:pointer;min-height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:13px} .vb-lexicon summary::after{content:"+";font-family:var(--mono);color:var(--alpha)} .vb-lexicon[open] summary::after{content:"−"} .vb-lexicon-body{display:grid;gap:10px;padding:0 13px 13px} .vb-lex-list{display:grid;gap:7px} .vb-lex-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--ground-2)} .vb-lex-pair{min-width:0;font-size:12.5px;line-height:1.45;color:var(--ink-dim);overflow-wrap:anywhere} .vb-lex-pair strong{color:var(--ink);font-weight:500} @keyframes castRise{from{opacity:0;transform:translateY(-8px) scale(.992)}to{opacity:1;transform:none}} @media(max-width:720px){ .voice-cast-dims{grid-template-columns:minmax(0,1fr)} .oi-plan-grid{grid-template-columns:minmax(0,1fr)} .voice-cast-dim{grid-template-columns:104px minmax(0,1fr) 30px} .voice-cast-row{grid-template-columns:30px minmax(0,1fr)} .voice-cast-score{grid-column:2} .vb-take-duel-samples,.vb-take-duel-choices{grid-template-columns:minmax(0,1fr)} .vb-lex-row{grid-template-columns:minmax(0,1fr)} .vb-pref-row{grid-template-columns:minmax(0,1fr)} } .ctl-group{display:flex;flex-direction:column;gap:12px} .ctl-label{ display:flex;justify-content:space-between;align-items:baseline; font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim); } .ctl-label output{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:14px;text-transform:none;letter-spacing:0} .hint{font-size:12.5px;color:var(--ink-faint);line-height:1.5} .music-director{ border:1px solid color-mix(in srgb,var(--band) 36%,var(--line));border-radius:12px; background:linear-gradient(145deg,color-mix(in srgb,var(--band) 5%,var(--surface)),var(--ground-2)); overflow:hidden; } .music-director[hidden]{display:none} .music-director summary{ cursor:pointer;list-style:none;padding:13px 15px;display:flex;justify-content:space-between; align-items:center;gap:14px;color:var(--ink);font-size:13px;letter-spacing:.04em; } .music-director summary::-webkit-details-marker{display:none} .music-director summary::after{content:"+";font-family:var(--mono);color:var(--band);font-size:15px} .music-director[open] summary::after{content:"\2212"} .music-director summary small{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase} .music-director-body{display:grid;gap:13px;padding:0 15px 15px} .music-director-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .music-director-control{display:grid;gap:7px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)} .music-director-control>span{display:flex;justify-content:space-between;gap:12px;color:var(--ink-dim);font-size:12px} .music-director-control output{font-family:var(--mono);font-size:11px;color:var(--band);font-variant-numeric:tabular-nums} .music-director-recipe{padding:12px 13px;border-radius:10px;background:var(--ground-2);border:1px solid var(--line);font-size:12px;line-height:1.55;color:var(--ink-dim)} .music-director-lock{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 12px;align-items:start;font-size:11.5px;line-height:1.5;color:var(--ink-faint)} .music-director-lock b{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--alpha);border:1px solid color-mix(in srgb,var(--alpha) 40%,var(--line));border-radius:999px;padding:3px 7px;white-space:nowrap} .hymnal-fit-entry{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:2px} .hymnal-fit-entry .hint{margin:0;flex:1;min-width:210px} .hymnal-fit-progress{height:8px;overflow:hidden;border-radius:999px;background:var(--ground-2);border:1px solid var(--line)} .hymnal-fit-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--alpha),var(--band));transition:width .22s ease} .hymnal-fit-clock{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums} .hymnal-fit-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .hymnal-fit-proof>div{padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)} .hymnal-fit-proof small{display:block;margin-bottom:4px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)} .hymnal-fit-proof strong{font-size:12px;color:var(--ink-dim);font-weight:600} .hymnal-signature{display:grid;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--alpha) 34%,var(--line));border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--alpha) 6%,var(--surface)),var(--ground-2))} .hymnal-signature-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between} .hymnal-signature-head small{display:block;margin-bottom:4px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--alpha)} .hymnal-signature-head strong{display:block;color:var(--ink);font-size:14px;font-weight:600} .hymnal-signature-state{flex:none;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)} .hymnal-signature-state.ready{border-color:color-mix(in srgb,var(--alpha) 55%,var(--line));color:var(--alpha);background:color-mix(in srgb,var(--alpha) 7%,transparent)} .hymnal-signature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .hymnal-signature-dim{display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface)} .hymnal-signature-dim span{font-size:10px;color:var(--ink-faint)} .hymnal-signature-dim b{font-family:var(--mono);font-size:12px;color:var(--ink);font-weight:500} .hymnal-signature-meter{height:4px;border-radius:999px;overflow:hidden;background:var(--line)} .hymnal-signature-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theta),var(--alpha));transition:width .28s ease} .hymnal-signature-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .hymnal-signature-actions .btn{padding:7px 11px;font-size:12px} .hymnal-signature-note{margin:0;font-size:11.5px;line-height:1.5;color:var(--ink-faint)} @media(max-width:720px){ .music-director-grid{grid-template-columns:minmax(0,1fr)} .music-director summary{align-items:flex-start} .music-director-lock{grid-template-columns:minmax(0,1fr)} .music-director-lock b{justify-self:start} .hymnal-fit-proof{grid-template-columns:minmax(0,1fr)} .hymnal-signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hymnal-signature-head{align-items:flex-start} } input[type=range]{ -webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer; } input[type=range]::-webkit-slider-runnable-track{ height:4px;border-radius:2px;background:linear-gradient(90deg,var(--band) var(--fill,50%),var(--line) var(--fill,50%)); } input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none;width:16px;height:16px;border-radius:50%;margin-top:-6px; background:var(--ink);border:2px solid var(--band);box-shadow:0 0 12px -2px var(--band); transition:border-color .6s; } input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--line)} input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--band)} input[type=range]::-moz-range-thumb{ width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid var(--band); } .chips{display:flex;flex-wrap:wrap;gap:8px} .cal-row{display:grid;grid-template-columns:88px 1fr 118px;align-items:center;gap:12px;margin-bottom:9px} .cal-row .chip{width:100%;justify-content:center;text-align:center} .cal-row output{font-size:12px;color:var(--ink-faint);text-align:right;font-variant-numeric:tabular-nums} .cal-sl{width:100%} @media(max-width:620px){.cal-row{grid-template-columns:76px 1fr;grid-template-areas:"b s" "o o"} .cal-row output{grid-area:o;text-align:left}} .ears-section{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--ground-2)} .ears-section h3{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim)} .ears-profile-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:10px 0;border-bottom:1px solid var(--line)} .ears-profile-row:last-child{border-bottom:0} .ears-profile-row b{font-size:13px;font-weight:500;color:var(--ink)} .ears-profile-row output{font-family:var(--mono);font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right} .ears-profile-row output.empty{color:var(--ink-faint)} .ears-profile-row small{grid-column:1/-1;font-size:11.5px;line-height:1.45;color:var(--ink-faint)} .ears-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} .ears-profile-actions .btn{flex:1;min-width:150px;min-height:44px} @media(max-width:620px){.ears-profile-row{grid-template-columns:minmax(0,1fr)}.ears-profile-row output{text-align:left}.ears-profile-actions{display:grid;grid-template-columns:minmax(0,1fr)}.ears-profile-actions .btn{width:100%}} .chip{ background:var(--surface-2);border:1px solid var(--line);color:var(--ink-dim); border-radius:999px;padding:7px 15px;font-size:13px;cursor:pointer;font-family:var(--sans); transition:all .25s; } .chip:hover{color:var(--ink);border-color:var(--ink-faint)} .chip.on{background:var(--band-soft);border-color:var(--band);color:var(--ink)} .chip small{display:block;font-size:10px;color:var(--ink-dim);letter-spacing:.06em} @media(max-width:620px){ #strChoice{display:grid;grid-template-columns:minmax(0,1fr);width:100%} #strChoice .chip{width:100%;min-height:44px} #strPanel .row .btn{min-height:44px;flex:1 1 120px} #satChoice{display:grid;grid-template-columns:minmax(0,1fr);width:100%} #satChoice .chip{width:100%;min-height:44px} #satPanel .row .btn{min-height:44px;flex:1 1 120px} #ltChoice{display:grid;grid-template-columns:minmax(0,1fr);width:100%} #ltChoice .chip{width:100%;min-height:44px} #ltPanel .row .btn{min-height:44px;flex:1 1 120px} } .toggline{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-dim);cursor:pointer;min-height:44px} .toggline input{accent-color:var(--band);width:16px;height:16px;cursor:pointer;flex:none} .toggline b{color:var(--ink);font-weight:500} input[type="file"]{min-height:36px;padding:6px;color:var(--ink-dim)} #modeNote{font-family:var(--mono);font-size:12px;color:var(--band);transition:color .6s} .console-foot{ grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between; border-top:1px solid var(--line);padding-top:18px;color:var(--ink-faint);font-size:12.5px; } .btn{ background:var(--surface-2);border:1px solid var(--line);color:var(--ink); border-radius:10px;padding:9px 18px;font-size:13.5px;cursor:pointer;transition:all .25s;font-family:var(--sans); } .btn:hover{border-color:var(--band)} .btn.primary{background:var(--band-soft);border-color:var(--band)} .btn.ghost{background:none;color:var(--ink-dim)} .btn:disabled{opacity:.45;cursor:default} @media(pointer:coarse){ .chip,.btn,select,input[type="text"],input[type="search"],input[type="number"],input[type="url"],input[type="password"]{min-height:44px} .toggline{min-height:44px} } .method-bench{ border:1px solid var(--line);border-radius:12px;padding:14px 16px; background:linear-gradient(135deg,var(--surface-2),transparent); display:grid;gap:10px; } .method-bench-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap} .method-bench-actions{display:flex;gap:8px;flex-wrap:wrap} .method-bench .btn{padding:7px 12px;font-size:12.5px} .method-bench .btn.sounding{border-color:var(--band);box-shadow:0 0 18px -8px var(--band)} .signal-flow{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--ink-faint)} .signal-node{border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--ink-dim);background:var(--surface)} .signal-arrow{color:var(--band)} select,input[type=text],input[type=search],input[type=number],input[type=url],input[type=password]{ background:var(--surface-2);border:1px solid var(--line);color:var(--ink); border-radius:8px;padding:8px 10px;font-size:13.5px;font-family:var(--sans); } .warnline{font-size:12.5px;color:var(--beta);line-height:1.5} /* mechanics */ .mech{ background:var(--surface);border:1px solid var(--line);border-radius:var(--radius); padding:22px 26px;display:flex;flex-direction:column;gap:10px;margin-top:16px; } canvas#mech{width:100%;height:120px;display:block} #mechCap{font-size:13px;color:var(--ink-dim);font-style:italic} /* guide */ .gd{ background:var(--surface);border:1px solid var(--line);border-radius:var(--radius); margin-bottom:10px;overflow:hidden; } .gd summary{ cursor:pointer;padding:16px 20px;font-family:var(--serif);font-size:19px; letter-spacing:.02em;color:var(--ink);list-style:none; display:flex;align-items:center;gap:12px; } .gd summary::-webkit-details-marker{display:none} .gd summary::before{ content:"+";font-family:var(--mono);font-size:15px;color:var(--band); transition:transform .25s;flex:none; } .gd[open] summary::before{content:"−"} .gd summary:hover{color:var(--band)} .gdbody{padding:0 22px 20px 22px;color:var(--ink-dim);font-size:14px;line-height:1.65} .gdbody b{color:var(--ink);font-weight:500} .gdbody ol,.gdbody ul{padding-left:20px;display:grid;gap:8px} .gdbody p+p{margin-top:10px} .gdbody .evtable{margin-top:6px} .gdbody .evtable td{padding:8px 10px;font-size:13px} .gdbody .evtable td:first-child{white-space:nowrap;color:var(--ink)} .gdflow{ font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--ink-dim); background:var(--ground-2);border:1px solid var(--line);border-radius:10px; padding:14px;overflow-x:auto;white-space:pre; } /* The guide stays in the console, with navigation rather than duplicate controls. */ #guide .guide-start{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #guide .guide-start li{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)} #guide .guide-step{font:11px var(--mono);letter-spacing:.12em;color:var(--band)} #guide .guide-start h3{font:23px/1.2 var(--serif);margin:16px 0 10px;color:var(--ink)} #guide .guide-start p{font-size:14px;line-height:1.6;color:var(--ink-dim);margin:0 0 14px} #guide .guide-start a{margin-top:auto} #guide a{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;font-size:13px;text-underline-offset:4px} #guide .guide-navigation-note{margin:12px 0 22px} #guide .guide-answer{padding:14px;margin:16px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--ground-2);line-height:1.6} #guideTasks .chip,#guideGo{min-height:44px;max-width:100%} #guide .guide-reference-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:26px 0 14px} #guide .guide-reference-head h3{font:24px var(--serif);margin:0} #guide .guide-reference-head span{font-size:12px;color:var(--ink-dim)} #guide .guide-reference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px} #guide .guide-reference .gd{margin:0;min-width:0} #guide .guide-reference summary{font-size:18px;min-height:66px} #guide .guide-count{font:11px var(--mono);border:1px solid var(--line);border-radius:20px;padding:3px 7px;color:var(--ink-dim);margin-left:auto} #guide .guide-map{margin:12px 0;display:grid;gap:0} #guide .guide-map div{padding:12px 0;border-bottom:1px solid var(--line)} #guide .guide-map dt{color:var(--ink);font-weight:500} #guide .guide-map dd{margin:5px 0 0} #guide .guide-links{display:flex;flex-wrap:wrap;gap:4px 18px} #guide .evtable td:first-child{white-space:normal;width:28%;overflow-wrap:anywhere} #guide .evtable{table-layout:fixed;width:100%} #guide .gdbody a:focus-visible,#guide summary:focus-visible,#guide .guide-start a:focus-visible{outline:2px solid var(--band);outline-offset:4px;border-radius:4px} @media(max-width:1100px){#guide .guide-start{grid-template-columns:1fr}#guide .guide-start li{padding:18px}#guide .guide-start h3{margin-top:10px}#guide .guide-reference{grid-template-columns:1fr}} /* lore popovers */ #lore{ position:fixed;z-index:500;pointer-events:none; width:min(360px,92vw); background:linear-gradient(180deg,var(--surface-2),var(--surface)); border:1px solid var(--line);border-radius:14px; padding:16px 18px; box-shadow:0 24px 60px -24px rgba(0,0,0,.9),0 0 0 1px var(--band-soft),0 0 34px -14px var(--band); opacity:0;transform:translateY(8px) scale(.97); transition:opacity .22s cubic-bezier(.2,.8,.3,1),transform .28s cubic-bezier(.2,.8,.3,1); display:none; } #lore.on{opacity:1;transform:translateY(0) scale(1)} #lore .lore-eyebrow{ font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase; color:var(--band);transition:color .6s; } #lore h4{font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:.02em;margin:3px 0 8px} #lore .lore-lede{font-size:13.5px;color:var(--ink);line-height:1.5} #lore dl{margin-top:11px;display:grid;gap:8px} #lore dt{ font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase; color:var(--ink-faint);margin-bottom:2px; } #lore dd{font-size:12.5px;color:var(--ink-dim);line-height:1.5} #lore .lore-caret{ position:absolute;width:11px;height:11px;background:var(--surface-2); border-left:1px solid var(--line);border-top:1px solid var(--line); transform:rotate(45deg); } #lore.below .lore-caret{top:-6px} #lore.above .lore-caret{bottom:-6px;transform:rotate(225deg);background:var(--surface)} @media (prefers-reduced-motion:reduce){#lore{transition:none}} /* cymatics */ .cymbox{ background:var(--ground-2);border:1px solid var(--line);border-radius:var(--radius); padding:18px;display:flex;flex-direction:column;gap:14px;align-items:center; } canvas#cym{width:min(420px,100%);max-width:100%;aspect-ratio:1;display:block;border-radius:12px} .cymmeta{ display:flex;gap:18px;flex-wrap:wrap;justify-content:center; font-family:var(--mono);font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums; } .cymmeta b{color:var(--ink);font-weight:400} .cym-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:18px;align-items:start} .cym-signal{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0} .cym-signal h3{font:25px var(--serif);margin:0 0 12px} .cym-source{display:inline-flex;font:11px var(--mono);padding:8px 10px;border:1px solid var(--line);border-radius:20px;color:var(--ink-dim);margin:0 0 14px} .cym-source[data-state="live"]{color:var(--band);border-color:var(--band-soft)} .cym-readings{margin:0} .cym-readings div{padding:16px 0;border-top:1px solid var(--line);display:grid;gap:7px} .cym-readings dt{font-size:12px;color:var(--ink-dim)} .cym-readings dd{margin:0;font:18px var(--mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .cym-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center} .cym-actions button{min-height:44px} #cymMotionNote{text-align:center;margin:0;min-height:2.5em;max-width:46ch} #cymatics a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:13px;text-underline-offset:4px} #cymatics .cym-description{margin:16px 0 22px} @media(max-width:1100px){.cym-workspace{grid-template-columns:1fr}.cym-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cym-readings dd{font-size:15px}} @media(max-width:480px){.cym-signal{padding:18px}.cym-readings{grid-template-columns:1fr}.cym-readings div{grid-template-columns:1fr 1fr;gap:12px;align-items:center}.cym-readings dd{text-align:right}.cymmeta{gap:8px 14px;font-size:10px}} /* ============ CARDS ============ */ .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px} .card{ background:var(--surface);border:1px solid var(--line);border-radius:var(--radius); padding:20px;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s; display:flex;flex-direction:column;gap:8px;text-align:left;color:var(--ink);font-family:var(--sans); position:relative; } .card:hover{transform:translateY(-3px);border-color:var(--card-band,var(--band));box-shadow:0 12px 34px -18px var(--card-band,var(--band))} .card.active{border-color:var(--card-band,var(--band));box-shadow:0 0 0 1px var(--card-band,var(--band)),0 12px 34px -16px var(--card-band,var(--band))} .card h3{font-family:var(--serif);font-weight:400;font-size:20px;letter-spacing:.02em} .card .desc{font-size:13.5px;color:var(--ink-dim);flex:1} .pill{ align-self:flex-start;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase; color:var(--card-band,var(--band));border:1px solid currentColor;border-radius:999px;padding:3px 10px;opacity:.9; } .ai-studio{ grid-column:1/-1;background: radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--band) 11%,transparent),transparent 38%), var(--surface);border:1px solid color-mix(in srgb,var(--band) 42%,var(--line));border-radius:14px;padding:0;overflow:hidden;scroll-margin-top:72px; } .ai-studio summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink)} .ai-studio summary::-webkit-details-marker{display:none} .ai-studio summary::after{content:"+";font-family:var(--mono);font-size:19px;color:var(--band);transition:transform .25s} .ai-studio[open] summary::after{transform:rotate(45deg)} .ai-studio-title{display:flex;flex-direction:column;gap:4px} .ai-studio-title b{font-family:var(--serif);font-size:21px;font-weight:400} .ai-studio-title span{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--band)} .ai-studio-body{border-top:1px solid var(--line);padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px} .ai-studio-body .wide{grid-column:1/-1} .ai-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px} .ai-metric{background:var(--ground-2);border:1px solid var(--line);border-radius:9px;padding:9px 10px;min-width:0} .ai-metric span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ai-metric b{display:block;margin-top:3px;font-family:var(--mono);font-size:12px;color:var(--ink);font-weight:400;font-variant-numeric:tabular-nums} #aceEditReviewMetrics .ai-metric span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5;letter-spacing:.06em} #aceEditReviewMetrics .ai-metric b{overflow-wrap:anywhere} .ai-metric[data-state="pass"]{border-color:color-mix(in srgb,var(--alpha) 58%,var(--line))} .ai-metric[data-state="warn"]{border-color:color-mix(in srgb,var(--beta) 58%,var(--line))} .ai-metric[data-state="fail"]{border-color:color-mix(in srgb,var(--gamma) 58%,var(--line))} .ai-duel{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--band) 7%,transparent),transparent 65%)} .ai-duel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap} .ai-duel-head h4{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 4px} .ai-duel-listen,.ai-duel-vote{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px} .ai-duel .duel-key{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--band)} .ai-duel-reveal{margin-top:11px;padding:11px 12px;border-radius:9px;background:var(--ground-2);border:1px solid var(--line);color:var(--ink-dim);font-size:13px} .master-pair-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px} #masterCompareCancel{margin-top:10px} .master-pair-slot{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--ground-2)} .master-pair-slot.ready{border-color:color-mix(in srgb,var(--band) 62%,var(--line));box-shadow:0 0 22px -18px var(--band)} .master-pair-slot b{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--ink)} .master-pair-slot span{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--ink-faint)} .master-pair-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:12px} .master-pair-controls label{display:grid;gap:5px;min-width:220px;flex:1 1 260px;font-size:11px;color:var(--ink-faint)} .master-pair-controls select{width:100%;min-width:0} #masterCompare .master-pair-controls label{min-width:0;max-width:100%;font-size:12px} #masterCompare .master-pair-controls select{min-height:44px} @media(max-width:560px){ body[data-workspace] #masterStudio #masterCompare .master-pair-controls select#masterCompareCriterion{scroll-margin-top:calc(var(--workspace-header,70px) + 2em + 16px);scroll-margin-bottom:16px} } #masterCompare .master-pair-controls input[type="range"]{width:100%;min-width:0;min-height:44px;accent-color:var(--band)} #masterCompare .master-pair-controls output{font-family:var(--mono);font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums} #masterCompare .master-pair-slot{min-width:0;overflow-wrap:anywhere} #masterCompare .btn{min-height:44px;white-space:normal;max-width:100%} #masterCompareLockedControls{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2)} #masterCompareLockedControls[hidden]{display:none} #masterCompareLockedControls summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;color:var(--ink-dim)} #masterCompareLockedControls details p{line-height:1.7;max-width:74ch} #masterListeningReview{margin-top:16px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2)} #masterListeningSummary{min-height:44px;align-content:center;cursor:pointer;color:var(--ink)} .listening-review{display:grid;gap:12px;min-width:0} .listening-review p{margin:0;line-height:1.65;overflow-wrap:anywhere} .listening-review .hint{max-width:76ch} .listening-review-form{display:grid;gap:14px;min-width:0} .listening-review-ratings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .listening-review label{display:grid;gap:7px;min-width:0;font-size:12px;color:var(--ink-dim)} .listening-review select,.listening-review input[type="file"]{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--ground);color:var(--ink);font:inherit} .listening-review-actions{display:flex;flex-wrap:wrap;gap:10px} .listening-review-summary:not(:empty){display:grid;gap:8px;padding:14px;border:1px solid var(--band);border-radius:12px;background:var(--ground);font-size:12px;color:var(--ink-dim)} .listening-review-summary h4{margin:0;font-family:var(--serif);font-size:20px;color:var(--ink)} .listening-review-summary:focus-visible{outline:2px solid var(--band);outline-offset:4px} .listening-review details{border-top:1px solid var(--line);padding-top:8px} .listening-review summary{cursor:pointer;min-height:44px;align-content:center} .listening-review [hidden]{display:none!important} @media(max-width:540px){#masterListeningReview{padding:10px 12px}.listening-review-ratings{grid-template-columns:minmax(0,1fr)}} @media(forced-colors:active){.listening-review-summary:not(:empty){border-color:CanvasText}.listening-review-summary:focus-visible{outline-color:Highlight}} @media(max-width:540px){#masterCompare .master-pair-slots{grid-template-columns:minmax(0,1fr)}#masterCompare .ai-duel-head{flex-wrap:wrap}#masterCompareLockedControls{padding:12px}} .offline-list{display:grid;gap:9px;margin-top:12px} #libCollection .lib-search{display:flex;align-items:end;gap:10px;margin-top:16px} #libCollection .lib-search label{display:grid;gap:6px;flex:1;min-width:0;font-size:12px;color:var(--ink-dim)} #libSearch{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--ground-2);color:var(--ink);font:inherit} #libCollection .btn{min-height:44px} #libCollection .lib-name-editor{display:grid;gap:10px;margin:14px 0;padding:16px;border:1px solid var(--accent);border-radius:12px;background:var(--ground-2)} #libCollection .lib-name-editor[hidden]{display:none} #libCollection .lib-name-editor label{display:grid;gap:7px;min-width:0;color:var(--ink-dim);font-size:12px} #libRenameInput{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--ground);color:var(--ink);font:inherit} #libCollection .lib-name-editor .hint{margin:0} #libCollection .lib-name-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:260px} #libCollection .lib-name-actions .btn{min-width:0;padding-inline:8px} #libRenameStatus{overflow-wrap:anywhere} #libRenameInput:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #libPlayback .lib-place-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px} #libPlayback .lib-place-tools[hidden]{display:none} #libPlaceSave{min-height:44px} #libCollection .lib-saved-place{margin-top:7px;color:var(--ink-dim)} #libSearch:focus-visible,#libCollection .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #libCollection .offline-item h4,#libCollection .offline-item p{overflow-wrap:anywhere} @media(max-width:600px){#libCollection .lib-search{flex-wrap:wrap}#libCollection .lib-search label{flex-basis:100%}} .offline-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--ground-2)} .offline-item h4{font-family:var(--serif);font-size:17px;font-weight:400;margin:0 0 3px;color:var(--ink)} .offline-item p{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);margin:0;font-variant-numeric:tabular-nums} .offline-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end} .offline-empty{padding:16px;border:1px dashed var(--line);border-radius:10px;color:var(--ink-faint);font-size:13px} .continuum{margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,var(--alpha) 30%,var(--line));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--alpha) 6%,var(--ground-2)),var(--ground-2));position:relative;overflow:hidden} .continuum::after{content:"";position:absolute;width:110px;height:110px;right:-48px;top:-56px;border:1px solid color-mix(in srgb,var(--alpha) 22%,transparent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--alpha) 4%,transparent);pointer-events:none} .continuum-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1} .continuum-head span{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--alpha);margin-bottom:3px} .continuum-head h4{font-family:var(--serif);font-size:24px;font-weight:400;margin:0;color:var(--ink)} .continuum-head output{font-family:var(--mono);font-size:10px;color:var(--ink-faint);white-space:nowrap;padding-top:5px} .continuum-editor{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1.3fr);gap:10px;margin-top:14px;position:relative;z-index:1} .continuum-editor label{display:grid;gap:5px;color:var(--ink-faint);font-size:10px} .continuum-list{display:grid;gap:8px;margin-top:12px;position:relative;z-index:1} .continuum-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--ground) 30%,var(--ground-2))} .continuum-item.current{border-color:var(--alpha);background:color-mix(in srgb,var(--alpha) 9%,var(--ground-2))} .continuum-index{font-family:var(--mono);font-size:10px;color:var(--alpha);text-align:center} .continuum-copy b{display:block;font-size:12px;color:var(--ink);font-weight:560}.continuum-copy span{display:block;margin-top:2px;font-family:var(--mono);font-size:9px;color:var(--ink-faint)} .continuum-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.continuum-actions .btn{padding:7px 9px;min-height:36px} .full-review{border-color:color-mix(in srgb,var(--theta) 34%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--theta) 7%,var(--ground-2)),var(--ground-2))} .full-review::after{border-color:color-mix(in srgb,var(--theta) 22%,transparent);box-shadow:0 0 0 22px color-mix(in srgb,var(--theta) 4%,transparent)} .full-review .continuum-head span,.full-review .continuum-head output{color:var(--theta)} .full-review-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;position:relative;z-index:1} .full-review-selects label{display:grid;gap:5px;color:var(--ink-faint);font-size:10px}.full-review-selects select{width:100%} .full-review-stage{margin-top:13px;padding:13px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--ground) 34%,var(--ground-2));position:relative;z-index:1} .full-review-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px} .full-review-fact{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--ground-2)} .full-review-fact span{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)} .full-review-fact b{display:block;margin-top:3px;font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--ink);overflow-wrap:anywhere} .full-review-score{margin-top:12px;padding:13px;border:1px solid color-mix(in srgb,var(--theta) 40%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--theta) 6%,var(--ground-2));position:relative;z-index:1} .full-review-score h5{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 9px;color:var(--ink)} .full-review-ledger{margin-top:13px;padding-top:13px;border-top:1px solid var(--line);position:relative;z-index:1} .full-review-summary{display:grid;gap:7px;margin-top:10px}.full-review-summary article{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--ground-2);font-family:var(--mono);font-size:10px;line-height:1.55;color:var(--ink-dim)} @media(max-width:760px){ .ai-studio-body{grid-template-columns:minmax(0,1fr)} .ai-studio-body>*{min-width:0} .ai-studio-body .wide{grid-column:1;min-width:0} .ai-studio-body .row{flex-wrap:wrap} #aceEndpoint{min-width:0!important;flex:1 1 150px!important} .ai-metrics{grid-template-columns:1fr 1fr} .master-pair-slots{grid-template-columns:minmax(0,1fr)} .offline-item{grid-template-columns:minmax(0,1fr)} .offline-actions{justify-content:flex-start} .continuum-editor{grid-template-columns:minmax(0,1fr)} .continuum-item{grid-template-columns:28px minmax(0,1fr)} .continuum-actions{grid-column:1/-1;justify-content:flex-start} .full-review-selects,.full-review-facts{grid-template-columns:minmax(0,1fr)} } .card .meta{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums} .card .xdel{ position:absolute;top:10px;right:12px;background:none;border:none;color:var(--ink-faint); font-size:15px;cursor:pointer;padding:4px; } .card .xdel:hover{color:var(--gamma)} /* journeys */ .jcard svg{width:100%;height:44px;display:block} .jcard .jpath{stroke:var(--card-band,var(--band));stroke-width:1.6;fill:none;opacity:.85} .jcard .jfill{fill:var(--card-band,var(--band));opacity:.08} .jprog-track{height:3px;background:var(--line);border-radius:2px;overflow:hidden;display:none} .jcard.active .jprog-track{display:block} .jprog{height:100%;width:0%;background:var(--card-band,var(--band))} .jstatus{display:none;font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);font-variant-numeric:tabular-nums;align-items:center;gap:8px} .jcard.active .jstatus{display:flex} .jpause{background:none;border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:1px 8px;cursor:pointer;font-size:11px} .compose{border-style:dashed;align-items:center;justify-content:center;color:var(--ink-dim);min-height:170px} .compose:hover{color:var(--ink)} /* lab */ .lab-compass{margin:0 0 16px;padding:22px;border:1px solid color-mix(in srgb,var(--band) 42%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--band) 9%,var(--ground-2)),var(--ground-2) 62%);display:grid;gap:16px;box-shadow:0 18px 45px rgba(0,0,0,.08)} .lab-compass-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start} .lab-compass-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--band)} .lab-compass h3{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.15;margin:4px 0 5px} .lab-compass-copy{font-size:13px;line-height:1.58;color:var(--ink-dim);max-width:76ch} .lab-compass-progress{min-width:126px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:right} .lab-compass-progress b{display:block;font-family:var(--mono);font-size:18px;font-weight:500;color:var(--ink)} .lab-compass-progress span{display:block;margin-top:2px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)} .lab-compass-goals{display:flex;gap:8px;flex-wrap:wrap} .lab-compass-plan{display:grid;gap:8px;list-style:none;margin:0;padding:0} .lab-compass-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface) 84%,transparent)} .lab-compass-step[data-state="next"]{border-color:color-mix(in srgb,var(--band) 62%,var(--line));box-shadow:inset 3px 0 0 var(--band)} .lab-compass-step[data-state="measured"]{opacity:.72} .lab-compass-state{min-width:64px;font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)} .lab-compass-step[data-state="next"] .lab-compass-state{color:var(--band)} .lab-compass-step[data-state="measured"] .lab-compass-state{color:var(--alpha)} .lab-compass-step b{display:block;font-size:13px;font-weight:600;color:var(--ink)} .lab-compass-step small{display:block;margin-top:3px;font-size:11.5px;line-height:1.45;color:var(--ink-dim)} .lab-compass-why{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--ground)} .lab-compass-why span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--band)} .lab-compass-why strong{display:block;margin-top:4px;font-size:13px;color:var(--ink)} .lab-compass-why p{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--ink-dim);max-width:86ch} .lab-compass-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap} .lab-compass-actions output{font-family:var(--mono);font-size:10px;color:var(--ink-faint)} .lab-compass-boundary{padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.55;color:var(--ink-faint)} .trial-evidence-queue{margin:14px 0 16px;padding:16px;border:1px solid color-mix(in srgb,var(--beta) 42%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--beta) 7%,var(--ground-2)),var(--ground-2) 68%);display:grid;gap:12px} .trial-evidence-queue-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start} .trial-evidence-queue-kicker{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--beta)} .trial-evidence-queue h4{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.2;margin:3px 0 4px} .trial-evidence-queue-copy{font-size:12px;line-height:1.52;color:var(--ink-dim);max-width:84ch;margin:0} .trial-evidence-queue-count{font-family:var(--mono);font-size:10px;color:var(--ink-faint);white-space:nowrap} .trial-evidence-recommendation{padding:12px 13px;border:1px solid color-mix(in srgb,var(--beta) 48%,var(--line));border-radius:10px;background:var(--surface)} .trial-evidence-recommendation span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--beta)} .trial-evidence-recommendation strong{display:block;margin-top:4px;font-size:13px;color:var(--ink)} .trial-evidence-recommendation p{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--ink-dim)} .trial-evidence-rows{display:grid;gap:7px;list-style:none;margin:0;padding:0} .trial-evidence-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 84%,transparent)} .trial-evidence-row[data-state="next"]{border-color:color-mix(in srgb,var(--beta) 62%,var(--line));box-shadow:inset 3px 0 0 var(--beta)} .trial-evidence-state{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)} .trial-evidence-row[data-state="next"] .trial-evidence-state{color:var(--beta)} .trial-evidence-row b{display:block;font-size:12.5px;color:var(--ink)} .trial-evidence-row small{display:block;margin-top:3px;font-size:11px;line-height:1.42;color:var(--ink-dim)} .trial-evidence-progress{font-family:var(--mono);font-size:10px;color:var(--ink-dim);white-space:nowrap;text-align:right} .trial-evidence-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .trial-evidence-actions output{font-family:var(--mono);font-size:10px;color:var(--ink-faint)} .trial-evidence-boundary{padding-top:10px;border-top:1px solid var(--line);font-size:11px;line-height:1.5;color:var(--ink-faint);margin:0} @media(max-width:720px){.lab-compass{padding:17px}.lab-compass-head,.lab-compass-why{grid-template-columns:1fr}.lab-compass-progress{text-align:left}.lab-compass-step{grid-template-columns:1fr}.lab-compass-step .btn,.lab-compass-actions .btn{width:100%;min-height:44px}.lab-compass-actions{justify-content:stretch}.lab-compass-actions output{width:100%}} @media(max-width:720px){.trial-evidence-queue-head,.trial-evidence-row{grid-template-columns:1fr}.trial-evidence-progress{text-align:left}.trial-evidence-actions .btn{width:100%;min-height:44px}.trial-evidence-actions output{width:100%}} .lab-finder{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(180px,.75fr) auto;gap:10px;align-items:end;margin:0 0 12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--ground-2)} .lab-finder label>span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px} .lab-finder input,.lab-finder select{width:100%;min-height:44px} .lab-finder-status{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:44px} .lab-finder-status output{font-family:var(--mono);font-size:11px;color:var(--ink-dim);white-space:nowrap} .lab-empty{padding:28px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--ink-dim);background:var(--ground-2)} @media(max-width:720px){.lab-finder{grid-template-columns:1fr}.lab-finder-status{justify-content:space-between}.lab-finder-status .btn{min-height:44px}} .labcard{cursor:default} .labcard .lab-outcome{font-size:12.5px;color:var(--ink-dim);padding:9px 11px;border-radius:9px;background:var(--ground-2);border:1px solid var(--line)} .labcard .lab-outcome b{color:var(--ink);font-weight:600;margin-right:5px} .labcard .rationale{font-size:13px;color:var(--ink-faint);border-left:2px solid var(--line);padding-left:12px;line-height:1.55} .labcard .btn{align-self:flex-start;margin-top:6px} .lab-trial-box{display:grid;gap:7px;margin-top:3px;padding-top:11px;border-top:1px solid var(--line)} .lab-trial-box .btn{margin-top:0} .lab-trial-note{font-family:var(--mono);font-size:9.5px;line-height:1.5;color:var(--ink-faint)} .lab-trial-note[data-state="eligible"]{color:var(--alpha)} .lab-trial-note[data-state="native"]{color:var(--band)} .lab-trial-note[data-state="blocked"]{color:var(--ink-faint)} .lab-trial-context{margin:12px 0 15px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--alpha) 42%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--alpha) 7%,var(--ground-2));display:grid;gap:6px} .lab-trial-context[hidden]{display:none} .lab-trial-context strong{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--ink)} .lab-trial-context span{font-size:12px;line-height:1.55;color:var(--ink-dim)} .lab-trial-context code{font-family:var(--mono);font-size:9.5px;color:var(--alpha);overflow-wrap:anywhere} .labnote{font-size:13px;color:var(--ink-faint);max-width:70ch;margin-top:18px;font-style:italic} .maturity{letter-spacing:.14em} .maturity-replicated{color:#58b58c;background:rgba(88,181,140,.08)} .maturity-controlled{color:#76a8d7;background:rgba(118,168,215,.08)} .maturity-exploratory{color:#c69a58;background:rgba(198,154,88,.08)} .maturity-hypothesis{color:#b589c6;background:rgba(181,137,198,.08)} #iafRow{display:flex;flex-direction:column;gap:10px;margin-top:6px} #iafVal{font-family:var(--mono);color:var(--ink)} /* ============ TRIALS ============ */ #prePanel{max-width:780px;max-height:88vh;max-height:88dvh;padding:0;gap:0;overflow:hidden} .trial-setup-head{padding:22px 26px 18px;border-bottom:1px solid var(--line);flex-shrink:0} .trial-setup-head p{margin-top:6px;font-size:13px} .trial-setup-body{padding:22px 26px;overflow-y:auto;overscroll-behavior:contain;min-height:0;display:flex;flex-direction:column;gap:18px;scroll-padding:16px} .trial-setup-protocol{font-family:var(--mono);font-size:12px!important} .trial-setup-group{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0} .trial-setup-group h4{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--ink)} .trial-setup-group h4>span{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;font:11px var(--mono)} .trial-setup-group h5{font-size:13px;font-weight:500;color:var(--ink);margin:8px 0 0} #prePanel .trial-setup-group p,#prePanel .trial-setup-group .hint{font-size:12px;line-height:1.6;margin:0} #prePanel .toggline{margin:0;align-items:flex-start;font-size:13px} #prePanel .quiet-disclosure{margin:0} #prePanel .quiet-disclosure>summary{min-height:44px;display:flex;align-items:center;padding:8px 0;font-size:12px;cursor:pointer} #prePanel .quiet-disclosure>summary::after{content:"+";margin-left:auto;padding-left:12px;font-size:18px} #prePanel .quiet-disclosure[open]>summary::after{content:"−"} #prePanel .quiet-disclosure>summary:focus-visible{outline:2px solid var(--band);outline-offset:3px;border-radius:4px} #prePanel code{font-size:11px;white-space:normal;overflow-wrap:anywhere;color:var(--ink-dim)} #prePanel .chips .chip,#prePanel .btn,#prePanel select{min-height:44px;white-space:normal} #prePanel .practice-plan-field>.hint{text-transform:none;letter-spacing:normal} #trialDeliveryStatus,#trialCharterPreviewStatus{font-size:12px;line-height:1.6;color:var(--ink-dim)} #trialSetupCheckin .ratewrap{display:grid;gap:18px} #trialSetupCheckin #preRates{grid-template-columns:repeat(3,minmax(0,1fr))} #trialSetupCheckin #ceqWrap{grid-template-columns:repeat(2,minmax(0,1fr))} #trialSetupCheckin .rate{grid-template-columns:minmax(0,1fr) 30px;gap:8px;align-content:start} #trialSetupCheckin .rate>span{grid-column:1/-1;min-height:20px} #trialSetupCheckin input[type="range"]{width:100%;min-height:32px} .trial-setup-actions{padding:16px 26px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);flex-shrink:0;background:var(--surface);box-shadow:0 -10px 24px rgba(0,0,0,.05)} .trial-setup-actions .row{justify-content:flex-end} #prePanel #blindWarn{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0;background:var(--ground-2);font-size:12px;line-height:1.6;max-height:28vh;max-height:28dvh;overflow-y:auto} #prePanel #blindWarn:focus-visible{outline:2px solid var(--band);outline-offset:2px} @media(max-width:600px){ .trial-setup-head{padding:16px}.trial-setup-body{padding:14px;gap:14px}.trial-setup-group{padding:14px;gap:12px} .trial-setup-head h3{font-size:22px}.trial-setup-actions{padding:12px 14px} #trialSetupCheckin #preRates,#trialSetupCheckin #ceqWrap{grid-template-columns:minmax(0,1fr)} .trial-setup-actions .row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px} } @media(max-height:500px){.trial-setup-head{padding:10px 16px}.trial-setup-head p{display:none}.trial-setup-actions{padding:8px 16px}.trial-setup-body{padding:12px 16px}#prePanel{max-height:88dvh}} .trials-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:860px){.trials-grid{grid-template-columns:1fr}} #trials .trials-grid{grid-template-columns:minmax(0,1fr);gap:12px} #trials .trial-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 36px;margin-bottom:16px;background:linear-gradient(125deg,var(--surface),var(--ground-2))} .trial-start .eyebrow{margin-bottom:10px} .trial-start .desc{margin:8px 0 16px;line-height:1.65} .trial-start-boundary{grid-column:1/-1;margin:0;border-top:1px solid var(--line);padding-top:14px} .trial-steps{margin:0;padding:0;list-style:none;counter-reset:trial-steps;display:grid;gap:12px;align-content:center} .trial-steps li{counter-increment:trial-steps;display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;color:var(--ink-dim);font-size:12px;line-height:1.5} .trial-steps li::before{content:counter(trial-steps);grid-row:span 2;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;text-align:center;line-height:24px;font-family:var(--mono)} .trial-steps b{font-size:13px;font-weight:500;color:var(--ink)} .trial-fold{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;overflow-wrap:anywhere} .trial-fold>summary{display:flex;gap:12px;align-items:center;min-height:68px;padding:16px 20px;cursor:pointer;list-style:none;color:var(--ink);font-size:14px} .trial-fold>summary::-webkit-details-marker{display:none} .trial-fold>summary::after{content:"+";margin-left:auto;font-size:20px;color:var(--ink-dim)} .trial-fold[open]>summary::after{content:"−"} .trial-fold>summary small{display:block;margin-top:4px;color:var(--ink-dim);font-size:12px;line-height:1.5} .trial-fold>summary output{font-family:var(--mono);font-size:11px;color:var(--ink-dim);flex-shrink:0} .trial-fold>summary:focus-visible{outline:2px solid var(--band);outline-offset:3px;border-radius:var(--radius)} .trial-fold[open]>summary{border-bottom:1px solid var(--line)} .trial-fold-body{display:flex;flex-direction:column;gap:12px;padding:20px;min-width:0} .trial-fold-body .desc{font-size:13px;color:var(--ink-dim);line-height:1.65} .trial-fold-body .gd{margin:0} .trial-fold-body .gd>p{padding:0 20px 16px} #trialPracticePlan{margin-bottom:12px} #trialPracticePlan>.console{border:0;border-radius:0;background:transparent;box-shadow:none;margin:0} #trialObservatory{margin-top:12px} #trials .btn{min-height:44px;white-space:normal} #trials #sitPulseCard{margin-top:16px} @media(max-width:600px){ #trials .trial-start{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px} .trial-fold>summary{padding:14px;flex-wrap:wrap;gap:8px} .trial-fold>summary>span{flex:1;min-width:0} .trial-fold>summary output{font-size:10px;flex-shrink:1} .trial-fold-body{padding:14px} #trials #trialBtn{width:100%} } .trialbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px} .trialbox h3{font-family:var(--serif);font-weight:400;font-size:21px} .trialbox .desc{font-size:13.5px;color:var(--ink-dim)} .trialbox .row>select{min-width:0;max-width:100%} .statline{font-family:var(--mono);font-size:12.5px;color:var(--ink-dim);font-variant-numeric:tabular-nums} .statline b{color:var(--ink);font-weight:400} canvas#trialChart{width:100%;height:110px} .trialrows{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);font-variant-numeric:tabular-nums;max-height:190px;overflow-y:auto} .trialrows .real{color:var(--alpha)} .trialrows .sham{color:var(--ink-faint)} .protocol-ledger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap} .protocol-ledger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px} .protocol-ledger-row{border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--ground-2);display:flex;flex-direction:column;gap:9px;min-width:0} .protocol-ledger-row h4{font-family:var(--serif);font-size:19px;font-weight:400;margin:0;color:var(--ink)} .protocol-ledger-meta{display:flex;gap:7px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums} .protocol-ledger-meta span{border:1px solid var(--line);border-radius:999px;padding:4px 7px;overflow-wrap:anywhere} .protocol-ledger-status{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 8px;white-space:nowrap;border:1px solid currentColor} .protocol-ledger-status.ready{color:var(--alpha)} .protocol-ledger-status.provisional,.protocol-ledger-status.acoustic-untested{color:#c69a58} .protocol-ledger-status.accumulating{color:var(--ink-faint)} .protocol-ledger-status.concealment-concern,.protocol-ledger-status.refused{color:#db7f7f} .protocol-ledger-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .protocol-ledger-fact{border-top:1px solid var(--line-soft);padding-top:7px;min-width:0} .protocol-ledger-fact span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)} .protocol-ledger-fact b{display:block;margin-top:3px;font-family:var(--mono);font-weight:400;font-size:12px;color:var(--ink-dim);overflow-wrap:anywhere} @media(max-width:520px){.protocol-ledger-facts{grid-template-columns:1fr}.protocol-ledger-row{padding:13px}} .sc-study{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:15px;background:linear-gradient(145deg,var(--ground-2),color-mix(in srgb,var(--ground-2) 88%,var(--alpha) 12%))} .sc-study[hidden]{display:none} .sc-study-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .sc-study-head b{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--ink)} .sc-candidate{margin:12px 0;border:1px solid var(--line-soft);border-radius:12px;padding:12px;background:var(--ground)} .sc-candidate strong{display:block;font-family:var(--serif);font-size:18px;font-weight:400;color:var(--ink)} .sc-candidate small{display:block;margin-top:5px;font-family:var(--mono);font-size:9.5px;line-height:1.55;color:var(--ink-faint)} .sc-progress{width:100%;height:7px;margin:11px 0 13px;accent-color:var(--alpha)} .sc-plays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0} .sc-plays .btn{min-height:54px} .sc-plays .heard{border-color:var(--alpha);color:var(--alpha)} .sc-confidence{margin:12px 0} .sc-confidence input{width:100%} .sc-report{margin-top:14px;border-top:1px solid var(--line);padding-top:14px} .sc-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:10px 0} .sc-report-grid div{border:1px solid var(--line-soft);border-radius:10px;padding:9px;background:var(--ground)} .sc-report-grid small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)} .sc-report-grid strong{display:block;margin-top:4px;font-family:var(--mono);font-size:12px;font-weight:400;color:var(--ink-dim)} @media(max-width:520px){.sc-plays{grid-template-columns:1fr}.sc-study{padding:13px}} /* ============ EVIDENCE ============ */ .evtable{width:100%;border-collapse:collapse;font-size:14px} .evtable th{ text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase; color:var(--ink-faint);padding:10px 14px;border-bottom:1px solid var(--line);font-weight:400; } .evtable td{padding:14px;border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--ink-dim)} .evtable td:first-child{color:var(--ink);max-width:38ch} .sat-table{min-width:640px;margin-top:10px;font-size:12px;table-layout:auto} .sat-table th{padding:9px 10px;letter-spacing:.08em;line-height:1.35;white-space:normal} .sat-table td{padding:10px;line-height:1.45;font-variant-numeric:tabular-nums} .sat-table th:first-child,.sat-table td:first-child{min-width:94px} .lt-table{min-width:680px;margin-top:10px;font-size:12px;table-layout:auto} .lt-table th{padding:9px 10px;letter-spacing:.08em;line-height:1.35;white-space:normal} .lt-table td{padding:10px;line-height:1.45;font-variant-numeric:tabular-nums} .lt-table th:first-child,.lt-table td:first-child{min-width:112px} .lt-plan{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--ground-2),rgba(255,255,255,.018))} .lt-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap} .lt-plan-head h4{margin:0;font-family:var(--serif);font-size:20px;font-weight:400;color:var(--ink)} .lt-plan-badge{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--ink-faint)} .lt-plan-badge.active{color:#c69a58}.lt-plan-badge.complete{color:var(--alpha)} .lt-plan-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0} .lt-plan-fact{border-top:1px solid var(--line-soft);padding-top:8px;min-width:0} .lt-plan-fact span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)} .lt-plan-fact b{display:block;margin-top:3px;font-family:var(--mono);font-size:12px;font-weight:400;color:var(--ink-dim);overflow-wrap:anywhere} @media(max-width:520px){.lt-plan-progress{grid-template-columns:1fr}.lt-plan{padding:13px}} .ev-pill{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:3px 10px;white-space:nowrap;border:1px solid currentColor} .ev-est{color:var(--alpha)} .ev-sup{color:#8ee6c2} .ev-pro{color:var(--beta)} .ev-mix{color:#e6b36a} .ev-unp{color:var(--ink-faint)} .table-scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)} .ev-review-desk{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:26px} .ev-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap} .ev-review-head h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:4px 0 7px;color:var(--ink)} .ev-review-summary{font-family:var(--mono);font-size:10.5px;line-height:1.55;letter-spacing:.08em;color:var(--ink-faint);max-width:44ch} .ev-review-controls{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(130px,180px)) auto;gap:10px;margin:16px 0 12px;align-items:end} .ev-review-controls label{display:grid;gap:6px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)} .ev-review-controls input,.ev-review-controls select{width:100%} .ev-review-list{display:grid;gap:9px;margin-top:12px} .ev-review-item{border:1px solid var(--line-soft);border-radius:11px;background:var(--ground);padding:0 14px} .ev-review-item summary{cursor:pointer;list-style:none;padding:13px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start} .ev-review-item summary::-webkit-details-marker{display:none} .ev-review-item summary strong{font-size:13.5px;line-height:1.5;font-weight:500;color:var(--ink)} .ev-review-item summary small{font-family:var(--mono);font-size:9px;line-height:1.55;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);text-align:right} .ev-review-item[data-review-state="due"]{border-color:color-mix(in srgb,var(--beta) 56%,var(--line))} .ev-review-item[data-review-state="overdue"]{border-color:color-mix(in srgb,#ff776f 66%,var(--line))} .ev-review-body{border-top:1px solid var(--line-soft);padding:12px 0 14px;display:grid;gap:8px;color:var(--ink-dim);font-size:12.5px;line-height:1.55} .ev-review-body b{color:var(--ink);font-weight:500} .ev-review-meta{display:flex;gap:7px;flex-wrap:wrap} .ev-review-tag{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--ink-faint)} .ev-review-empty{border:1px dashed var(--line);border-radius:11px;padding:18px;color:var(--ink-faint);font-size:13px;text-align:center} .ev-signing-studio{border-top:1px solid var(--line);margin-top:20px;padding-top:20px} .ev-signing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px} .ev-signing-card{border:1px solid var(--line-soft);border-radius:12px;background:var(--ground);padding:15px;display:grid;gap:11px;align-content:start;min-width:0} .ev-signing-card h4{font-family:var(--serif);font-size:19px;font-weight:400;margin:0;color:var(--ink)} .ev-signing-card label{display:grid;gap:6px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)} .ev-signing-card input,.ev-signing-card select,.ev-signing-card textarea{width:100%;min-width:0} .ev-signing-card textarea{min-height:86px;resize:vertical;font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none} .ev-signing-checks{display:grid;gap:8px} .ev-signing-checks label{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;font-family:var(--sans);font-size:11px;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--ink-dim)} .ev-signing-checks input{width:auto;margin-top:2px} .ev-signing-actions{display:flex;gap:8px;flex-wrap:wrap} .ev-signing-actions .btn{flex:1 1 auto} .ev-signing-result{border:1px solid var(--line-soft);border-radius:9px;padding:10px;font-family:var(--mono);font-size:9.5px;line-height:1.55;overflow-wrap:anywhere;color:var(--ink-faint)} .ev-signing-result[data-state="pass"]{border-color:color-mix(in srgb,var(--alpha) 58%,var(--line));color:var(--ink-dim)} .ev-signing-result[data-state="warn"]{border-color:color-mix(in srgb,var(--beta) 58%,var(--line));color:var(--ink-dim)} .ev-signing-result[data-state="fail"]{border-color:color-mix(in srgb,#ff776f 64%,var(--line));color:var(--ink-dim)} .evpanel-studio{border-top:1px solid var(--line);margin-top:22px;padding-top:22px} .evpanel-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.85fr);gap:12px;margin-top:14px} .evpanel-reviewers{display:grid;gap:7px} .evpanel-reviewer{border:1px solid var(--line-soft);border-radius:8px;padding:9px;display:grid;gap:3px;font-size:11px;color:var(--ink-dim)} .evpanel-reviewer b{font-weight:500;color:var(--ink)} .evpanel-reviewer span{font-family:var(--mono);font-size:9px;line-height:1.45;color:var(--ink-faint);overflow-wrap:anywhere} .ev-proposal-fields[aria-hidden="true"]{opacity:.48} .evrelease-studio{border-top:1px solid var(--line);margin-top:22px;padding-top:22px} .evrelease-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(0,.85fr);gap:12px;margin-top:14px} .evrelease-diff{display:grid;gap:7px;max-height:340px;overflow:auto} .evrelease-diff article{border:1px solid var(--line-soft);border-radius:8px;padding:9px;display:grid;gap:4px} .evrelease-diff strong{font-size:11px;color:var(--ink);font-weight:500;overflow-wrap:anywhere} .evrelease-diff span{font-family:var(--mono);font-size:9px;line-height:1.45;color:var(--ink-faint);overflow-wrap:anywhere} @media(max-width:1050px){.evpanel-grid{grid-template-columns:1fr 1fr}.evpanel-grid>.ev-signing-card:last-child{grid-column:1/-1}} @media(max-width:1050px){.evrelease-grid{grid-template-columns:1fr 1fr}.evrelease-grid>.ev-signing-card:last-child{grid-column:1/-1}} @media(max-width:980px){.ev-signing-grid{grid-template-columns:1fr 1fr}.ev-signing-card:last-child{grid-column:1/-1}} @media(max-width:760px){.ev-review-controls{grid-template-columns:1fr 1fr}.ev-review-controls label:first-child{grid-column:1/-1}.ev-review-controls .btn{width:100%}} @media(max-width:520px){.ev-review-desk{padding:15px}.ev-review-controls,.ev-signing-grid,.evpanel-grid,.evrelease-grid{grid-template-columns:1fr}.ev-review-controls label:first-child,.ev-signing-card:last-child,.evpanel-grid>.ev-signing-card:last-child,.evrelease-grid>.ev-signing-card:last-child{grid-column:auto}.ev-review-item summary{grid-template-columns:1fr}.ev-review-item summary small{text-align:left}} @media(max-width:360px){body[data-workspace] .nav{column-gap:6px;row-gap:6px}} /* Classroom tasks share their original code field and protocol handlers. */ .classroom-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px} .classroom-paths a{display:grid;gap:5px;min-height:74px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none} .classroom-paths a:hover{border-color:var(--accent);background:var(--ground-2)} .classroom-paths b{font-family:var(--serif);font-size:22px;font-weight:400} .classroom-paths span{font-size:12px;line-height:1.45;color:var(--ink-dim)} .classroom-code{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:16px;min-width:0} .classroom-code>label,.classroom-field{display:grid;gap:7px;font-size:12px;color:var(--ink-dim)} .classroom-code>label{grid-template-columns:auto 1fr;gap:8px;align-items:baseline;margin-bottom:8px} .classroom-code>label span{font-size:11px;color:var(--ink-faint);text-align:right} .classroom-code input,.classroom-field input,.classroom-design select{width:100%;min-width:0;min-height:44px} .classroom-code .hint,.classroom-code .statline{margin:9px 0 0;overflow-wrap:anywhere} .classroom-tasks{display:grid;gap:10px} .classroom-task{border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0} .classroom-task>summary{cursor:pointer;padding:15px 18px;min-height:56px;color:var(--ink)} .classroom-task>summary>span{display:inline-flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;max-width:calc(100% - 26px);vertical-align:middle} .classroom-task small{font-size:11px;color:var(--ink-faint);font-weight:400} .classroom-task[open]>summary{border-bottom:1px solid var(--line-soft)} .classroom-body{display:grid;gap:14px;padding:18px;min-width:0} .classroom-body>.hint{margin:0} .classroom-body>.btn{justify-self:start;max-width:100%;white-space:normal;text-align:left} .classroom-body h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:3px 0 0} .classroom-actions{display:flex;gap:9px;flex-wrap:wrap} #classroom .btn{min-height:44px;max-width:100%;white-space:normal} .classroom-design{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #clsCodeOut{width:100%;min-width:0;min-height:120px;resize:vertical;font-family:var(--mono);font-size:12px;line-height:1.6} #clsPool{font-size:13px;line-height:1.7;overflow-wrap:anywhere;min-width:0} .classroom-boundary{margin:16px 0} .classroom-reference{background:var(--ground)} @media(max-width:760px){.classroom-design{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-paths{gap:8px}.classroom-paths a{padding:12px}.classroom-code>label{grid-template-columns:1fr}.classroom-code>label span{text-align:left}} @media(max-width:480px){.classroom-paths{grid-template-columns:1fr}.classroom-paths a{grid-template-columns:72px minmax(0,1fr);align-items:center;min-height:56px}.classroom-design{grid-template-columns:1fr}.classroom-code,.classroom-body{padding:14px}.classroom-task>summary{padding:14px}} #masterMixCard :is(input,button):disabled{opacity:.42;cursor:not-allowed} #masterMixCard label:has(>input:disabled)>span{color:var(--ink-faint)} /* ============ SAFETY / FOOTER ============ */ .safety{ background:var(--surface);border:1px solid var(--line);border-radius:var(--radius); padding:24px 28px;font-size:13.5px;color:var(--ink-dim);display:grid;gap:8px; } .safety b{color:var(--ink);font-weight:500} footer{margin-top:70px;border-top:1px solid var(--line);padding:34px 0 46px;color:var(--ink-faint);font-size:13px} footer .wrap{display:flex;flex-direction:column;gap:8px} .footer-action{appearance:none;border:0;background:none;padding:2px 0;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:24px;vertical-align:middle} .install-line{display:flex;justify-content:center;margin:14px 0 0} .panel.install-panel{max-width:620px} .install-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .install-heading .install-kicker{margin-bottom:8px} .install-panel .install-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--alpha)} .install-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .install-status{background:var(--ground-2);border:1px solid var(--line);border-radius:11px;padding:13px 14px;min-width:0} .install-status span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)} .install-status b{display:block;margin-top:5px;color:var(--ink);font-size:13px;font-weight:500;line-height:1.4} .install-status[data-state="ready"]{border-color:color-mix(in srgb,var(--alpha) 58%,var(--line))} .install-status[data-state="checking"]{border-color:color-mix(in srgb,var(--beta) 58%,var(--line))} .install-status[data-state="unavailable"]{border-color:color-mix(in srgb,var(--gamma) 48%,var(--line))} .install-boundary{padding:14px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--alpha) 7%,transparent),transparent 68%)} .install-boundary h4{font-family:var(--serif);font-size:18px;font-weight:400;margin:0 0 7px;color:var(--ink)} .install-list{margin:0;padding-left:20px;color:var(--ink-dim);font-size:13.5px;display:grid;gap:7px} .install-help{font-size:13.5px;color:var(--ink-dim);padding:13px 14px;border-radius:11px;background:var(--ground-2);border:1px solid var(--line)} .install-help b{color:var(--ink);font-weight:500} .handoff-box{display:grid;gap:12px} .handoff-box .ctl-label{margin:0} .handoff-box .chips{margin:0} .provider-extension{border:1px solid var(--line);border-radius:14px;background:var(--ground-2);margin-block:14px;overflow:hidden} .provider-extension>summary{padding:15px 17px;font-weight:500;min-height:48px;cursor:pointer;color:var(--ink)} .provider-extension-body{padding:0 17px 17px;display:grid;gap:12px} .provider-extension-body>.hint{margin:0;max-width:75ch;overflow-wrap:anywhere} .provider-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end} .provider-field-grid label{display:grid;gap:7px;font-size:13px;color:var(--ink-dim);min-width:0} .provider-field-grid :is(input,select){width:100%;min-width:0;min-height:44px} #aceStudio .provider-field-grid input[type=range]{min-height:44px} #aceStudio #aceProgress{appearance:none;height:6px;border:0;border-radius:999px;overflow:hidden;background:var(--line);color:var(--alpha);accent-color:var(--alpha)} #aceStudio #aceProgress::-webkit-progress-bar{background:var(--line);border-radius:999px} #aceStudio #aceProgress::-webkit-progress-value{background:var(--alpha);border-radius:999px} #aceStudio #aceProgress::-moz-progress-bar{background:var(--alpha);border-radius:999px} @media(forced-colors:active){#aceStudio #aceProgress{appearance:auto;forced-color-adjust:auto}} #aceRemix .provider-extension-body{gap:18px;padding-block:4px 20px} #aceRemixSource{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-variant-numeric:tabular-nums} #aceRemix .ace-edit-fields{gap:16px 20px} #aceRemix .ace-edit-fields>label:first-child,#aceRemixStrengthField{grid-column:1/-1} #aceRemix .ace-edit-scope{border-inline-start:2px solid var(--band);padding-inline-start:12px;color:var(--ink-dim)} #aceRemix .ace-edit-help{border-top:1px solid var(--line);padding-top:8px} #aceRemix .ace-edit-help>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;color:var(--ink-dim)} #aceRemix .ace-edit-help p{max-width:68ch;line-height:1.7;overflow-wrap:anywhere} #aceRemix :is(summary,button,input,select):focus-visible{outline:2px solid var(--band);outline-offset:3px} #aceRemix :is(.provider-field-grid,.ai-music-actions)>*{min-width:0} @media(max-width:560px){#aceRemix .ai-music-actions{display:grid;grid-template-columns:minmax(0,1fr)}#aceRemix .ai-music-actions .btn{width:100%;text-align:center}} .provider-field-grid [hidden]{display:none!important} .provider-extension .btn{min-height:44px;white-space:normal} @media(max-width:560px){.provider-field-grid{grid-template-columns:minmax(0,1fr)}.provider-extension-body{padding-inline:12px}.provider-extension .ai-music-actions>*{flex:1 1 100%}} .handoff-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .handoff-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} .handoff-summary{font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--ink-dim);padding:11px 12px;border-radius:9px;background:var(--ground-2);border:1px solid var(--line)} .handoff-summary b{color:var(--ink);font-weight:500} @media(max-width:520px){.install-status-grid{grid-template-columns:minmax(0,1fr)}.panel.install-panel{padding:22px}} .update-bar{position:fixed;z-index:390;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100vw - 30px));background:color-mix(in srgb,var(--surface) 94%,black);border:1px solid color-mix(in srgb,var(--alpha) 58%,var(--line));border-radius:13px;padding:12px 14px;box-shadow:0 18px 55px rgba(0,0,0,.36);display:flex;align-items:center;gap:12px;color:var(--ink-dim);font-size:13px} .update-bar[hidden]{display:none} .update-bar span{flex:1;min-width:0} .update-bar b{color:var(--ink);font-weight:500} .update-bar .btn{white-space:nowrap} @media(max-width:560px){.update-bar{align-items:stretch;flex-wrap:wrap}.update-bar span{flex-basis:100%}.update-bar .btn{flex:1}} /* Console sound guide: in-flow help on touch screens, bounded hover cards. */ #instrumentConsole .method-help{grid-column:1/-1;min-width:0;border-top:1px solid var(--line-soft)} #instrumentConsole .method-help>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;list-style:none;cursor:pointer;color:var(--ink-dim);font-size:12px} #instrumentConsole .method-help>summary::-webkit-details-marker{display:none} #instrumentConsole .method-help>summary:hover{color:var(--ink)} #instrumentConsole .method-help>summary:focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px;border-radius:6px} #instrumentConsole .method-help-mark{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font:16px/1 var(--mono);color:var(--studio-accent);transition:transform .18s ease} #instrumentConsole .method-help[open] .method-help-mark{transform:rotate(45deg)} #instrumentConsole .method-help-body{padding:8px 0 4px;color:var(--ink-dim);font-size:13px;line-height:1.7;overflow-wrap:anywhere} #instrumentConsole .method-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0} #instrumentConsole .method-help-grid dt{color:var(--studio-accent);font:10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px} #instrumentConsole .method-help-grid dd{margin:0} #instrumentConsole .method-help-note{margin:14px 0 0;padding:12px 14px;border-left:2px solid var(--studio-accent);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--studio-accent) 6%,transparent);font-size:12px;color:var(--ink-dim)} #lore{box-sizing:border-box;width:min(360px,calc(100vw - 20px));max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin} #lore .lore-caret{display:none} #lore .method-help-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0 0} #lore .method-help-grid dd{margin:0} #lore .method-help-note{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--ink-dim);font-size:12px;line-height:1.6} @media(max-width:560px){#instrumentConsole .method-help-grid{grid-template-columns:1fr;gap:16px}} @media(prefers-reduced-motion:reduce){#instrumentConsole .method-help-mark{transition:none}} /* Console studio: artwork is decorative; every control remains the real input. */ #instrumentConsole{--studio-accent:#a9cec1;--studio-surface:#121e25;--studio-line:#2a3c44} :root[data-theme="light"] #instrumentConsole{--studio-accent:#346d60;--studio-surface:#fffefa;--studio-line:#cad5ce} #instrumentConsole .console-title.console-art-header{position:relative;isolation:isolate;overflow:hidden;min-height:190px;padding:30px 36px;margin:8px 0 18px;border-radius:24px;background:#08171f;border:1px solid #263c41;align-items:center;box-shadow:0 12px 34px -24px #0007} #instrumentConsole .console-title .console-art{position:absolute;z-index:-2;height:155%;width:auto;max-width:none;right:-1px;top:-27%;pointer-events:none;user-select:none} #instrumentConsole .console-art-header::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08171f 12%,#08171fee 35%,#08171f25 66%,transparent);pointer-events:none} #instrumentConsole .console-title .console-title-copy{max-width:65%;min-width:0} #instrumentConsole .console-title .eyebrow{color:#b5ccc6;font-size:9px;letter-spacing:.21em} #instrumentConsole .console-title h1{color:#f2f2e9;font-size:clamp(36px,4.3vw,56px);letter-spacing:-.045em;margin:8px 0 6px;line-height:1.1} #instrumentConsole .console-title-copy>p{color:#c2d0cf;font-size:13px;line-height:1.6;margin:0} #instrumentConsole .console-title>a{position:absolute;right:22px;bottom:20px;padding:9px 14px;min-height:44px;border:1px solid #b5ccc645;border-radius:999px;background:#08171fcf;color:#edf3ef;backdrop-filter:blur(8px);font-size:11px} #instrumentConsole .console-title>a:hover{background:#203c40;border-color:#b5ccc6} #instrumentConsole .console-title>a:focus-visible{outline-color:#edf3ef;outline-offset:3px} #instrumentConsole>#instrument{background:linear-gradient(115deg,color-mix(in srgb,var(--studio-accent) 7%,var(--surface)),var(--surface) 68%);border-color:var(--studio-line);box-shadow:0 8px 24px -18px #0008;border-radius:18px} #instrumentConsole #instrument>.readouts>.readout{line-height:1.5;color:var(--ink-faint);letter-spacing:.08em} #instrumentConsole #instrument>.readouts>.readout b{font-weight:500;color:var(--ink)} #instrumentConsole #instrumentSignalInfo>summary{background:color-mix(in srgb,var(--ground) 36%,transparent);border-color:var(--line-soft)} #instrumentConsole .instrument-workbench{gap:28px;margin-top:28px;grid-template-columns:190px minmax(0,1fr)} #instrumentConsole .instrument-sidebar{padding:4px 6px 6px 0;scrollbar-color:var(--line) transparent} #instrumentConsole #instrumentTools{gap:24px;padding-top:5px} #instrumentConsole #instrumentTools .console-nav-group{gap:4px} #instrumentConsole #instrumentTools .console-nav-group>span{font-size:9px;letter-spacing:.15em;padding-left:13px;margin-bottom:4px} #instrumentConsole #instrumentTools a{gap:11px;min-height:44px;font-size:12px;border-radius:11px;padding:10px 12px;line-height:1.5} #instrumentConsole #instrumentTools a>svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8} #instrumentConsole #instrumentTools a[aria-current="page"]{background:color-mix(in srgb,var(--studio-accent) 11%,var(--surface));border-color:color-mix(in srgb,var(--studio-accent) 32%,var(--line));box-shadow:inset 3px 0 var(--studio-accent);color:var(--ink)} #instrumentConsole .instrument-deck .sect-head{margin-bottom:20px} #instrumentConsole .instrument-deck .sect-head>h2{font-size:30px;margin-bottom:6px} #instrumentConsole #console-sect>.console{position:relative;padding:0;border:0;box-shadow:none;background:transparent;gap:16px} #instrumentConsole #console-sect #tierChips{display:inline-flex;width:fit-content;padding:4px;gap:2px;border:1px solid var(--line-soft);border-radius:13px;background:var(--ground-2)} #instrumentConsole #tierChips .chip{border-radius:9px;min-height:44px;padding:8px 16px;border-color:transparent;background:transparent;font-size:12px} #instrumentConsole #tierChips .chip.on{color:var(--ink);border-color:var(--line);background:var(--surface);box-shadow:0 2px 8px #00000012} #instrumentConsole #console-sect>.console>.console-method{padding:22px 24px;background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:18px;gap:12px} #instrumentConsole .method-picker-value>strong{font-size:28px;letter-spacing:-.025em} #instrumentConsole .method-picker-change{padding:7px 12px;min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface)} #instrumentConsole .method-picker-change>b{color:var(--studio-accent);font-size:19px} #instrumentConsole .method-picker[open] #modeChips{gap:10px} #instrumentConsole #modeChips .chip{display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:auto 1fr;column-gap:14px;row-gap:5px;align-items:start;min-width:0;border-radius:14px;padding:16px;min-height:96px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.35;letter-spacing:0;box-shadow:none;overflow-wrap:anywhere} #instrumentConsole #modeChips .chip>small{grid-column:1;grid-row:2;margin:0;color:var(--ink-dim);font:11px/1.5 var(--sans);letter-spacing:0} #instrumentConsole #modeChips .method-sketch{grid-column:2;grid-row:1/3;align-self:center;width:72px;height:32px;fill:none;stroke:var(--studio-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;user-select:none} #instrumentConsole #modeChips .method-sketch .method-echo{opacity:.45} #instrumentConsole #modeChips .chip:hover{background:color-mix(in srgb,var(--studio-accent) 6%,var(--surface));border-color:var(--studio-accent)} #instrumentConsole #modeChips .chip.on{background:color-mix(in srgb,var(--band) 10%,var(--surface));border-color:var(--band);box-shadow:inset 3px 0 var(--band)} #instrumentConsole #modeChips .chip.on>.method-sketch{stroke:var(--band)} #instrumentConsole #modeChips .chip:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px} @media(min-width:761px) and (max-width:1100px){#instrumentConsole #console-sect #modeChips{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){#instrumentConsole #modeChips .chip{grid-template-columns:minmax(0,1fr);grid-template-rows:32px auto 1fr;row-gap:7px;padding:14px;min-height:133px;font-size:13px}#instrumentConsole #modeChips .method-sketch{grid-column:1;grid-row:1;align-self:start;width:68px}#instrumentConsole #modeChips .chip>small{grid-column:1;grid-row:3;font-size:11px}#instrumentConsole .method-picker[open] #modeChips{gap:8px}} @media(max-width:360px){#instrumentConsole #console-sect #modeChips{grid-template-columns:minmax(0,1fr)}#instrumentConsole #modeChips .chip{grid-template-columns:minmax(0,1fr) 68px;grid-template-rows:auto 1fr;min-height:88px}#instrumentConsole #modeChips .method-sketch{grid-column:2;grid-row:1/3;align-self:center}#instrumentConsole #modeChips .chip>small{grid-row:2}} #instrumentConsole .console-core{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #instrumentConsole .console-core>.ctl-group{padding:24px;border-radius:18px;border-color:var(--studio-line);background:var(--studio-surface);gap:12px;box-shadow:0 8px 22px -20px #0009} #instrumentConsole .console-core>:is(.console-rhythm-card,.console-carrier-card){background:linear-gradient(140deg,color-mix(in srgb,var(--studio-accent) 5%,var(--studio-surface)),var(--studio-surface) 70%)} #instrumentConsole .console-core>:is(.console-rhythm-card,.console-carrier-card)>.ctl-label{display:grid;gap:8px;letter-spacing:.11em;font-size:10px} #instrumentConsole .console-core>:is(.console-rhythm-card,.console-carrier-card)>.ctl-label output{margin:0;font:400 clamp(29px,3.2vw,42px)/1.2 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.035em} #instrumentConsole .console-core input[type=range]{min-height:44px;margin:0} #instrumentConsole .console-core input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px} #instrumentConsole .console-core input[type=range]::-moz-range-track,#instrumentConsole .console-core input[type=range]::-moz-range-progress{height:5px;border-radius:999px} #instrumentConsole .console-core>.console-volume-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;align-items:center} #instrumentConsole .console-volume-card>.ctl-label:first-child{grid-column:1;grid-row:1;letter-spacing:.11em;font-size:10px} #instrumentConsole .console-volume-card>#volSlider{grid-column:1;grid-row:2} #instrumentConsole .console-volume-card>.ctl-label:nth-of-type(2){grid-column:2;grid-row:1;margin:0!important;letter-spacing:.11em;font-size:10px} #instrumentConsole .console-volume-card>#timerChips{grid-column:2;grid-row:2} #instrumentConsole .console-volume-card>.hint{grid-column:1/-1} #instrumentConsole .console-core #timerChips{gap:5px} #instrumentConsole .console-core #timerChips .chip{min-height:44px;min-width:44px;border-radius:9px;padding:8px 10px} #instrumentConsole #carrierQuickPicks{border-top:1px solid var(--line-soft);padding-top:5px;margin-top:1px} #instrumentConsole #carrierQuickPicks>summary{color:var(--studio-accent);font-size:12px;min-height:44px;display:flex;align-items:center;gap:8px} #instrumentConsole #console-sect .instrument-fold{border-color:var(--studio-line);border-radius:15px;background:var(--studio-surface);box-shadow:none} #instrumentConsole #console-sect .instrument-fold>summary{padding:18px 22px;min-height:66px} #instrumentConsole #console-sect .instrument-fold>summary::after{color:var(--studio-accent);width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:50%;font-size:16px} #instrumentConsole #console-sect .instrument-fold>summary:hover{background:color-mix(in srgb,var(--studio-accent) 4%,transparent)} #instrumentConsole .instrument-tool-mobile>select{border-color:var(--studio-line);border-radius:12px} @media(min-width:1100px){#instrumentConsole #instrument>.readouts>.readout{display:flex;flex-wrap:wrap;gap:2px 7px;align-items:baseline}#instrumentConsole #instrument>.readouts>.readout b{font-size:16px}#instrumentConsole #console-sect>.sect-head{padding-right:245px;min-height:66px}#instrumentConsole #console-sect>.console>.console-detail-toolbar{position:absolute;right:0;top:-72px}#instrumentConsole #console-sect>.console>.console-method{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px}#instrumentConsole .console-method>.method-picker,#instrumentConsole .console-method>p:not(.method-routing){grid-column:1/-1}#instrumentConsole .console-method>#modeNote{align-self:center}#instrumentConsole .console-method>#pbBadge{border:0;padding:0;justify-content:flex-end}#instrumentConsole .console-method>p:empty{display:none}} @media(max-width:1000px){#instrumentConsole .instrument-workbench{grid-template-columns:165px minmax(0,1fr);gap:22px}#instrumentConsole .console-core>.ctl-group{padding:20px}#instrumentConsole .console-core>.console-volume-card{column-gap:22px}#instrumentConsole .console-title.console-art-header{min-height:172px;padding:28px}} @media(max-width:760px){ #instrumentConsole .console-title.console-art-header{min-height:120px;padding:18px 20px;margin:0 0 10px;border-radius:18px;display:block} #instrumentConsole .console-title .console-title-copy{max-width:76%} #instrumentConsole .console-title .eyebrow{display:block;font-size:8px;letter-spacing:.14em} #instrumentConsole .console-title h1{font-size:32px;margin:7px 0 5px} #instrumentConsole .console-title-copy>p{font-size:11px} #instrumentConsole .console-title .console-art{right:-70px;height:165%;top:-32%;opacity:.8} #instrumentConsole .console-art-header::after{background:linear-gradient(90deg,#08171ff2 14%,#08171fad 54%,#08171f15)} #instrumentConsole .console-title>a{bottom:9px;right:10px;font-size:10px;min-height:44px;padding:11px;border-color:transparent} #instrumentConsole .instrument-workbench{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px} #instrumentConsole #console-sect>.console{gap:12px} #instrumentConsole #tierChips .chip{min-height:44px} #instrumentConsole #console-sect>.console>.console-method{padding:16px;border-radius:16px;gap:8px} #instrumentConsole .console-method>#pbBadge{padding-top:0;border:0} #instrumentConsole .console-method>p:empty{display:none} #instrumentConsole .method-picker-value>strong{font-size:24px} #instrumentConsole .method-picker-change{padding:7px 10px;gap:9px} #instrumentConsole .console-core{gap:14px;grid-template-columns:minmax(0,1fr)} #instrumentConsole .console-core>.ctl-group{padding:18px;border-radius:16px} #instrumentConsole .console-core>:is(.console-rhythm-card,.console-carrier-card)>.ctl-label{display:flex;align-items:center;gap:12px} #instrumentConsole .console-core>:is(.console-rhythm-card,.console-carrier-card)>.ctl-label output{margin-left:auto;white-space:nowrap;font-size:29px} #instrumentConsole .console-core>.console-volume-card{display:flex} #instrumentConsole #console-sect .instrument-fold>summary{padding:16px;gap:12px} } @media(max-width:380px){#instrumentConsole .console-title .console-title-copy{max-width:100%}#instrumentConsole .console-title-copy>p{display:none}#instrumentConsole .console-title h1{font-size:30px;margin-bottom:0}#instrumentConsole .console-title>a{bottom:4px}} @media(prefers-reduced-motion:reduce){#instrumentConsole *{scroll-behavior:auto!important}} /* Console detail surfaces: readable choices and full-size native controls. */ #instrumentConsole #console-sect>.console>.ctl-group{background:var(--studio-surface);border-color:var(--studio-line);padding:22px 24px;border-radius:18px;min-width:0} #instrumentConsole #console-sect input[type=range]{min-height:44px} #instrumentConsole #pbBadge button{min-height:44px} #instrumentConsole #console-sect .instrument-panel-grid{padding:24px;gap:28px;align-items:start} #instrumentConsole #console-sect .instrument-panel-grid>.ctl-group{gap:16px} #instrumentConsole #console-sect :is(#timbreChips,#shapeChips,#latticeChips,#phaseChips,#subChips){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #instrumentConsole #console-sect :is(#latticeChips,#subChips){grid-template-columns:repeat(3,minmax(0,1fr))} #instrumentConsole #console-sect :is(#timbreChips,#shapeChips,#latticeChips,#phaseChips,#subChips)>.chip{width:100%;min-width:0;min-height:62px;padding:12px 14px;border-radius:12px;text-align:left;line-height:1.5;background:var(--surface);white-space:normal} #instrumentConsole #console-sect :is(#timbreChips,#shapeChips,#latticeChips,#phaseChips,#subChips)>.chip small{margin-top:4px;font-size:10px;line-height:1.5;letter-spacing:.02em} #instrumentConsole #console-sect :is(#musicChips,#noiseChips){display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px} #instrumentConsole #console-sect :is(#musicChips,#noiseChips)>.chip{width:100%;min-width:0;min-height:46px;padding:10px 12px;border-radius:11px;background:var(--surface);text-align:center} #instrumentConsole #console-sect :is(#timbreChips,#shapeChips,#latticeChips,#phaseChips,#subChips,#musicChips,#noiseChips)>.chip.on{background:color-mix(in srgb,var(--band) 8%,var(--surface));border-color:var(--band);box-shadow:inset 3px 0 var(--band);color:var(--ink)} #instrumentConsole #console-sect :is(#timbreChips,#shapeChips,#latticeChips,#phaseChips,#subChips,#musicChips,#noiseChips)>.chip:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px} #instrumentConsole #console-sect #blendRow:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px} #instrumentConsole #blendRow>.ctl-label:first-child{grid-column:1/-1;margin-bottom:10px} #instrumentConsole #blendRow>.ctl-label:has(#blBinO){grid-column:1;grid-row:2} #instrumentConsole #blendRow>#blBin{grid-column:1;grid-row:3} #instrumentConsole #blendRow>.ctl-label:has(#blAmodO){grid-column:2;grid-row:2} #instrumentConsole #blendRow>#blAmod{grid-column:2;grid-row:3} #instrumentConsole #blendRow>.ctl-label:has(#blStereoO){grid-column:1;grid-row:4} #instrumentConsole #blendRow>#blStereo{grid-column:1;grid-row:5} #instrumentConsole #blendRow>.ctl-label:has(#blFmodO){grid-column:2;grid-row:4} #instrumentConsole #blendRow>#blFmod{grid-column:2;grid-row:5} #instrumentConsole #blendRow>:is(.hint,a){grid-column:1/-1;margin:0} #instrumentConsole #blendRow .ctl-label output{padding:4px 8px;border-radius:7px;background:var(--ground-2);font-size:12px;min-width:48px;text-align:center} #instrumentConsole #toothStrip.console-tooth-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #instrumentConsole #toothStrip>.console-tooth-control{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 16px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface);font:11px/1.6 var(--mono);color:var(--ink-dim)} #instrumentConsole #toothStrip>.console-tooth-control>input{min-height:44px;width:100%;margin:0} #instrumentConsole #toothStrip>.console-tooth-control:focus-within{border-color:var(--studio-accent)} #instrumentConsole #instrumentExtras .instrument-panel-grid>.ctl-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #instrumentConsole #instrumentExtras .ctl-group>:is(.ctl-label,.hint,.warnline){grid-column:1/-1} #instrumentConsole #instrumentExtras .toggline{align-items:flex-start;min-height:72px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface);font-size:12px;line-height:1.65} #instrumentConsole #instrumentExtras .toggline>input{margin-top:3px} #instrumentConsole #instrumentExtras .toggline:has(>input:checked){border-color:color-mix(in srgb,var(--studio-accent) 48%,var(--line));background:color-mix(in srgb,var(--studio-accent) 5%,var(--surface))} #instrumentConsole #instrumentExtras .toggline:focus-within{outline:2px solid var(--studio-accent);outline-offset:2px} #instrumentConsole #console-sect .instrument-panel-grid .toggline{min-height:44px} #instrumentConsole #console-sect>.console:not(:has(>#subRow:not([hidden])))>#shapeRow{grid-column:1/-1} @media(min-width:1100px){#instrumentConsole #console-sect>.console:not(:has(>#subRow:not([hidden]))) #shapeChips{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:1000px){#instrumentConsole #console-sect #subChips{grid-template-columns:minmax(0,1fr)}} @media(max-width:760px){#instrumentConsole #console-sect>.console>.ctl-group{padding:18px;border-radius:16px}#instrumentConsole #console-sect .instrument-panel-grid{padding:18px;gap:24px}#instrumentConsole #instrumentExtras .instrument-panel-grid>.ctl-group{grid-template-columns:minmax(0,1fr)}} @media(max-width:560px){#instrumentConsole #console-sect #blendRow:not([hidden]){grid-template-columns:minmax(0,1fr);gap:10px}#instrumentConsole #blendRow>*{grid-column:auto!important;grid-row:auto!important}#instrumentConsole #toothStrip.console-tooth-grid{grid-template-columns:minmax(0,1fr)}#instrumentConsole #console-sect :is(#timbreChips,#shapeChips,#latticeChips,#phaseChips){grid-template-columns:minmax(0,1fr)}} /* Console palettes: decorative color and original hall artwork, never signal readouts. */ #instrumentConsole #console-sect #instrumentTone #musicChips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #instrumentConsole #console-sect #instrumentTone #musicChips>.chip{position:relative;isolation:isolate;overflow:hidden;min-height:94px;padding:62px 14px 12px;text-align:left;font-size:12px;letter-spacing:.02em;border-radius:13px;white-space:normal;overflow-wrap:anywhere} #instrumentConsole #console-sect #instrumentTone #musicChips>.chip[data-mood=off]{grid-column:1/-1;min-height:44px;padding:10px 14px} #instrumentConsole #console-sect #instrumentTone #musicChips>.chip:not([data-mood=off])::before{content:"";position:absolute;inset:9px 9px auto;height:43px;pointer-events:none;border-radius:7px;background:var(--palette-art);opacity:.92} #instrumentConsole #console-sect #instrumentTone #musicChips>.chip[data-mood=dusk]{--palette-art:radial-gradient(ellipse at 68% 100%,#d39c79 0%,#925f73 30%,transparent 63%),linear-gradient(125deg,#24353d,#5a456a)} #instrumentConsole #console-sect #instrumentTone #musicChips>.chip[data-mood=dawn]{--palette-art:radial-gradient(ellipse at 35% 100%,#fff0bb 0%,#d4ae7e 34%,transparent 66%),linear-gradient(110deg,#637f81,#b7b6a0)} #instrumentConsole #console-sect #instrumentTone #musicChips>.chip[data-mood=nocturne]{--palette-art:radial-gradient(ellipse at 74% 16%,#a6bac0 0%,#667790 15%,transparent 55%),linear-gradient(130deg,#1e3046,#474963)} #instrumentConsole #console-sect #instrumentTone #musicChips>.chip[data-mood=aurora]{--palette-art:radial-gradient(ellipse at 24% 15%,#a9d4bc 0%,#689f96 29%,transparent 62%),linear-gradient(145deg,#285766,#80729b)} #instrumentConsole #console-sect #instrumentTone #musicChips>.chip.on{border-color:var(--band);box-shadow:inset 3px 0 var(--band);background:color-mix(in srgb,var(--band) 8%,var(--surface))} #instrumentConsole #console-sect #instrumentAtmosphere #noiseChips{grid-template-columns:repeat(3,minmax(0,1fr))} #instrumentConsole #console-sect #instrumentAtmosphere #noiseChips>.chip{display:flex;align-items:center;justify-content:flex-start;gap:9px;text-align:left;padding:11px 12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere} #instrumentConsole #console-sect #instrumentAtmosphere #noiseChips>.chip[data-noise=off]{grid-column:1/-1;justify-content:center;min-height:44px} #instrumentConsole #console-sect #instrumentAtmosphere #noiseChips>.chip:not([data-noise=off])::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--atmos-color,var(--studio-accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--atmos-color,var(--studio-accent)) 11%,transparent);pointer-events:none} #instrumentConsole #noiseChips>.chip[data-noise=white]{--atmos-color:#becbd1} #instrumentConsole #noiseChips>.chip[data-noise=pink]{--atmos-color:#c793ad} #instrumentConsole #noiseChips>.chip[data-noise=brown]{--atmos-color:#bda17d} #instrumentConsole #noiseChips>.chip[data-noise=rain]{--atmos-color:#80abbc} #instrumentConsole #noiseChips>.chip[data-noise=stream]{--atmos-color:#76b5ae} #instrumentConsole #noiseChips>.chip[data-noise=fire]{--atmos-color:#cb9975} #instrumentConsole #noiseChips>.chip[data-noise=night]{--atmos-color:#9991c4} #instrumentConsole #noiseChips>.chip[data-noise=surf]{--atmos-color:#82b6c0} #instrumentConsole #noiseChips>.chip[data-noise=wind]{--atmos-color:#a1bda9} #instrumentConsole #noiseChips>.chip[data-noise=temple]{--atmos-color:#c2b385} #instrumentConsole #instrumentAtmosphere .console-space-art{display:block;width:100%;height:auto;max-height:220px;aspect-ratio:2.4/1;object-fit:cover;object-position:50% 56%;border:1px solid var(--studio-line);border-radius:14px;pointer-events:none;background:var(--studio-surface)} #instrumentConsole #instrumentAtmosphere .ctl-group:has(>#spaceSlider:disabled)>.console-space-art{opacity:.45;filter:saturate(.4)} #instrumentConsole #instrumentAtmosphere #spaceSlider{margin-top:0} @media(max-width:560px){#instrumentConsole #console-sect #instrumentAtmosphere #noiseChips{grid-template-columns:repeat(2,minmax(0,1fr))}#instrumentConsole #instrumentAtmosphere .console-space-art{aspect-ratio:2.65/1}#instrumentConsole #console-sect #instrumentTone #musicChips>.chip{min-height:86px;padding-top:56px}#instrumentConsole #console-sect #instrumentTone #musicChips>.chip:not([data-mood=off])::before{height:37px}} /* Console discovery: each card keeps its own identity and original actions. */ #instrumentConsole :is(#presetGrid,#journeyGrid){gap:18px;align-items:stretch} #instrumentConsole :is(#presetGrid>.card,#journeyGrid .jcard){align-self:stretch;padding:24px;gap:14px;border-radius:20px;border-color:var(--studio-line);background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--card-band) 9%,transparent),transparent 65%),var(--studio-surface);box-shadow:0 8px 22px -20px #0009} #instrumentConsole :is(#presetGrid>.card,#journeyGrid .jcard):hover{transform:none;border-color:color-mix(in srgb,var(--card-band) 55%,var(--studio-line));box-shadow:0 8px 22px -20px #0009} #instrumentConsole :is(#presetGrid>.card,#journeyGrid .jcard).active{border-color:var(--card-band);box-shadow:inset 3px 0 var(--card-band)} #instrumentConsole :is(#presetGrid>.card,#journeyGrid .jcard)>h3{font-size:29px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere} #instrumentConsole :is(#presetGrid>.card,#journeyGrid .jcard)>.pill{border-color:color-mix(in srgb,var(--card-band) 28%,var(--studio-line));background:color-mix(in srgb,var(--card-band) 7%,var(--studio-surface));padding:6px 11px;font-size:9px;line-height:1.5;letter-spacing:.13em;opacity:1} #instrumentConsole :is(#presetGrid>.card,#journeyGrid .jcard)>.meta{color:var(--ink-dim);line-height:1.7;font-size:11px} #instrumentConsole #presetGrid>.card>h3+.meta{font-size:13px;color:var(--ink)} #instrumentConsole :is(#presetGrid,#journeyGrid) .catalogue-notes{margin-top:auto;padding-top:8px;border-color:color-mix(in srgb,var(--card-band) 12%,var(--studio-line))} #instrumentConsole :is(#presetGrid,#journeyGrid) .catalogue-notes>summary{min-height:44px;gap:12px} #instrumentConsole :is(#presetGrid,#journeyGrid) .catalogue-notes>summary::after{color:var(--card-band)} #instrumentConsole :is(#presetGrid,#journeyGrid) .catalogue-notes[open]{margin-top:0} #instrumentConsole :is(#presetGrid .catalogue-play,#journeyGrid .jplay){min-height:48px;padding:12px 16px;border-radius:12px;font-size:12px;line-height:1.5;align-items:center;color:var(--ink);border-color:color-mix(in srgb,var(--card-band) 48%,var(--studio-line));background:color-mix(in srgb,var(--card-band) 10%,var(--studio-surface));box-shadow:none} #instrumentConsole :is(#presetGrid .catalogue-play,#journeyGrid .jplay):hover{background:color-mix(in srgb,var(--card-band) 18%,var(--studio-surface));border-color:var(--card-band)} #instrumentConsole :is(#presetGrid .catalogue-play,#journeyGrid .jplay)>span{color:var(--card-band);font-size:17px;line-height:1} #instrumentConsole :is(#presetGrid,#journeyGrid) :is(button,summary):focus-visible{outline:2px solid var(--card-band,var(--studio-accent));outline-offset:4px} #instrumentConsole #journeyGrid .jcard>svg{height:88px;min-height:88px;margin:2px 0 0;border-radius:10px;border:1px solid var(--line-soft);background:linear-gradient(0deg,color-mix(in srgb,var(--card-band) 5%,var(--ground-2)),var(--ground-2));padding:12px 10px;box-sizing:border-box} #instrumentConsole #journeyGrid .jpath{stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;opacity:1} #instrumentConsole #journeyGrid .jfill{opacity:.12} #instrumentConsole #journeyGrid :is(.jwav,.xdel,.jpause){min-height:48px;border-radius:12px} #instrumentConsole #journeyGrid .catalogue-actions{gap:8px} #instrumentConsole #journeyGrid .jstatus{padding-top:6px;line-height:1.7} #instrumentConsole #journeyGrid .compose{border-color:var(--studio-line);background:var(--studio-surface);border-radius:16px;min-height:70px;padding:20px 24px} #instrumentConsole #journeyGrid .compose:hover{transform:none;border-color:var(--studio-accent);box-shadow:none} #instrumentConsole :is(#states,#journeys) .catalogue-finder{padding:20px;border:1px solid var(--studio-line);border-radius:18px;background:var(--studio-surface);gap:14px 18px;margin:20px 0 12px} #instrumentConsole :is(#states,#journeys) .catalogue-finder>label{font-size:10px;letter-spacing:.05em;gap:9px} #instrumentConsole :is(#states,#journeys) .catalogue-finder :is(input,select){min-height:46px;border-radius:11px;border-color:var(--studio-line);background:var(--ground-2);font-size:12px} #instrumentConsole :is(#states,#journeys) .catalogue-count{font-size:10px;letter-spacing:0} #instrumentConsole :is(#states,#journeys) .catalogue-count .btn{min-height:44px;border-radius:10px} #instrumentConsole :is(#states,#journeys) .catalogue-saved>summary{background:var(--studio-surface);border-color:var(--studio-line);border-radius:14px} #instrumentConsole #journeys .catalogue-help>details>summary{background:var(--studio-surface);border-color:var(--studio-line);border-radius:14px} #instrumentConsole :is(#states,#journeys) .catalogue-empty{background:var(--studio-surface);border-color:var(--studio-line);border-radius:16px} @media(max-width:1000px){#instrumentConsole :is(#states,#journeys) .catalogue-finder{grid-template-columns:minmax(0,1fr) minmax(135px,.7fr)}#instrumentConsole :is(#states,#journeys) .catalogue-count{grid-column:1/-1;justify-content:space-between}} @media(max-width:560px){#instrumentConsole :is(#presetGrid>.card,#journeyGrid .jcard){padding:20px;border-radius:17px}#instrumentConsole :is(#states,#journeys) .catalogue-finder{padding:16px;grid-template-columns:minmax(0,1fr)}#instrumentConsole #journeyGrid .compose{padding:18px}#instrumentConsole :is(#presetGrid>.card,#journeyGrid .jcard)>h3{font-size:27px}} /* Console navigation: reachable tools without consuming short windows. */ @media(max-width:760px){ #instrumentConsole .instrument-tool-mobile{padding:8px 10px;gap:10px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface);box-shadow:0 8px 22px -20px #0008} #instrumentConsole .instrument-tool-mobile>label{font-size:10px;letter-spacing:.025em} #instrumentConsole .instrument-tool-mobile>select{min-height:44px;padding:10px;border-radius:9px;background:var(--ground-2);font-size:12px} #instrumentConsole .instrument-tool-mobile:focus-within{border-color:var(--studio-accent)} } @media(max-width:760px) and (min-height:640px){ #instrumentConsole .instrument-tool-mobile{position:sticky;top:calc(var(--workspace-header,70px) + var(--console-transport,88px) + 8px);z-index:14} #instrumentConsole .instrument-deck [id],#instrumentConsole .instrument-deck :is(input,button,select,textarea,summary,a){scroll-margin-top:calc(var(--workspace-header,70px) + var(--console-transport,88px) + var(--console-switcher,64px) + 30px)} } @media(max-height:639px){ #instrumentConsole>#instrument{position:relative;top:auto} #instrumentConsole .instrument-sidebar{position:relative;top:auto;max-height:none;overflow-y:visible} #instrumentConsole [id],#instrumentConsole .instrument-deck :is(input,button,select,textarea,summary,a){scroll-margin-top:calc(var(--workspace-header,70px) + 18px)} } /* Console finishing: carrier choices and export actions retain their native behavior. */ #instrumentConsole #carrierQuickPicks>summary{display:list-item;list-style:disclosure-closed inside;min-height:48px;padding:12px 14px;border:1px solid var(--studio-line);border-radius:12px;background:var(--ground-2);font-size:13px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere} #instrumentConsole #carrierQuickPicks>summary:hover{border-color:var(--studio-accent)} #instrumentConsole #carrierQuickPicks[open]>summary{list-style-type:disclosure-open;border-color:var(--studio-accent);background:color-mix(in srgb,var(--studio-accent) 9%,var(--studio-surface))} #instrumentConsole #carrierQuickPicks #carrierPickContext{font-family:var(--mono);font-size:10px;line-height:1.7;color:var(--ink-dim);margin:8px 0} #instrumentConsole #carrierResearchPicks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(168px,100%),1fr));gap:8px;margin:8px 0 12px} #instrumentConsole #carrierResearchPicks>.chip{min-height:52px;min-width:0;width:100%;padding:12px 14px;border-radius:12px;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.5;font-size:12px;font-variant-numeric:tabular-nums;background:var(--ground-2);border-color:var(--studio-line);color:var(--ink)} #instrumentConsole #carrierResearchPicks>.chip.on{border-color:var(--studio-accent);background:color-mix(in srgb,var(--studio-accent) 12%,var(--studio-surface));box-shadow:inset 3px 0 var(--studio-accent)} #instrumentConsole #carrierQuickPicks>.quiet-disclosure{margin-top:8px;border-top:1px solid var(--line-soft)} #instrumentConsole #carrierQuickPicks>.quiet-disclosure>summary{min-height:44px;display:list-item;padding:12px 0;line-height:1.5;font-size:12px;color:var(--ink-dim)} #instrumentConsole #carrierQuickPicks #solfChips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px} #instrumentConsole #carrierQuickPicks #solfChips>.chip{min-height:44px;min-width:0;white-space:normal;border-radius:10px;font-variant-numeric:tabular-nums} #instrumentConsole #carrierPickStatus:not([hidden]){padding:10px 12px;border-left:2px solid var(--studio-accent);border-radius:0 8px 8px 0;background:var(--ground-2);line-height:1.7} #instrumentConsole #instrumentExport>.console-foot{display:grid;grid-template-columns:minmax(0,1fr);padding:22px 24px;gap:16px} #instrumentConsole #instrumentExport>.console-foot>span:not(.row){font-size:11px;line-height:1.8;color:var(--ink-dim)} #instrumentConsole #instrumentExport>.console-foot>.row{display:grid!important;grid-template-columns:minmax(85px,.55fr) minmax(160px,1.2fr) minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0} #instrumentConsole #instrumentExport :is(button,select){min-height:48px;min-width:0;width:100%;padding:12px;border-radius:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.5;font-size:12px} #instrumentConsole #instrumentExport #wavBtn{color:var(--ink);border-color:color-mix(in srgb,var(--studio-accent) 50%,var(--studio-line));background:color-mix(in srgb,var(--studio-accent) 12%,var(--studio-surface))} #instrumentConsole #instrumentExport #wavBtn:hover:not(:disabled){background:color-mix(in srgb,var(--studio-accent) 20%,var(--studio-surface));border-color:var(--studio-accent)} #instrumentConsole :is(#carrierQuickPicks,#instrumentExport) :is(button,select,summary):focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px} @media(min-width:761px){ #instrumentConsole .console-core:has(>.console-carrier-card>#carrierQuickPicks[open]){grid-template-rows:max-content minmax(0,1fr)} #instrumentConsole .console-core:has(>.console-carrier-card>#carrierQuickPicks[open])>.console-rhythm-card{grid-column:1;grid-row:1;align-self:start} #instrumentConsole .console-core:has(>.console-carrier-card>#carrierQuickPicks[open])>.console-carrier-card{grid-column:2;grid-row:1/3} #instrumentConsole .console-core:has(>.console-carrier-card>#carrierQuickPicks[open])>.console-volume-card{grid-column:1;grid-row:2;display:flex;align-items:stretch;align-self:start} } @media(max-width:1000px){#instrumentConsole #instrumentExport>.console-foot>.row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}} @media(max-width:560px){#instrumentConsole #instrumentExport>.console-foot{padding:16px;gap:14px}#instrumentConsole #instrumentExport :is(#shareBtn,#manifestBtn){grid-column:1/-1}#instrumentConsole #carrierResearchPicks{grid-template-columns:minmax(0,1fr)}} @media(min-width:380px) and (max-width:560px){#instrumentConsole #console-sect :is(#timbreChips,#shapeChips){grid-template-columns:repeat(2,minmax(0,1fr))}} /* Authored timing stays in the manuscript; preserve the original composer controls. */ #sittingSetup #meditationTimingNote{display:none} #sittingSetup:has(#meditationPractice[hidden]) #meditationTimingChoices{display:none} #sittingSetup:has(#meditationPractice[hidden]) #meditationTimingNote{display:block;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--line)} #sittingSetup #meditationTimingNote strong{display:block;font-size:14px;color:var(--ink)} #sittingSetup #meditationTimingNote p{max-width:58ch;margin:7px 0 12px;font-size:13px;line-height:1.7;color:var(--ink-dim)} #sittingSetup #medTimingReview{display:inline-flex;align-items:center;min-height:44px;white-space:normal;scroll-margin-top:calc(var(--workspace-header,70px) + 18px)} #sittingSetup #medTimingReview:focus-visible{outline:2px solid var(--accent);outline-offset:4px} @media(max-width:560px){#sittingSetup #medTimingReview{display:flex;justify-content:center;width:100%;box-sizing:border-box}} /* Preset workspace: quiet customization and combinable rhythm filters. */ #instrumentConsole #presetBands{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--line-soft)} #instrumentConsole #presetBands>button{min-height:44px;min-width:0;padding:10px 16px;border:1px solid var(--studio-line);border-radius:999px;background:var(--studio-surface);color:var(--ink-dim);font:inherit;font-size:12px;line-height:1.5;cursor:pointer} #instrumentConsole #presetBands>button[aria-pressed="true"]{background:color-mix(in srgb,var(--studio-accent) 14%,var(--studio-surface));border-color:var(--studio-accent);color:var(--ink);box-shadow:inset 0 -2px var(--studio-accent)} #instrumentConsole #presetBands>button:hover{border-color:var(--studio-accent);color:var(--ink)} #instrumentConsole #presetBands>button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px} #instrumentConsole #presetGrid .preset-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #instrumentConsole #presetGrid .preset-actions>.btn{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:48px;padding:12px;border-radius:12px;font-size:12px;line-height:1.5;white-space:normal} #instrumentConsole #presetGrid .catalogue-customize{background:var(--studio-surface);border-color:var(--studio-line);color:var(--ink-dim)} #instrumentConsole #presetGrid .catalogue-customize:hover{color:var(--ink);border-color:var(--card-band)} #instrumentConsole #presetGrid .catalogue-customize>span{font-size:16px;color:var(--card-band)} @media(max-width:560px){#instrumentConsole #presetBands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#instrumentConsole #presetBands>button{padding:10px 6px;border-radius:12px}} @media(max-width:400px){#instrumentConsole #presetGrid .preset-actions{grid-template-columns:minmax(0,1fr)}} /* Selected session identity stays separate from review and playback readiness. */ /* Library landing links to the existing stores; original controls are preserved. */ #libraryCollections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0} #libraryCollections a{position:relative;display:grid;align-content:start;gap:10px;padding:24px 54px 24px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);text-decoration:none;min-width:0;overflow-wrap:anywhere;min-height:140px;box-sizing:border-box} #libraryCollections a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))} #libraryCollections a:focus-visible,#libraryOriginals>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px} #libraryCollections .library-location{font:11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim)} #libraryCollections strong{font:400 clamp(22px,3vw,30px)/1.25 var(--serif)} #libraryCollections a>span:not(.library-location):not(.library-arrow){font:13px/1.6 var(--sans);color:var(--ink-dim)} #libraryCollections .library-arrow{position:absolute;right:24px;top:27px;font-size:22px;color:var(--accent)} #sittingLibrary .library-storage-note{font:12px/1.7 var(--sans);color:var(--ink-dim);max-width:70ch} #libraryOriginals{margin-top:30px;border-top:1px solid var(--line);padding-top:10px} #libraryOriginals>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:10px 0;cursor:pointer;font:500 15px/1.5 var(--sans);list-style:none} #libraryOriginals>summary::-webkit-details-marker{display:none}#libraryOriginals>summary::after{content:'+';font-size:24px}#libraryOriginals[open]>summary::after{content:'−'} @media(max-width:600px){#libraryCollections{grid-template-columns:1fr;gap:12px}#libraryCollections a{min-height:124px;padding:20px 48px 20px 20px}#libraryCollections .library-arrow{right:20px;top:22px}} #masterStudio .session-script-identity{display:grid;gap:6px;margin:14px 0 20px;min-width:0} #masterStudio .session-script-identity>b{font:500 19px/1.45 var(--sans);color:var(--ink);overflow-wrap:anywhere} #masterStudio .session-script-identity>span{font:12px/1.6 var(--sans);color:var(--ink-dim)} #masterStudio .session-layer-overview a{align-content:start;align-items:start} #masterStudio .session-layer-overview small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;min-width:0;font:500 14px/1.55 var(--sans);color:var(--ink)} #masterStudio .session-layer-overview b{font:12px/1.6 var(--sans);color:var(--ink-dim)} .transcript-review{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--ground-2);overflow:hidden;min-width:0} .transcript-review[hidden]{display:none} .transcript-review summary{padding:14px 16px;cursor:pointer;font:500 14px/1.5 var(--sans);color:var(--ink);overflow-wrap:anywhere} .transcript-review details>p,.transcript-review details>button{margin:0 16px 14px} .transcript-review ol{list-style:none;padding:0 16px;margin:0 0 14px;display:grid;gap:10px} .transcript-review li{padding:12px;border:1px solid var(--line);border-radius:10px;min-width:0} .transcript-review li>strong{font:500 13px/1.5 var(--sans);color:var(--ink)} .transcript-position{display:block;font:12px/1.6 var(--sans);color:var(--ink-dim)} .transcript-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px} .transcript-pair>span{min-width:0;display:grid;gap:4px} .transcript-pair small{font:11px/1.5 var(--sans);color:var(--ink-dim)} .transcript-pair b{font:500 14px/1.5 var(--sans);color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap} @media(max-width:420px){.transcript-pair{grid-template-columns:1fr}.transcript-review summary{padding:12px 8px}.transcript-review ol{padding:0 8px}.transcript-review li{padding:8px}.transcript-review details>p,.transcript-review details>button{margin-left:8px;margin-right:8px}.transcript-review details>button{max-width:calc(100% - 16px);white-space:normal}} @media(max-width:540px){#masterStudio .session-layer-overview a>span{grid-column:1;grid-row:1/3;padding-top:3px}#masterStudio .session-layer-overview a>small,#masterStudio .session-layer-overview a>b{grid-column:2}} /* Saved session recovery controls. Keep this component scoped. */ .sf-dialog{box-sizing:border-box;margin:auto;width:min(740px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);animation:sf-enter .18s ease-out} .sf-dialog::backdrop{background:#030713bd;backdrop-filter:blur(7px)} .sf-head{display:flex;align-items:center;justify-content:space-between;gap:16px} .sf-dialog h2{font:30px var(--serif);margin:0} .sf-dialog h3{font-size:16px;margin:0 0 8px} .sf-dialog p,.sf-dialog label,.sf-dialog summary{font-size:14px;line-height:1.7} .sf-dialog p{color:var(--ink-dim)} .sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px} .sf-card{padding:16px;border:1px solid var(--line);border-radius:14px} .sf-dialog input[type=file]{display:block;width:100%;margin:12px 0;font:inherit} .sf-dialog input::file-selector-button{border:1px solid var(--line);border-radius:9px;background:var(--ground);color:var(--ink);padding:12px;margin-right:10px;cursor:pointer} .sf-dialog button{white-space:normal;max-width:100%} .sf-dialog :focus-visible{outline:2px solid var(--band,var(--alpha,currentColor));outline-offset:3px} .sf-dialog summary{cursor:pointer;padding:10px 0} .sf-routes{border-top:1px solid var(--line);margin-top:20px} .sf-facts{overflow-wrap:anywhere} .sf-dialog .sf-status{margin:16px 0;padding:12px;border-left:2px solid var(--band);background:var(--ground)} .sf-status[data-error=true]{border-color:var(--beta)} .sf-dialog .sf-privacy{font-size:12px;margin:16px 0 0} @keyframes sf-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.sf-dialog{animation:none}} @media(max-width:560px){.sf-dialog{padding:18px} .sf-dialog h2{font-size:26px} .sf-grid{grid-template-columns:1fr}} .sf-dialog{font-family:var(--sans,system-ui,sans-serif)} .sf-dialog .sf-card{background:color-mix(in srgb,var(--alpha) 3%,var(--surface));min-width:0} .sf-dialog button,.sf-dialog summary{min-height:44px} .sf-dialog .sf-selection{font-size:12px;overflow-wrap:anywhere;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--ground)} .sf-feedback{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px} .sf-dialog .sf-feedback .sf-status{min-width:0;overflow-wrap:anywhere} .sf-dialog [hidden]{display:none!important} @media(max-width:420px){.sf-feedback{grid-template-columns:1fr;gap:0}.sf-feedback>button{justify-self:start;margin-bottom:16px}.sf-dialog .sf-grid button{width:100%}} @media(forced-colors:active){.sf-dialog .sf-card,.sf-dialog .sf-selection,.sf-dialog .sf-status{background:Canvas;border:1px solid CanvasText}.sf-dialog :focus-visible{outline:2px solid Highlight}} /* End saved session recovery controls. */ /* Focused voice comparison, shared by generated and recorded retakes. */ .cue-compare{margin-top:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);font-family:var(--sans,system-ui,sans-serif);overflow-wrap:anywhere} .cue-compare summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:14px 18px;font-weight:500} .cue-compare-body{display:grid;gap:16px;padding:0 18px 18px;min-width:0} .cue-compare-body>p,.cue-compare .hint{margin:0;font-size:13px;line-height:1.65;color:var(--ink-dim)} .cue-compare-body>label{display:grid;gap:7px;font-size:14px} .cue-compare .retake-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0} .cue-compare button{min-height:44px;max-width:100%;white-space:normal} .cue-compare-takes{display:grid;grid-template-columns:1fr 1fr;gap:10px} .cue-compare-takes button[aria-pressed=true]{border-color:var(--alpha);background:color-mix(in srgb,var(--alpha) 10%,var(--surface));color:var(--ink);box-shadow:inset 0 0 0 1px var(--alpha)} .cue-compare audio{width:100%;min-width:0} .cue-compare select,.cue-compare textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--ground);color:var(--ink);font:14px/1.5 var(--sans,system-ui,sans-serif)} .cue-compare textarea{resize:vertical} .cue-quality,.cue-compare-technical{border:1px solid var(--line);border-radius:12px;background:var(--ground)} .cue-quality>p,.cue-quality>label,.cue-compare-technical>p{margin:0 14px 14px} .cue-quality-opt{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;cursor:pointer} .cue-quality-opt input{width:20px;height:20px;flex-shrink:0;accent-color:var(--alpha)} .cue-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px} .cue-quality fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)} .cue-quality legend{padding:0 6px;font-size:14px;font-weight:600} .cue-quality fieldset label{display:grid;gap:6px;margin-bottom:12px;font-size:12px;color:var(--ink-dim)} .cue-quality fieldset label:last-child{margin-bottom:0} .cue-compare output{display:block;padding:12px 14px;border-left:2px solid var(--alpha);background:var(--ground);font-size:13px;line-height:1.6} .cue-compare :focus-visible{outline:2px solid var(--alpha);outline-offset:3px} .cue-compare [hidden]{display:none!important} .cue-compare :disabled{opacity:.55;cursor:not-allowed} @media(max-width:540px){.cue-quality-grid{grid-template-columns:1fr}.cue-compare-body{padding:0 12px 12px}.cue-compare summary{padding:12px}.cue-compare-takes{gap:8px}} @media(forced-colors:active){.cue-compare-takes button[aria-pressed=true]{border:3px solid Highlight;box-shadow:none}.cue-compare :focus-visible{outline:2px solid Highlight}} /* End focused voice comparison controls. */ /* Local narration pace and phrasing. Scoped to existing Fine-tune controls. */ #creativeVoiceControls .voice-generation-grid{--border:var(--line);--card:var(--surface);--accent:var(--band);--muted:var(--ink-dim);--text:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start} #creativeVoiceControls .voice-generation-grid fieldset{min-width:0;margin:0;padding:1.15rem;border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--ink);font-family:var(--sans,system-ui,sans-serif)} #creativeVoiceControls .voice-generation-grid legend{padding:0 .45rem;font-size:1.05rem;font-weight:650;letter-spacing:-.02em} #creativeVoiceControls .voice-generation-grid .hint{line-height:1.55;margin:.65rem 0 0} #creativeVoiceControls .voice-phrasing-intro{margin:0 0 1rem;color:var(--muted);font-size:.88rem} #creativeVoiceControls .voice-phrasing-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem} #creativeVoiceControls .voice-phrasing-options label{display:flex;align-items:center;gap:.65rem;min-height:76px;min-width:0;margin:0;padding:.8rem;border:1px solid var(--border);border-radius:12px;cursor:pointer} #creativeVoiceControls .voice-phrasing-options label[data-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);box-shadow:inset 0 0 0 1px var(--accent)} #creativeVoiceControls .voice-phrasing-options input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--accent)} #creativeVoiceControls .voice-phrasing-options strong,#creativeVoiceControls .voice-phrasing-options small{display:block} #creativeVoiceControls .voice-phrasing-options strong{font-size:.9rem;font-weight:600;color:var(--text)} #creativeVoiceControls .voice-phrasing-options small{font-size:.73rem;color:var(--muted);margin-top:.3rem} #creativeVoiceControls .voice-phrasing-options label:has(input:disabled){cursor:not-allowed;opacity:.65} #creativeVoiceControls .voice-phrasing-save{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;margin-top:1rem} #creativeVoiceControls #narrationPhrasingSaved{font-size:.78rem;color:var(--muted)} #creativeVoiceControls .voice-generation-grid button{min-height:44px} #creativeVoiceControls .voice-generation-grid input:focus-visible,#creativeVoiceControls .voice-generation-grid button:focus-visible,#creativeVoiceControls .voice-generation-grid summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px} #creativeVoiceControls .voice-phrasing-options label:focus-within{outline:2px solid var(--accent);outline-offset:3px} @media(max-width:760px){#creativeVoiceControls .voice-generation-grid{grid-template-columns:minmax(0,1fr)}#creativeVoiceControls .voice-generation-grid fieldset{padding:1rem}} @media(max-width:480px){#creativeVoiceControls .voice-phrasing-options{grid-template-columns:minmax(0,1fr)}#creativeVoiceControls .voice-phrasing-options label{min-height:66px}#creativeVoiceControls .voice-generation-grid button{white-space:normal;max-width:100%}} @media(forced-colors:active){#creativeVoiceControls .voice-phrasing-options label[data-selected=true]{border:2px solid Highlight}#creativeVoiceControls .voice-generation-grid input:focus-visible,#creativeVoiceControls .voice-generation-grid button:focus-visible,#creativeVoiceControls .voice-generation-grid summary:focus-visible{outline-color:Highlight}} /* End local narration pace and phrasing. */ /* Personal moment markers, never transcript verification or approval. */ .cue-moments{border:1px solid var(--line);border-radius:14px;background:var(--ground);color:var(--ink)} .cue-moments-body{display:grid;gap:12px;padding:0 14px 14px;min-width:0} .cue-moments-body>.hint{font-size:13px;line-height:1.6;color:var(--ink-dim);margin:0} .cue-moments .cue-quality-opt{margin:0;font-size:13px;line-height:1.5} .cue-moment-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0} .cue-moment-editor>label{display:grid;gap:7px;font-size:13px;align-content:start;min-width:0} .cue-moment-editor>button{justify-self:start;align-self:start} .cue-moment-editor>ol{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;gap:10px;min-width:0} .cue-moment-editor li{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);min-width:0;overflow-wrap:anywhere} .cue-moment-editor li>p{font-size:13px;line-height:1.5;white-space:pre-wrap;margin:10px 0;color:var(--ink-dim)} .cue-moment-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;align-items:center} .cue-moment-heading strong{font-family:var(--mono,monospace);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)} .cue-moment-heading>span{font-size:12px;color:var(--ink-dim)} .cue-moment-editor .retake-actions{margin-top:10px} .cue-moments button{min-height:44px;max-width:100%;white-space:normal} .cue-moments output{font-size:12px;line-height:1.55;margin:0} .cue-moments [hidden]{display:none!important} @media(max-width:540px){.cue-moment-editor{grid-template-columns:minmax(0,1fr)}.cue-moments-body{padding:0 12px 12px}} @media(forced-colors:active){.cue-moments,.cue-moment-editor li{border:1px solid CanvasText;background:Canvas}.cue-moments :focus-visible{outline:2px solid Highlight;outline-offset:3px}} /* End personal moment markers. */ /* Voice-only check inside the existing listening mix, not a separate player. */ .workspace-session-mix .workspace-mix-focus{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--ground-2)} .workspace-session-mix .workspace-mix-focus>span{color:var(--ink);font:600 12px/1.4 var(--sans);letter-spacing:.015em;min-width:0} .workspace-session-mix .workspace-mix-focus>button{min-width:88px;min-height:44px;max-width:150px;padding:9px 12px;border:1px solid var(--accent);border-radius:10px;background:var(--surface);color:var(--ink);font:500 12px/1.3 var(--sans);cursor:pointer} .workspace-session-mix .workspace-mix-focus>button[data-background-muted="true"]{background:var(--accent);color:var(--ground)} .workspace-session-mix .workspace-mix-focus>button:hover:not(:disabled){border-color:var(--ink)} .workspace-session-mix .workspace-mix-focus>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .workspace-session-mix .workspace-mix-focus>button:disabled{opacity:.55;cursor:not-allowed} .workspace-session-mix .workspace-mix-focus>p{grid-column:1/-1;margin:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere} @media(forced-colors:active){.workspace-session-mix .workspace-mix-focus>button[data-background-muted="true"]{outline:2px solid ButtonText;outline-offset:-4px}} /* End listening voice-only check. */ /* A quiet phase indicator inside the existing session timeline. */ #masterTimeline #masterSeekTime{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere} #masterTimeline #masterSeekTime[data-closing="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-weight:600} @media(forced-colors:active){#masterTimeline #masterSeekTime{background:Canvas;color:CanvasText;border-color:CanvasText}#masterTimeline #masterSeekTime[data-closing="true"]{border-color:Highlight}} /* End session ending indicator. */ /* Emphasize the available session action without adding another control. */ #masterListenStep #masterPauseSession:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--ink);font-weight:600} @media(forced-colors:active){#masterListenStep #masterPauseSession:not(:disabled){border-color:ButtonText;background:ButtonFace;color:ButtonText}} /* End session control clarity. */ /* Session dock text reflow: keep status and actions in separate wrapping rows. */ .workspace-session{display:flex;flex-wrap:wrap} .workspace-session-info{flex:1 1 9rem} .workspace-session-info>a{max-width:100%;overflow-wrap:anywhere} .workspace-session-actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;max-width:100%} .workspace-session-mix,.workspace-session-mute{flex:0 0 100%;min-width:0;box-sizing:border-box} /* End session dock text reflow. */ /* Open mix reflow: wrap balance groups and retain focus inside scroll edges. */ .workspace-session-mix .workspace-mix-focus{display:flex;flex-wrap:wrap} .workspace-session-mix .workspace-mix-focus>span{flex:1 1 7em} .workspace-session-mix .workspace-mix-focus>button{flex:0 1 auto;max-width:100%} .workspace-session-mix .workspace-mix-focus>p{flex:1 1 100%} .workspace-session-mix :is(button,input[type="range"]):focus-visible{outline:2px solid var(--accent);outline-offset:-2px} /* End open mix reflow. */ /* Session follow-up. Existing controls, no new panel or playback action. */ #masterNowPlaying{padding:clamp(16px,2vw,24px);margin:18px 0;border:1px solid var(--line);border-radius:18px;background:var(--surface)} #masterNowPlaying[hidden],#masterNowPlaying [hidden]{display:none} #masterNowPlaying .session-listening-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px 20px;flex-wrap:wrap} #masterListeningTitle{margin:0;font:13px/1.5 var(--sans);color:var(--ink-dim)} #masterListeningClock{font:400 clamp(21px,3vw,28px)/1.3 var(--serif);color:var(--ink);font-variant-numeric:tabular-nums} #masterListeningProgress{display:block;width:100%;height:5px;margin:18px 0;border:0;border-radius:8px;overflow:hidden;accent-color:var(--accent);background:var(--line)} #masterListeningProgress::-webkit-progress-bar{background:var(--line)} #masterListeningProgress::-webkit-progress-value{background:var(--accent)} #masterListeningProgress::-moz-progress-bar{background:var(--accent)} #masterListeningPhase{margin:14px 0 0;font:500 15px/1.6 var(--sans);color:var(--ink)} #masterListeningWords{margin:12px 0 0;max-height:160px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:400 clamp(17px,2vw,20px)/1.7 var(--serif);color:var(--ink)} #masterListeningWords:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #masterListeningNote{margin:12px 0 0;font:12px/1.6 var(--sans);color:var(--ink-dim)} #masterSessionOverview #masterNextStep:has(#masterNext[data-target="medNote"]),#masterSessionOverview #masterNextStep:has(#masterNext[data-target="medHistoryRecovery"]),#masterSessionOverview #masterNextStep:has(#masterNext[data-target="sittingHistory"]){padding:18px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));margin-block:12px} #masterNextStep>div{min-width:0}#masterNextStep .hint{overflow-wrap:anywhere}#masterNext{white-space:normal;min-height:44px} #medNoteBox{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)} #medNoteBox .row{flex-wrap:wrap}#medNoteBox .btn,#medNote{min-height:44px} #medNote:focus-visible,#medHistoryRecovery:focus-visible,#sittingHistory:focus-visible{outline:2px solid var(--ink);outline-offset:3px} #medNoteBox,#medHistoryRecovery,#sittingHistory{scroll-margin-block:24px} @media(max-width:600px){#masterNextStep{flex-wrap:wrap}#masterNextStep>div,#masterNext{width:100%}#masterNext{min-width:0}#medNoteBox{padding:14px}} /* End session follow-up. */ /* Compact Listen action sequence. Original nodes and status ownership remain. */ #masterSessionSteps.session-delivery-steps{grid-template-columns:minmax(0,1fr);gap:0} #masterSessionSteps>.session-delivery-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.8fr);align-items:center;gap:8px 20px;padding:10px 0;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent} #masterSessionSteps>.session-delivery-step:last-child{border-bottom:0} #masterSessionSteps>.session-delivery-step>h4,#masterSessionSteps>.session-delivery-step>p{min-width:0;margin:0;overflow-wrap:anywhere} #masterSessionSteps>.session-delivery-step>.session-mix-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;min-width:0} #masterSessionSteps>.session-delivery-step>.session-mix-actions>.btn{flex:1 1 auto;min-height:44px} @media(max-width:1000px){#masterSessionSteps>.session-delivery-step{grid-template-columns:minmax(0,1fr)}#masterSessionSteps>.session-delivery-step>.session-mix-actions>.btn{flex-basis:140px}} /* End compact Listen action sequence. */ /* Finished-session rules moved unchanged out of the main document. */ #masterFinished{margin:18px 0;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;align-items:center} #masterFinished[hidden]{display:none} #masterFinishedTitle{margin:0 0 8px;font:400 clamp(22px,3vw,28px)/1.3 var(--serif);color:var(--ink)} #masterFinishedName{margin:0;font:500 14px/1.6 var(--sans);overflow-wrap:anywhere;color:var(--ink)} #masterFinishedFacts,#masterFinishedNote{margin:8px 0 0;font:12px/1.65 var(--sans);color:var(--ink-dim);overflow-wrap:anywhere} #masterFinishedState{display:block;margin-bottom:10px;font:12px/1.5 var(--sans);color:var(--accent)} #masterFinishedAction{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;white-space:normal;text-align:center} #masterFinishedAction:focus-visible{outline:2px solid var(--accent);outline-offset:3px} @media(max-width:600px){#masterFinished{grid-template-columns:minmax(0,1fr)}#masterFinishedAction{width:100%}} #masterCompare .music-level-transfer{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft);display:grid;gap:8px;justify-items:start} #masterCompare .music-level-transfer[hidden]{display:none} #masterUseComparedLevel{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere} #masterUseComparedLevel[aria-disabled=true]{opacity:.65;cursor:default} #masterUseComparedLevel:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #masterUseComparedLevelHint{margin:8px 0 0;overflow-wrap:anywhere} /* End explicit comparison music-level transfer. */ .audit-inspector{margin:18px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:0 18px 16px} .audit-inspector>summary{min-height:52px;display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--ink);font-size:14px} .audit-inspector>summary::before{content:"+";font-family:var(--mono);color:var(--band)} .audit-inspector[open]>summary::before{content:"−"} .audit-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0} .audit-filters label{min-width:0;display:grid;gap:6px;font-size:12px;color:var(--ink-dim)} .audit-filters input,.audit-filters select{width:100%;min-width:0;min-height:44px} .audit-scroll{overflow:auto;max-height:430px;border:1px solid var(--line);border-radius:10px} .audit-scroll table{width:100%;margin:0;min-width:600px} .audit-scroll th{position:sticky;top:0;background:var(--surface-2);z-index:1} .audit-case-button{border:0;background:none;text-align:left;color:var(--ink);min-height:44px;cursor:pointer;padding:8px;max-width:290px;font:inherit;overflow-wrap:anywhere} .audit-case-button small{display:block;margin-top:3px;font-size:11px;color:var(--ink-faint)} .audit-case-button:hover,.audit-case-button[aria-expanded="true"]{color:var(--band);background:var(--band-soft);border-radius:8px} .audit-pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.audit-pager .btn{min-height:44px} .audit-detail{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:16px;background:var(--ground-2)} .audit-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:360px;overflow:auto;color:var(--ink-dim)} .audit-inspector textarea{width:100%;min-height:200px;resize:vertical;font-family:var(--mono);font-size:11px} .audit-inspector .audit-pass{color:var(--alpha)}.audit-inspector .audit-warn{color:var(--beta)}.audit-inspector .audit-fail{color:var(--gamma)} @media(max-width:620px){.audit-filters{grid-template-columns:minmax(0,1fr)}.audit-inspector{padding:0 12px 12px}.audit-pager{gap:8px}} /* Preserve the full native focus ring at the bottom of small viewports. */ body[data-workspace] #masterStudio #masterCompare :is(#masterComparePlay1,#masterComparePlay2,#masterCompareStop,#masterListeningSummary){scroll-margin-bottom:16px}