:root{color-scheme:light;--bg-top: #f6eadb;--bg-bottom: #efe7dc;--panel: rgba(255, 250, 244, .8);--panel-border: rgba(75, 57, 40, .12);--card: rgba(255, 255, 255, .5);--text-strong: #2d2219;--text-soft: #6d5a49;--accent: #9d5e2f;--accent-strong: #7f4319;--accent-muted: rgba(157, 94, 47, .12);--shadow: 0 24px 60px rgba(75, 57, 40, .12);--surface: rgba(252, 249, 244, .96);--surface-raised: rgba(255, 255, 255, .74);--surface-inset: rgba(241, 234, 224, .98);--border: rgba(75, 57, 40, .14);--border-subtle: rgba(75, 57, 40, .08);--overlay: rgba(39, 27, 18, .25);--btn-ghost-bg: rgba(109, 90, 73, .08);--bg-radial: rgba(255, 255, 255, .55);--panel-gradient-a: rgba(252, 249, 244, .96);--panel-gradient-b: rgba(241, 234, 224, .98);--panel-radial: rgba(127, 67, 25, .12);--transport-text: #fff8f1;--transport-shadow: rgba(127, 67, 25, .25)}[data-theme=dark]{color-scheme:dark;--bg-top: #1a1a1e;--bg-bottom: #141416;--panel: rgba(28, 28, 32, .92);--panel-border: rgba(255, 255, 255, .07);--card: rgba(36, 36, 42, .6);--text-strong: #d8d4cc;--text-soft: #8a8478;--accent: #d4943a;--accent-strong: #e8a84c;--accent-muted: rgba(212, 148, 58, .14);--shadow: 0 1px 0 rgba(255, 255, 255, .04), inset 0 1px 2px rgba(0, 0, 0, .3);--surface: rgba(30, 30, 34, .96);--surface-raised: rgba(42, 42, 48, .8);--surface-inset: rgba(20, 20, 24, .98);--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--overlay: rgba(0, 0, 0, .55);--btn-ghost-bg: rgba(255, 255, 255, .06);--bg-radial: rgba(212, 148, 58, .04);--panel-gradient-a: rgba(28, 28, 32, .96);--panel-gradient-b: rgba(22, 22, 26, .98);--panel-radial: rgba(212, 148, 58, .06);--transport-text: #1a1a1e;--transport-shadow: rgba(212, 148, 58, .25)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--btn-ghost-bg);color:var(--text-soft);cursor:pointer;font-size:1rem;line-height:1;flex-shrink:0;transition:background .12s ease,border-color .12s ease}.theme-toggle:hover{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-strong)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text-strong);background:radial-gradient(circle at top,var(--bg-radial),transparent 30%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.transport:focus-visible{outline-offset:3px;box-shadow:0 0 0 4px var(--accent-muted),0 14px 32px #7f431940}.segmented-control__option:focus-visible{outline-offset:-2px}.shell{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:48px 0 64px;display:grid;gap:24px}.shell[data-mode=analysis],.shell[data-mode=timeline],.shell[data-mode=visualizer]{width:min(1340px,calc(100vw - 32px));padding:14px 0 22px;gap:10px}.shell[data-mode=analysis] [data-role=header-shell],.shell[data-mode=analysis] [data-role=workspace-shell],.shell[data-mode=timeline] [data-role=header-shell],.shell[data-mode=visualizer] [data-role=header-shell],.shell[data-mode=visualizer] [data-role=workspace-shell],.shell[data-mode=timeline] [data-role=workspace-shell]{gap:12px}[data-role=header-shell],[data-role=workspace-shell]{display:grid;gap:24px}.hero,.panel{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--panel-border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{padding:36px}.hero:after,.panel:after{content:"";position:absolute;inset:auto -10% -55% auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(157,94,47,.16),transparent 68%);pointer-events:none}.eyebrow,.subtle,.notice,.metric__label,.control__row output,.layer-card__eyebrow,.numeric-field span,.select-field span{color:var(--text-soft)}.eyebrow,.layer-card__eyebrow{margin:0 0 10px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;margin:0;font-weight:600;letter-spacing:-.03em}h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:.96;max-width:11ch}h2{font-size:1.5rem}h3{font-size:1.2rem}.intro{max-width:58ch;line-height:1.6;font-size:1.04rem;margin:16px 0 0;color:var(--text-soft)}.hero__meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.hero__actions{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}.hero-tools{display:grid;grid-template-columns:minmax(220px,280px) auto;gap:12px;align-items:end}.preset-copy{margin:16px 0 0;color:var(--text-soft);max-width:48ch;line-height:1.55}.transport,.secondary-action,.ghost-button{border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.transport{border-radius:999px;padding:16px 26px;min-width:180px;font-weight:600;color:var(--transport-text);background:linear-gradient(180deg,var(--accent),var(--accent-strong));box-shadow:0 14px 32px var(--transport-shadow)}.transport:hover,.secondary-action:hover,.ghost-button:hover{transform:translateY(-1px)}.secondary-action{width:100%;padding:14px 18px;border-radius:18px;color:var(--accent-strong);background:var(--accent-muted)}.secondary-action--compact{width:auto;min-width:168px}.ghost-button{padding:10px 14px;border-radius:999px;background:var(--btn-ghost-bg);color:var(--text-soft)}.ghost-button--compact{padding:8px 10px;font-size:.88rem}.ghost-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.panel{padding:28px}.panel__header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.panel__tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.panel__tool{display:grid;gap:8px}.panel__header--compact{margin-bottom:14px}.status{position:relative;z-index:1;padding:9px 14px;border-radius:999px;background:var(--btn-ghost-bg);color:var(--text-soft);font-size:.88rem}.status[data-state=running]{background:var(--accent-muted);color:var(--accent-strong)}.panel--controls,.panel--diagnostics{display:grid;gap:18px}.panel--tool-header{display:grid;gap:8px}.panel--workspace,.panel--manual-workspace{display:grid;gap:18px}.layer-list{display:grid;gap:16px}.layer-card,.support-panel,.viz-panel,.metrics-block{position:relative;z-index:1;padding:20px;border-radius:24px;border:1px solid rgba(75,57,40,.08);background:var(--card);animation:rise-in .22s ease}.layer-card__header,.support-panel__header,.viz-panel__header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.select-field,.control,.numeric-field{display:grid}.select-field,.numeric-field{gap:8px}.select-field--compact,.panel__tool--compact{gap:6px}.control{gap:10px}.select-field select,.numeric-field input{width:100%;border:1px solid rgba(75,57,40,.12);border-radius:14px;padding:12px 14px;background:#ffffffbd;color:var(--text-strong)}.select-field--compact select,.numeric-field--compact input{border-radius:12px;padding:9px 11px}.field-hint{color:var(--text-soft);font-size:.86rem}.segmented-control{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--btn-ghost-bg)}.segmented-control__button{border:0;border-radius:999px;padding:8px 12px;background:transparent;color:var(--text-soft);cursor:pointer}.segmented-control__button.is-active{background:#9d5e2f24;color:var(--accent-strong)}.segmented-control__button:disabled{opacity:.5;cursor:not-allowed}.field-group{display:grid;grid-template-columns:1.4fr minmax(110px,.6fr);gap:14px;margin-bottom:14px}.control__row{display:flex;justify-content:space-between;gap:16px;font-weight:500}input[type=range]{width:100%;accent-color:var(--accent)}.toggle{display:flex;align-items:center;gap:10px}.notice-banner{position:relative;margin-top:18px;display:flex;justify-content:space-between;gap:16px;align-items:start;padding:16px 18px;border-radius:18px;background:#9d5e2f14}.notice-banner p{margin:6px 0 0;color:var(--text-soft);line-height:1.5}.readout{display:flex;gap:18px;padding-top:4px;color:var(--accent-strong);font-weight:600}.readout--muted{color:var(--text-soft)}.stack-note:empty{display:none}.stack-note__text{margin:0;padding:14px 16px;border-radius:18px;background:#9d5e2f14;color:var(--text-soft);line-height:1.5}.diagnostics{position:relative;z-index:1}.diagnostics summary,.viz-panel__details summary{cursor:pointer;color:var(--text-soft);font-weight:600}.diagnostics__content{display:grid;gap:18px;margin-top:18px}.viz-panel{display:grid;gap:14px}.viz-panel__header--envelope{margin-top:6px}.viz-panel__details{border-top:1px solid rgba(75,57,40,.08);padding-top:12px}.beat-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(75,57,40,.06)}.beat-row:last-child{border-bottom:0}.beat-row__copy{display:grid;gap:4px}.beat-row__label{font-size:.95rem}.beat-row__type{color:var(--accent-strong);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.beat-row__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.band-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:6px 10px;border-radius:999px;font-size:.78rem;text-transform:capitalize}.band-pill--delta{background:#5a78aa1f;color:#47658f}.band-pill--theta{background:#568f911f;color:#3f6d6e}.band-pill--alpha{background:#9d5e2f1f;color:var(--accent-strong)}.band-pill--beta{background:#b16d4824;color:#9d4f26}.band-pill--gamma,.band-pill--unknown{background:#6d5a491a;color:var(--text-soft)}.envelope-canvas{width:100%;height:96px;display:block;border-radius:16px;border:1px solid rgba(75,57,40,.08);background:#ffffff6b}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.hero__controls,.timeline-toolbar,.segment-fields,.composer-grid,.lane-grid{position:relative;z-index:1;display:grid;gap:14px}.hero__controls,.timeline-toolbar{margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.hero__timeline-meta{display:flex;align-items:center}.timeline-progress{display:grid;gap:4px}.segment-rail,.lane-list{position:relative;z-index:1;display:grid;gap:14px}.segment-card,.lane-card,.composer-note{border-radius:22px;border:1px solid rgba(75,57,40,.08);background:#ffffff75}.segment-card{padding:14px;display:grid;gap:12px}.segment-card.is-selected{border-color:#9d5e2f47;background:#ffffff9e}.segment-card.is-active{box-shadow:inset 0 0 0 1px #9d5e2f2e}.segment-card__main{border:0;background:transparent;padding:0;text-align:left;display:grid;gap:4px;cursor:pointer;color:inherit}.segment-card__index{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.segment-card__actions{display:flex;flex-wrap:wrap;gap:8px}.tool-header,.workspace-stage__header,.advanced-surface__header,.timeline-strip-block__header,.inspector-panel__header,.compose-panel__header{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.tool-header__controls,.workspace-stage__actions,.compose-panel__actions,.transport-row__cluster{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tool-header__controls{flex:1;min-width:0;justify-content:flex-end}.tool-header__volume{display:flex;align-items:center;gap:8px;min-width:120px;max-width:160px}.tool-header__volume input[type=range]{flex:1;min-width:0;margin:0}.tool-header__volume output{font-size:.78rem;color:var(--text-soft);min-width:3ch;text-align:right}.tool-header--timeline{width:100%;align-items:center}.tool-header__row{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;align-items:center;min-width:0}.tool-header__title{margin:0;min-width:0;font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(35vw,430px)}.tool-header__mode{margin:0}.tool-header__mode .segmented-control{padding:2px}.tool-header__mode .segmented-control__button{padding:5px 10px;font-size:.88rem}.tool-header__share{position:absolute;z-index:2;top:4px;right:8px;padding:4px 8px;border:0;background:none;color:var(--text-soft);font-size:.72rem;cursor:pointer;white-space:nowrap;opacity:.7;transition:opacity .16s ease}.tool-header__share:hover{opacity:1}.segmented-control--compact{padding:3px}.segmented-control--compact .segmented-control__button{padding:7px 10px;font-size:.9rem}.compose-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:20px}.compose-panel,.compose-card,.timeline-strip-block,.inspector-panel,.advanced-surface{position:relative;z-index:1;border-radius:24px;border:1px solid rgba(75,57,40,.08);background:var(--card)}.compose-panel,.compose-card,.timeline-strip-block,.inspector-panel,.advanced-surface,.panel--embedded{padding:20px}.panel--tool-header-timeline,.panel--workspace-timeline,.panel--workspace-advanced,.panel--workspace-compose{border-color:var(--border);background:linear-gradient(180deg,var(--panel-gradient-a),var(--panel-gradient-b))}.panel--tool-header-timeline{position:relative;z-index:5;overflow:visible;padding:6px 10px;border-radius:14px}.panel--tool-header-timeline:after,.panel--workspace-timeline:after,.panel--workspace-advanced:after,.panel--workspace-compose:after{background:radial-gradient(circle,var(--panel-radial),transparent 68%)}.panel--workspace-timeline,.panel--workspace-advanced{grid-template-rows:auto auto 1fr;min-height:min(640px,calc(100vh - 150px));overflow:hidden;border-radius:20px}.panel--workspace-manual{gap:12px;min-height:min(640px,calc(100vh - 150px));border-radius:20px;border-color:#4b392833;background:linear-gradient(180deg,#fcf9f4f5,#f1eae0fa)}.panel--workspace-manual:after{background:radial-gradient(circle,rgba(127,67,25,.12),transparent 68%)}.panel--workspace-visualizer{gap:12px;min-height:min(820px,max(380px,68vh));max-height:none;border-radius:20px;border-color:#4b392833;background:linear-gradient(180deg,#fcf9f4f5,#f1eae0fa);overflow:visible}.panel--workspace-visualizer:after{background:radial-gradient(circle,rgba(127,67,25,.12),transparent 68%)}.panel--workspace-advanced{max-height:min(640px,calc(100vh - 150px))}.panel--workspace-timeline{max-height:none;overflow:visible}.panel--workspace-compose{min-height:min(600px,calc(100vh - 170px));border-radius:20px}.timeline-strip-block{min-width:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr;border-radius:16px;background:#ffffff8a;border:1px solid rgba(75,57,40,.12)}.timeline-strip-block__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.compose-sidebar{display:grid;gap:16px;align-content:start}.compose-card h3,.compose-panel h3{margin-bottom:8px}.compose-card p:last-child{margin-bottom:0}.compose-card--summary{border-style:dashed}.timeline-edit-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start;min-height:0;height:100%}.manual-edit-layout{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;align-items:stretch;min-height:0}.panel--manual-editor,.panel--manual-diagnostics-row{border-radius:14px;border:1px solid rgba(75,57,40,.18);background:#ffffffc7;min-height:0}.panel--manual-editor{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;overflow:hidden}.panel--manual-diagnostics-row{display:grid;gap:8px;padding:10px 12px;overflow:hidden}.panel--visualizer-surface{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;padding:10px 12px 12px;overflow:hidden}.visualizer-surface__header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.visualizer-surface__controls{display:flex;gap:10px;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap}.visualizer-renderer-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(75,57,40,.14);background:#ffffff94;color:var(--text-soft);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.visualizer-renderer-status[data-mode=compatibility]{border-color:#aa422847;background:#aa422814;color:#7d2b1be6}.visualizer-renderer-status[data-pending=true]{opacity:.82}.visualizer-band-leds{display:inline-flex;align-items:center;gap:6px;padding:3px 6px;border-radius:999px;border:1px solid rgba(75,57,40,.14);background:#ffffff80}.visualizer-band-led{--band-level: 0;display:inline-flex;align-items:center;gap:4px;padding:2px 5px;border-radius:999px;color:#4c3e32bf;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;opacity:calc(.55 + (var(--band-level) * .45));transition:background .16s ease,opacity .16s ease}.visualizer-band-led__dot{width:7px;height:7px;border-radius:999px;background:#7966548c;box-shadow:0 0 #79665400}.visualizer-band-led[data-band=delta] .visualizer-band-led__dot{background:#6f8ecfb8}.visualizer-band-led[data-band=theta] .visualizer-band-led__dot{background:#67b2c8b8}.visualizer-band-led[data-band=alpha] .visualizer-band-led__dot{background:#78bf86b8}.visualizer-band-led[data-band=beta] .visualizer-band-led__dot{background:#d5a56fb8}.visualizer-band-led[data-band=gamma] .visualizer-band-led__dot{background:#c580b6b8}.visualizer-band-led[data-band=delta]{--viz-band-glow: rgba(111, 142, 207, .42)}.visualizer-band-led[data-band=theta]{--viz-band-glow: rgba(103, 178, 200, .42)}.visualizer-band-led[data-band=alpha]{--viz-band-glow: rgba(120, 191, 134, .42)}.visualizer-band-led[data-band=beta]{--viz-band-glow: rgba(213, 165, 111, .42)}.visualizer-band-led[data-band=gamma]{--viz-band-glow: rgba(197, 128, 182, .42)}.visualizer-band-led.is-active{background:#ffffff8f}.visualizer-band-led.is-active .visualizer-band-led__dot{box-shadow:0 0 8px var(--viz-band-glow, rgba(157, 94, 47, .32))}.visualizer-band-led.is-dominant{background:#9d5e2f1f;color:var(--accent-strong)}.visualizer-surface__select{min-width:200px}.visualizer-surface__intensity{min-width:210px;max-width:250px;gap:6px}.visualizer-surface__intensity output{color:var(--text-soft)}.visualizer-surface__intensity input[type=range]{margin:0}.visualizer-canvas{width:100%;height:clamp(380px,68vh,820px);min-height:320px;border-radius:14px;border:1px solid rgba(75,57,40,.16);background:#ffffffc7}.composer-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:14px;animation:fade-in .18s ease forwards}.composer-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.composer-modal__dialog{position:relative;z-index:1;width:min(1120px,calc(100vw - 72px));max-height:min(86vh,760px);overflow:auto;padding:16px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-gradient-a),var(--panel-gradient-b));box-shadow:0 18px 42px var(--overlay);animation:rise-in .22s ease forwards}.composer-modal__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(75,57,40,.1)}.composer-modal__header h2{font-size:1.25rem}.compose-stage--modal{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:14px}.timeline-edit-layout__main{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0;min-height:0;overflow:hidden}.transport-row{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid rgba(75,57,40,.22);background:#f7f1e9f5;box-shadow:inset 0 0 0 1px #ffffff38}.transport-row__line{display:flex;min-width:0}.transport-row__line--controls{justify-content:flex-start}.transport-row__line--status{justify-content:flex-end}.transport-row__cluster--primary{flex-wrap:wrap;min-width:0;flex:1 1 100%;row-gap:6px}.transport-row__label{flex:0 0 auto;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);margin-right:4px}.transport-row__cluster--primary .transport,.transport-row__cluster--primary .ghost-button{flex:0 0 auto}.transport-row__readout{color:var(--text-soft);font-size:.85rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:right}.transport-row__loop-toggle{flex:0 0 auto}.transport-row__segment-loop.is-active{background:#9d5e2f29;color:var(--accent-strong);box-shadow:inset 0 0 0 1px #9d5e2f38}.transport--compact{min-width:0;padding:10px 14px;min-width:96px}.segment-rail{position:relative;z-index:1;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;max-width:100%;scrollbar-width:thin;min-height:0;overscroll-behavior-x:contain}.segment-rail__track{position:relative;display:flex;align-items:stretch;gap:14px;min-height:100%;width:max-content;padding-right:12px}.segment-rail__item{display:grid;gap:8px;min-width:var(--segment-width, 236px);flex:0 0 var(--segment-width, 236px)}.segment-card{height:100%;padding:11px;border-radius:12px;border:1px solid rgba(75,57,40,.12);background:#ffffffc7;box-shadow:none}.segment-card__main strong{font-size:.98rem;line-height:1.15}.segment-card__main{gap:6px}.segment-card__main .subtle{font-size:.84rem}.segment-card.is-selected{border-color:#9d5e2f57;background:#ffffffe6}.segment-card.is-active{box-shadow:inset 0 0 0 1px #9d5e2f24}.segment-card__progress{position:relative;overflow:hidden;height:6px;margin-top:2px;border-radius:999px;background:#4b392814}.segment-card__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9d5e2fb3,#7f4319eb)}.segment-card__lanes{display:grid;gap:4px;padding-top:4px}.segment-lane{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:center}.segment-lane__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.segment-lane__track{position:relative;height:10px}.segment-lane__line{position:absolute;inset:50% 0 auto;height:2px;transform:translateY(-50%);border-radius:999px;background:#4b39281f}.segment-lane__keyframe{position:absolute;top:50%;width:7px;height:7px;border-radius:999px;transform:translate(-50%,-50%);background:var(--accent-strong);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #4b39282e}.segment-insert{border:1px dashed rgba(157,94,47,.28);border-radius:12px;padding:8px 10px;background:#9d5e2f0d;color:var(--accent-strong);cursor:pointer;font-weight:600;font-size:.86rem}.segment-rail__playhead{position:absolute;top:6px;bottom:14px;width:2px;border-radius:999px;background:#7f4319f2;box-shadow:0 0 0 1px #fff6;pointer-events:none}.inspector-panel{display:grid;grid-template-rows:auto auto auto 1fr;gap:14px;min-width:0;min-height:0;overflow:hidden;border-radius:14px;border:1px solid rgba(75,57,40,.14);background:#ffffffbd}.inspector-panel__tools{display:flex;justify-content:space-between;gap:12px;align-items:center}.inspector-panel__body{min-height:0;overflow:auto;padding-right:4px}.inspector-section{display:grid;gap:14px}.advanced-surface{display:grid;gap:18px}.advanced-grid{display:grid;gap:18px;min-height:0}.advanced-grid--diagnostics{gap:18px}.advanced-grid--desktop{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);min-height:0;align-items:start}.panel--embedded{border-radius:14px;border:1px solid rgba(75,57,40,.14);background:#ffffff8a;min-height:0;overflow:auto}.panel--workspace-visualizer .panel--visualizer-surface{overflow:hidden}.panel--diagnostics-embedded{padding:20px}.manual-workspace__summary{position:relative;z-index:1;padding:9px 12px;border-radius:12px;background:#9d5e2f14}.manual-workspace__summary p{margin:0;font-size:.9rem}.manual-editor__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}.manual-editor__tools{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.manual-editor__transport{min-width:168px;padding:10px 14px}.manual-editor__body{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;overflow:auto;padding-right:4px}.manual-editor__section{display:grid;gap:8px;padding:10px 12px;border:1px solid rgba(75,57,40,.1);border-radius:12px;background:#ffffff8f}.manual-editor__section-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.manual-editor__section-header .layer-card__eyebrow{margin:0}.manual-editor__section-header h3{font-size:1rem}.manual-editor__section--layers{min-height:0;grid-template-rows:auto auto minmax(0,1fr)}.manual-layers-layout{min-height:0;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:10px;align-items:start}.manual-layers-layout .layer-list{min-height:0;max-height:100%;overflow:auto;padding-right:2px}.manual-layers-layout [data-role=layer-editor]{min-height:0}.segment-editor__meta{position:relative;z-index:1}.segment-fields{gap:12px}.segment-fields input{padding:10px 12px}.segment-fields,.composer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.timeline-toolbar__field,.composer-grid__wide{grid-column:span 3}.composer-grid textarea{width:100%;border:1px solid rgba(75,57,40,.12);border-radius:16px;padding:12px 14px;resize:vertical;min-height:60px;background:#ffffffbd;color:var(--text-strong)}.lane-card{padding:18px;display:grid;gap:16px;border-radius:18px;background:#ffffff8a}.lane-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.lane-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.keyframe-list{display:grid;gap:10px}.keyframe-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(150px,1fr) auto;gap:12px;align-items:end}.composer-note{padding:16px 18px}.composer-note p{margin:0;line-height:1.55;color:var(--text-soft)}.composer-note p+p{margin-top:8px}.panel--timeline,.panel--automation,.panel--composer,.panel--diagnostics{display:grid;gap:18px}.workspace-stage__header--studio{padding-bottom:6px;border-bottom:1px solid rgba(75,57,40,.08)}.workspace-stage__header--tight{gap:12px;padding-bottom:4px}.tool-header{align-items:stretch}.tool-header__controls{gap:8px}.timeline-strip-block__header,.inspector-panel__header{padding-bottom:8px;border-bottom:1px solid rgba(75,57,40,.1)}.timeline-strip-block__header h3,.inspector-panel__header h3{font-size:1.08rem}.segment-card__actions{padding-top:8px;border-top:1px solid rgba(75,57,40,.08);justify-content:space-between}.session-summary-strip{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:16px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(75,57,40,.1);background:#ffffff94}.session-summary-strip__meta,.session-summary-strip__copy{display:grid;gap:4px;min-width:0}.session-summary-strip__copy p,.session-summary-strip__meta p,.session-summary-strip__meta span{margin:0}.compose-stage{align-items:start;min-height:0}.compose-panel,.compose-card{border-radius:18px;background:#ffffff8f}.compose-panel__actions{padding-top:12px}.timeline-strip-block,.panel--embedded{border-radius:16px}.panel--workspace-advanced .panel--embedded,.panel--workspace-timeline .timeline-strip-block,.panel--workspace-timeline .inspector-panel{height:100%}.panel--workspace-timeline,.panel--workspace-advanced{gap:12px}.panel--workspace-timeline{background:linear-gradient(180deg,#f7f2ecfa,#eee8dffa)}.workspace-stage__header--tight{align-items:center}.transport-row{padding:8px 10px;border-radius:10px;background:#f9f6f1f2}.timeline-edit-layout{grid-template-columns:minmax(0,1fr) 388px;gap:12px}.timeline-strip-block,.inspector-panel,.panel--advanced-workspace{border-radius:14px;border-color:#4b39282e;background:#ffffffc7}.timeline-strip-block{padding:14px 16px;grid-template-rows:auto minmax(0,1fr)}.timeline-strip-block__header{align-items:center;padding-bottom:10px}.timeline-strip-block__body{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;padding-right:4px}[data-role=timeline-canvas]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;min-height:0}.timeline-canvas__chrome{display:flex;justify-content:flex-end;margin-bottom:10px}.timeline-canvas__zoom{display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border-radius:10px;border:1px solid rgba(75,57,40,.1);background:#f4eee7f0}.timeline-canvas__zoom-label{min-width:48px;font-size:.82rem;font-weight:600;text-align:center;color:var(--text-soft)}.timeline-scroll{position:relative;min-height:0;overflow-x:auto;overflow-y:hidden;padding-bottom:0;scrollbar-gutter:stable both-edges;scrollbar-width:thin;overscroll-behavior-x:contain}.timeline-scroll__content{position:relative;height:232px;min-height:232px;min-width:100%;padding-right:24px;padding-bottom:0}.timeline-ruler{position:relative;height:34px;margin-bottom:14px}.timeline-ruler__track{position:relative;height:100%}.timeline-ruler__playhead{position:absolute;top:8px;bottom:0;width:2px;border-radius:999px;background:#7f4319eb;box-shadow:0 0 0 1px #ffffff59;pointer-events:none}.timeline-ruler__tick{position:absolute;top:0;bottom:0;transform:translate(-50%);pointer-events:none}.timeline-ruler__mark{position:absolute;left:50%;top:12px;width:1px;height:14px;transform:translate(-50%);background:#4b392847}.timeline-ruler__label{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.74rem;letter-spacing:.06em;color:var(--text-soft);white-space:nowrap}.timeline-clip-track{position:relative;height:180px}.timeline-clip{position:absolute;top:0;bottom:0;border-radius:12px;border:1px solid rgba(75,57,40,.16);background:#ffffffeb;overflow:visible}.timeline-clip--collapsed{top:8px;bottom:8px;border-radius:10px;border-style:dashed;border-color:#9d5e2f61;background:#fffaf4f2;z-index:1}.timeline-clip--collapsed .timeline-clip__button{display:grid;place-items:center;padding:0}.timeline-clip--collapsed .timeline-clip__selected-led{top:4px;right:4px;width:7px;height:7px}.timeline-clip--collapsed .timeline-clip__index{font-size:.72rem;font-weight:700;color:var(--accent-strong)}.timeline-clip.is-selected{border-color:#9d5e2f9e;box-shadow:inset 0 0 0 1px #9d5e2f29,0 0 0 1px #9d5e2f1f}.timeline-clip.is-active{background:#fffcf8fa}.timeline-clip.is-dragging{opacity:.55}.timeline-clip.is-drop-before:before,.timeline-clip.is-drop-after:after{content:"";position:absolute;top:8px;bottom:8px;width:2px;border-radius:999px;background:#9d5e2fe6;box-shadow:0 0 0 1px #ffffff73;pointer-events:none;z-index:3}.timeline-clip.is-drop-before:before{left:-1px}.timeline-clip.is-drop-after:after{right:-1px}.timeline-clip__button{position:relative;width:100%;height:100%;border:0;background:transparent;color:inherit;text-align:left;display:grid;align-content:start;gap:6px;padding:12px;cursor:pointer}.timeline-clip__button[draggable=true]{cursor:grab}.timeline-clip.is-dragging .timeline-clip__button[draggable=true]{cursor:grabbing}.timeline-clip__selected-led{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:999px;border:1px solid rgba(115,107,95,.4);background:#c9c2b9e6;box-shadow:inset 0 0 0 1px #ffffff57;transition:background .14s ease,box-shadow .14s ease,border-color .14s ease}.timeline-clip__selected-led.is-on{border-color:#9d5e2fb8;background:#cb6f2af2;box-shadow:0 0 0 2px #cb6f2a33,0 0 12px #cb6f2a6b,inset 0 0 0 1px #ffffff80}.timeline-clip__actions-inline{position:absolute;top:-30px;left:7px;opacity:0;transform:translateY(-2px);pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:2}.timeline-clip.is-selected .timeline-clip__actions-inline,.timeline-clip:hover .timeline-clip__actions-inline,.timeline-clip.is-revealed .timeline-clip__actions-inline{opacity:1;transform:translateY(0);pointer-events:auto}.timeline-chip-actions{display:inline-flex;align-items:center;gap:5px;padding:3px;border-radius:10px;border:1px solid rgba(75,57,40,.14);background:#fdf9f3eb;box-shadow:0 6px 12px #4b39281a}.timeline-chip-actions--inline{gap:4px}.timeline-chip-action{min-width:28px;height:28px;border:0;border-radius:8px;background:#6d5a4917;color:var(--text-soft);font-size:.78rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.timeline-chip-action:hover{background:#9d5e2f24;color:var(--accent-strong)}.timeline-chip-action:disabled{opacity:.45;cursor:not-allowed}.timeline-chip-action--danger:hover{background:#aa422824;color:#8f2b19}.timeline-chip-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.timeline-chip-overlay{position:absolute;pointer-events:auto}.timeline-chip-actions--overlay{min-width:128px;justify-content:space-between}.timeline-chip-actions--overlay.timeline-chip-actions--confirm{min-width:184px}.timeline-chip-actions--confirm{gap:6px;padding-right:4px}.timeline-chip-actions__confirm-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);padding-left:4px;white-space:nowrap}.timeline-chip-action--confirm{min-width:32px}.timeline-clip__index{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.timeline-clip__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;line-height:1.2}.timeline-clip__meta{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;color:var(--text-soft)}.timeline-clip__lane-region{--lane-track-offset: 46px;position:relative;display:grid;gap:3px;padding-top:4px}.timeline-clip__playhead{position:absolute;top:0;bottom:0;width:1px;opacity:0;left:calc(var(--lane-track-offset) + (100% - var(--lane-track-offset)) * var(--playhead-progress, 0));transform:translate(-50%);background:#7f43196b;pointer-events:none}.timeline-clip__playhead.is-active{opacity:1}.segment-overrides{display:grid;gap:10px;padding-top:10px;border-top:1px solid rgba(75,57,40,.1)}.segment-overrides__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.segment-overrides__header h4{margin:2px 0 0;font-size:1rem}.segment-overrides__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;min-height:0}.segment-overrides__lane-list{display:grid;gap:6px;max-height:none;overflow:visible;padding-right:2px;align-content:start}.segment-override-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.segment-override-row__button{width:100%;border:1px solid rgba(75,57,40,.12);border-radius:12px;background:#ffffffb8;text-align:left;color:inherit;display:grid;gap:4px;padding:8px 10px}.segment-override-row.is-selected .segment-override-row__button{border-color:#9d5e2f59;background:#fff9f3f2}.segment-override-row__track{position:relative;height:10px}.segment-override-row__line{position:absolute;inset:50% 0 auto;height:2px;transform:translateY(-50%);border-radius:999px;background:#4b39281f}.segment-override-row__dot{position:absolute;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(255,255,255,.88);background:var(--accent-strong);box-shadow:0 0 0 1px #4b392833}.segment-override-inspector{display:grid;gap:8px;padding:8px 10px;border:1px solid rgba(75,57,40,.12);border-radius:14px;background:#ffffffad}.segment-override-inspector__lane,.segment-override-inspector__keyframes{display:grid;gap:8px}.segment-override-inspector__lane .panel__tool{gap:6px}.segment-override-inspector__keyframes-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.segment-card__lanes{display:grid;gap:3px}.segment-lane{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px;align-items:center}.segment-lane__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.segment-lane__track{position:relative;height:8px}.segment-override-keyframe-editor .control{gap:6px}.segment-override-keyframe-editor .segmented-control{width:100%;justify-content:stretch}.segment-override-keyframe-editor .segmented-control__button{flex:1;text-align:center}.inspector-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px 14px}.inspector-panel__header{align-items:center;padding-bottom:8px}.inspector-actions{display:flex;flex-wrap:wrap;gap:6px}.inspector-panel__body{min-height:0;overflow:auto;padding-top:0;padding-right:2px}.inspector-empty-state{display:grid;gap:8px;align-content:start;padding:4px 0}.inspector-empty-state strong,.inspector-empty-state p{margin:0}.inspector-section{display:grid;align-content:start;gap:12px}.inspector-section__tool{align-items:start}.segment-compact{display:grid;gap:12px}.segment-compact__label input{padding:10px 12px}.segment-slider-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:end}.segment-slider-row__control input[type=range]{margin-top:2px}.segment-slider-row__numeric input{padding:10px 12px;text-align:right}.layers-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.layer-list--compact{gap:8px}.mixer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(75,57,40,.1);border-radius:12px;background:#ffffff8f}.mixer-row.is-selected{border-color:#9d5e2f4d;background:#fffaf5e0;box-shadow:inset 0 0 0 1px #9d5e2f14}.mixer-row__button{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(54px,auto));gap:10px;align-items:center;width:100%;border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer}.mixer-row__label,.mixer-row__value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mixer-row__label{font-weight:600}.mixer-row__value{font-size:.82rem;color:var(--text-soft);text-align:right}.mini-mixer{display:grid;gap:10px;padding:12px;border:1px solid rgba(75,57,40,.1);border-radius:14px;background:#ffffff80}.mini-mixer__header{display:flex;justify-content:space-between;gap:10px;align-items:center}.mini-mixer__row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;align-items:end}.mini-mixer__slider,.mini-mixer__field{min-width:0}.mini-mixer__field input{padding:10px 12px}.support-compact{display:grid;gap:12px}.support-compact__toggle{justify-content:space-between;padding:10px 12px;border:1px solid rgba(75,57,40,.1);border-radius:12px;background:#ffffff80}.support-compact .select-field select,.support-compact .numeric-field input,.support-compact .control input[type=range]{width:100%}.panel--advanced-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.panel--advanced-workspace .lane-list,.panel--advanced-workspace .advanced-grid--diagnostics{min-height:0;overflow:auto;padding-right:4px}.panel--advanced-workspace .advanced-grid--diagnostics{grid-template-columns:1fr}.advanced-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:10px;height:100%;min-height:0}.panel--workspace-advanced{gap:10px}.panel--workspace-advanced .panel--advanced-workspace{display:grid;padding:12px 14px;min-height:0}.panel--workspace-advanced.has-analysis-dock{grid-template-rows:auto auto minmax(0,1fr) auto}[data-role=advanced-canvas]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0}.advanced-canvas__toolbar,.advanced-canvas__controls,.analysis-dock__header,.advanced-inspector__section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.advanced-canvas__status{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.advanced-scroll{position:relative;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin;overscroll-behavior-x:contain}.advanced-scroll__content{position:relative;min-height:210px;padding-bottom:4px}.advanced-ruler{position:relative;height:32px;margin-bottom:8px}.advanced-ruler__track{position:relative;height:100%}.advanced-ruler__tick{position:absolute;top:0;bottom:0;transform:translate(-50%);pointer-events:none}.advanced-ruler__mark{position:absolute;left:50%;top:12px;width:1px;height:12px;transform:translate(-50%);background:#4b392847}.advanced-ruler__label{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.74rem;letter-spacing:.06em;color:var(--text-soft);white-space:nowrap}.advanced-ruler__playhead{position:absolute;top:6px;bottom:0;width:2px;border-radius:999px;background:#7f4319eb;box-shadow:0 0 0 1px #ffffff59;pointer-events:none}.advanced-segment-strip{position:relative;height:36px;margin-bottom:8px}.advanced-segment-chip{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 8px;border-radius:10px;border:1px solid rgba(75,57,40,.14);background:#ffffffbd;overflow:hidden}.advanced-segment-chip.is-active{border-color:#9d5e2f5c;background:#fff9f3f5}.advanced-segment-chip.is-selected{box-shadow:inset 0 0 0 1px #9d5e2f24}.advanced-segment-chip__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;color:var(--text-soft)}.advanced-lane-list{display:grid;gap:6px}.advanced-empty-state{display:grid;gap:6px;padding:18px;border:1px dashed rgba(75,57,40,.18);border-radius:14px;background:#ffffff80}.advanced-empty-state p{margin:0}.automation-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;min-height:36px;padding:4px 0;border-bottom:1px solid rgba(75,57,40,.08);cursor:pointer}.automation-row:last-child{border-bottom:0}.automation-row.is-selected .automation-row__meta{color:var(--accent-strong)}.automation-row__meta{position:sticky;left:0;z-index:1;display:grid;gap:1px;align-content:center;padding-right:6px;background:linear-gradient(90deg,#fffffff0,#fff0)}.automation-row__label{font-size:.8rem}.automation-row__summary{font-size:.68rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em}.automation-row__track{position:relative;height:14px}.automation-row__line{position:absolute;inset:50% 0 auto;height:2px;transform:translateY(-50%);border-radius:999px;background:#4b39281f}.automation-row__keyframe{position:absolute;top:50%;width:9px;height:9px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.92);background:var(--accent-strong);box-shadow:0 0 0 1px #4b39282e;transform:translate(-50%,-50%);cursor:pointer}.automation-row__keyframe.is-selected{width:11px;height:11px;box-shadow:0 0 0 2px #9d5e2f2e}.automation-row__playhead{position:absolute;top:0;bottom:0;left:calc(var(--lane-progress, 0) * 100%);width:1px;opacity:0;transform:translate(-50%);background:#7f431970;pointer-events:none}.automation-row__playhead.is-active{opacity:1}.advanced-side-panel{min-height:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(75,57,40,.18);background:#ffffffc7;overflow:auto}.advanced-inspector{display:grid;gap:10px}.advanced-inspector__header{padding-bottom:6px;border-bottom:1px solid rgba(75,57,40,.1)}.advanced-inspector__section{display:grid;gap:8px}.advanced-inspector__section h4{margin:0;font-size:.9rem}.advanced-inspector__grid{display:grid;gap:8px}.advanced-inspector__toggle{justify-content:flex-start}.advanced-inspector__empty{display:grid;gap:8px}.advanced-inspector__empty p{margin:0}.advanced-keyframe-list{display:grid;gap:6px;padding-right:2px}.advanced-keyframe-list__item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 8px;border:1px solid rgba(75,57,40,.1);border-radius:12px;background:#ffffff8f;color:inherit;text-align:left}.advanced-keyframe-list__item.is-selected{border-color:#9d5e2f4d;background:#fffaf5e0}.advanced-keyframe-editor{display:grid;gap:8px;padding-top:2px}.manual-diagnostics__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.manual-diagnostics__header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.manual-diagnostics__header .layer-card__eyebrow{margin:0 0 4px}.manual-diagnostics__header h3{font-size:1rem}.manual-diagnostics__body{min-height:0;overflow:hidden}.manual-diagnostics__body.is-collapsed{display:none}.manual-diagnostics__body.is-open{display:block;max-height:250px;overflow:auto;padding-top:8px;border-top:1px solid rgba(75,57,40,.1)}.analysis-dock{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:160px;max-height:210px;padding:10px 12px;overflow:hidden}.analysis-dock__controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.analysis-dock__body{min-height:0;overflow:hidden}.analysis-pane{display:none;min-height:0;height:100%}.analysis-pane.is-active{display:block;height:100%;overflow:auto}.viz-panel--dock,.metrics-block--dock{height:100%;padding:0;border:0;background:transparent}.viz-panel--dock{gap:12px}.metrics-block--dock .metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric{padding:18px;border-radius:20px;border:1px solid rgba(75,57,40,.08);background:#ffffff75}.metric__label{display:block;font-size:.88rem}.metric__value{display:block;margin-top:8px;font-size:1.15rem;font-weight:600}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}body.modal-open{overflow:hidden}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:999px;background:var(--text-strong);color:var(--transport-text);font-size:.88rem;font-weight:500;box-shadow:0 8px 24px #2d221933;pointer-events:none;animation:rise-in .22s ease forwards}.toast.is-leaving{opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}@media (min-width: 900px){.shell{grid-template-columns:1fr;align-items:start}}@media (max-width: 1280px){.panel--workspace-visualizer{min-height:min(700px,max(320px,62vh))}.visualizer-canvas{height:clamp(320px,62vh,700px)}}@media (max-width: 720px){.shell{width:min(100vw - 20px,1100px);padding:20px 0 32px}.hero,.panel{border-radius:22px;padding:22px}.panel__header,.panel__tools,.layer-card__header,.support-panel__header,.viz-panel__header,.tool-header,.workspace-stage__header,.advanced-surface__header,.timeline-strip-block__header,.inspector-panel__header,.compose-panel__header,.hero__meta,.control__row,.hero__actions,.notice-banner,.beat-row,.beat-row__meta{align-items:flex-start;flex-direction:column}.hero-tools,.field-group,.compose-stage,.manual-edit-layout,.manual-layers-layout,.timeline-edit-layout,.advanced-editor-layout,.timeline-toolbar,.segment-fields,.keyframe-row,.lane-grid,.composer-grid{grid-template-columns:1fr}.tool-header__controls,.workspace-stage__actions,.compose-panel__actions,.manual-editor__toolbar,.manual-editor__tools,.transport-row,.transport-row__cluster{align-items:stretch;flex-direction:column}.timeline-strip-block__actions{width:100%;justify-content:flex-start}.composer-modal{padding:8px}.composer-modal__dialog{width:calc(100vw - 24px);max-height:90vh;padding:12px}.composer-modal__header{margin-bottom:10px}.segment-rail__item{min-width:85%;flex-basis:85%}.timeline-toolbar__field,.composer-grid__wide{grid-column:auto}.transport,.secondary-action--compact{width:100%}.visualizer-band-leds{width:100%;justify-content:flex-start;flex-wrap:wrap}.tool-header__volume,.visualizer-surface__intensity,.visualizer-surface__select{min-width:100%;max-width:100%}.readout{flex-direction:column;gap:6px}.shell[data-mode=timeline],.shell[data-mode=analysis],.shell[data-mode=visualizer]{width:min(100vw - 20px,1100px);padding:16px 0 28px}.panel--manual-editor,.panel--manual-diagnostics-row{overflow:auto}.session-summary-strip{grid-template-columns:1fr}}.panel--catalog{max-width:820px;margin:0 auto;padding:40px 28px}.catalog-header{margin-bottom:28px}.catalog-header h2{margin:0 0 4px;font-size:1.6rem}.catalog-header__subtitle{margin:0;color:var(--text-soft);font-size:.95rem}.catalog-section__heading{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);margin:24px 0 12px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.catalog-card{padding:20px;border:1px solid rgba(75,57,40,.12);border-radius:16px;background:#ffffff80;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.catalog-card:hover{border-color:#9d5e2f4d;box-shadow:0 4px 16px #271b1214}.catalog-card--create-new{border-style:dashed;border-color:#9d5e2f40;background:#9d5e2f08}.catalog-card--create-new:hover{border-color:#9d5e2f73;background:#9d5e2f0f}.catalog-card--saved{display:flex;align-items:stretch;padding:0;cursor:default}.catalog-card__body{flex:1;min-width:0;padding:16px 20px;border:0;background:transparent;text-align:left;cursor:pointer;border-radius:16px 0 0 16px}.catalog-card__body:hover{background:#9d5e2f0a}.catalog-card__delete{display:flex;align-items:center;justify-content:center;width:40px;border:0;border-left:1px solid rgba(75,57,40,.08);background:transparent;color:var(--text-soft);font-size:1.2rem;cursor:pointer;border-radius:0 16px 16px 0;opacity:.5;transition:opacity .16s ease,background .16s ease}.catalog-card__delete:hover{opacity:1;background:#b43c280f;color:#a03020}.catalog-card__title{margin:0 0 4px;font-size:1rem;font-weight:600}.catalog-card__description{margin:0;font-size:.88rem;color:var(--text-soft);line-height:1.4}.catalog-card__meta{margin:0;font-size:.82rem;color:var(--text-soft)}.catalog-actions{display:flex;gap:8px;margin-top:16px}.session-switcher{position:relative;z-index:10;min-width:0}.session-switcher__trigger{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border:1px solid rgba(75,57,40,.15);background:#ffffff73;min-width:0;max-width:100%;border-radius:8px;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.session-switcher__trigger:hover{background:#ffffffb3;border-color:#9d5e2f4d;box-shadow:0 2px 8px #271b120f}.session-switcher__trigger .tool-header__title{cursor:text}.session-switcher__chevron-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;margin-left:2px;border:0;border-radius:4px;background:transparent;cursor:pointer;color:inherit;transition:background .12s ease}.session-switcher__chevron-btn:hover{background:#0000000f}.session-switcher__input{font:inherit;font-size:inherit;font-weight:700;color:var(--text-strong);background:transparent;border:0;border-bottom:2px solid var(--accent);outline:none;padding:0;margin:0;min-width:80px;max-width:100%}.session-switcher__chevron{font-size:.85rem;color:var(--accent-strong);flex-shrink:0;opacity:.6}.session-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:260px;max-width:340px;padding:6px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 32px var(--overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.session-menu__item{display:block;width:100%;padding:10px 14px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer;font-size:.92rem;color:var(--text);transition:background .12s ease}.session-menu__item:hover{background:#9d5e2f14}.session-menu__item.is-active{background:#9d5e2f1a;font-weight:600}.session-menu__item--action{color:var(--accent-strong);font-weight:500}.session-menu__divider{border:0;border-top:1px solid rgba(75,57,40,.1);margin:4px 8px}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.confirm-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog__body{position:relative;width:90%;max-width:380px;padding:28px;border-radius:20px;background:var(--surface);box-shadow:0 20px 60px var(--overlay)}.confirm-dialog__body h3{margin:0 0 6px;font-size:1.1rem}.confirm-dialog__body p{margin:0 0 20px;color:var(--text-soft);font-size:.92rem}.confirm-dialog__actions{display:flex;gap:10px;justify-content:flex-end}[data-theme=dark] .hero,[data-theme=dark] .panel{background:var(--panel);border-color:var(--panel-border)}[data-theme=dark] .panel--tool-header-timeline,[data-theme=dark] .panel--workspace-timeline,[data-theme=dark] .panel--workspace-advanced,[data-theme=dark] .panel--workspace-compose{border-color:var(--border);background:linear-gradient(180deg,var(--panel-gradient-a),var(--panel-gradient-b))}[data-theme=dark] .segmented-control{background:#ffffff0a}[data-theme=dark] .segmented-control__button.is-active{background:var(--accent-muted);color:var(--accent-strong)}[data-theme=dark] .segment-card,[data-theme=dark] .panel--visualizer-surface,[data-theme=dark] .panel--manual-diagnostics-row,[data-theme=dark] .panel--embedded,[data-theme=dark] .advanced-surface,[data-theme=dark] .mixer-grid,[data-theme=dark] .lane-editor,[data-theme=dark] .segment-editor,[data-theme=dark] .analysis-pane,[data-theme=dark] .timeline-clip{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .timeline-clip:hover,[data-theme=dark] .timeline-clip.is-active{background:var(--surface)}[data-theme=dark] .timeline-clip.is-selected{border-color:var(--accent)}[data-theme=dark] .timeline-clip--collapsed{background:var(--surface-raised)}[data-theme=dark] .segment-card.is-selected{border-color:var(--accent);background:var(--surface-raised)}[data-theme=dark] .advanced-segment-chip{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .advanced-segment-chip.is-active{border-color:var(--accent)}[data-theme=dark] .composer-modal__dialog{background:linear-gradient(180deg,var(--panel-gradient-a),var(--panel-gradient-b));border-color:var(--border)}[data-theme=dark] .session-switcher__trigger{border-color:var(--border);background:#ffffff0a}[data-theme=dark] .session-switcher__trigger:hover{background:#ffffff14;border-color:#ffffff1f}[data-theme=dark] .session-switcher__chevron-btn:hover{background:#ffffff14}[data-theme=dark] .session-switcher__input{color:var(--text-strong);border-bottom-color:var(--accent)}[data-theme=dark] .catalog-card,[data-theme=dark] .catalog-card--saved{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .catalog-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0000004d}[data-theme=dark] .catalog-card--create-new{border-style:dashed;border-color:var(--border);background:transparent}[data-theme=dark] .catalog-card--create-new:hover{border-color:var(--accent);background:#ffffff08}[data-theme=dark] .catalog-card__body:hover{background:#ffffff0a}[data-theme=dark] .catalog-card__delete{border-left-color:var(--border)}[data-theme=dark] .catalog-card__delete:hover{background:#ff503c1a;color:#ff6b5a}[data-theme=dark] .session-menu__item:hover{background:#ffffff0f}[data-theme=dark] .session-menu__item.is-active{background:var(--accent-muted)}[data-theme=dark] .session-menu__divider{border-top-color:var(--border)}[data-theme=dark] .toast{background:var(--surface-raised);color:var(--text-strong);box-shadow:0 8px 24px #0006}[data-theme=dark] input[type=range]{accent-color:var(--accent)}[data-theme=dark] .headphone-notice,[data-theme=dark] .high-volume-warning{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .transport-row{background:var(--surface-raised);border-color:var(--border);box-shadow:inset 0 0 0 1px #ffffff08}[data-theme=dark] .transport-row__label,[data-theme=dark] .transport-row__readout{color:var(--text-soft)}[data-theme=dark] .timeline-strip-block,[data-theme=dark] .inspector-panel{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .timeline-canvas__zoom{background:var(--surface-inset);border-color:var(--border)}[data-theme=dark] .segment-override-row__button,[data-theme=dark] .segment-override-inspector,[data-theme=dark] .mixer-row{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .mixer-row.is-selected{background:var(--surface);border-color:var(--accent)}[data-theme=dark] .mini-mixer,[data-theme=dark] .advanced-keyframe-list__item{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .advanced-keyframe-list__item.is-selected{background:var(--surface);border-color:var(--accent)}[data-theme=dark] .select-field select,[data-theme=dark] .numeric-field input{background:var(--surface-inset);border-color:var(--border);color:var(--text-strong)}[data-theme=dark] .visualizer-renderer-status{background:var(--surface-inset);border-color:var(--border);color:var(--text-soft)}[data-theme=dark] .visualizer-renderer-status[data-mode=compatibility]{border-color:#ff64504d;background:#ff503c14;color:#ff8a7a}[data-theme=dark] .visualizer-band-leds{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .visualizer-band-led{color:#c8beb2bf;opacity:calc(.55 + (var(--band-level) * .45))}[data-theme=dark] .visualizer-band-led.is-active{background:#ffffff14}[data-theme=dark] .visualizer-band-led.is-dominant{background:var(--accent-muted);color:var(--accent-strong)}[data-theme=dark] .band-pill--delta{background:#6f8ecf2e;color:#8faee0}[data-theme=dark] .band-pill--theta{background:#67b2c82e;color:#7cc4d6}[data-theme=dark] .band-pill--alpha{background:#78bf862e;color:#8fd49e}[data-theme=dark] .band-pill--beta{background:#d5a56f2e;color:#dbb07a}[data-theme=dark] .band-pill--gamma{background:#c580b62e;color:#cc92bd}[data-theme=dark] .tool-header__share{color:var(--text-soft)}[data-theme=dark] .compose-panel,[data-theme=dark] .compose-card{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .compose-card--summary{border-style:dashed}[data-theme=dark] .session-summary-strip,[data-theme=dark] .composer-note,[data-theme=dark] .metric,[data-theme=dark] .lane-card,[data-theme=dark] .panel--manual-editor{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .manual-editor__section{background:#ffffff0a;border-color:var(--border)}[data-theme=dark] .composer-modal__header{border-bottom-color:var(--border)}[data-theme=dark] .composer-grid textarea{background:var(--surface-inset);border-color:var(--border);color:var(--text-strong)}[data-theme=dark] .support-compact__toggle{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .layer-card__eyebrow{color:var(--text-soft)}[data-theme=dark] .timeline-chip-actions{background:var(--surface);border-color:var(--border);box-shadow:0 6px 12px #0000004d}[data-theme=dark] .timeline-chip-action{background:#ffffff0f;color:var(--text-soft)}[data-theme=dark] .timeline-chip-action:hover{background:var(--accent-muted);color:var(--accent-strong)}[data-theme=dark] .segment-lane__line,[data-theme=dark] .segment-override-row__line{background:#ffffff1a}[data-theme=dark] .segment-lane__keyframe,[data-theme=dark] .segment-override-row__dot{border-color:#0009;box-shadow:0 0 0 1px #ffffff1a}[data-theme=dark] .segment-override-row.is-selected .segment-override-row__button{border-color:var(--accent);background:var(--surface)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}