:root{--sidebar-width:220px;--sidebar-collapsed-width:56px;--context-panel-width:240px;--active-sidebar-width:var(--sidebar-width);--bg:#060608;--background:#060608;--surface:#13131a99;--surface-raised:#181a24eb;--surface-2:#1a1a2466;--surface-3:#22222f99;--surface-4:#2a2a3acc;--border:#ffffff14;--accent:#00f0cc;--border-2:#ffffff26;--text:#f0f0f5;--text-primary:#f0f0f5;--text-secondary:#a5acc7;--muted:#8a8aab;--faint:#4a4a65;--teal:#00f0cc;--teal-dim:#00b399;--teal-glow:#00f0cc40;--teal-glow2:#00f0cc1f;--purple:#b89dfa;--gold:#fcd34d;--red:#fca5a5;--blue:#93c5fd;--green:#86efac;--orange:#fdba74;--pink:#f9a8d4;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--mono:"JetBrains Mono", monospace;--body:"Inter", sans-serif;--ease:cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.4,0,.2,1);--fh-panel-padding:16px;--fh-panel-padding-wide:24px;--fh-section-gap:16px;--fh-control-height:34px;--fh-control-padding-y:6px;--fh-header-control-height:28px;--fh-autogen-control-height:24px;--fh-card-radius:10px;--fh-toolbar-gap:8px;--fh-composer-gap:8px;--fh-settings-page-padding:40px 32px 64px;--fh-settings-card-padding:20px 24px;--fh-settings-card-gap:24px}body.fh-public-shell-active{--fh-public-header-height:68px;--fh-public-control-height:72px;--fh-public-inspector-width:320px;--context-panel-width:256px;height:100dvh;min-height:100dvh;color:var(--text-primary);background:linear-gradient(#ffffff06,#0000 42%),linear-gradient(135deg,#05060b 0%,#0b0d14 48%,#070810 100%);overflow:hidden}.fh-public-studio-header{z-index:1300;height:var(--fh-public-header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06070cf0;border-bottom:1px solid #ffffff17;grid-template-columns:minmax(220px,280px) minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 22px;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 18px 50px #00000047}.fh-public-brand{align-items:center;gap:10px;min-width:0;display:flex}.fh-public-brand-mark{width:36px;height:36px;color:var(--accent);background:#00f0cc14;border:1px solid #00f0cc38;border-radius:8px;place-items:center;display:grid}.fh-public-brand strong,.fh-public-brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fh-public-brand strong{color:var(--text-primary);font-size:.95rem}.fh-public-brand small,.fh-public-session-strip,.fh-public-now-label,.fh-public-output-status{color:var(--text-secondary);font-size:.72rem}.fh-public-module-nav{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.fh-public-module-tab{appearance:none;min-height:36px;color:var(--text-secondary);font:700 .78rem/1 var(--body);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 14px}.fh-public-module-tab:hover,.fh-public-module-tab:focus-visible{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1a}.fh-public-module-tab.is-active,.fh-public-module-tab[aria-pressed=true]{color:#06100f;background:linear-gradient(135deg, var(--accent), #fcd34d);border-color:#ffffff38;transform:translateY(-1px)}.fh-public-session-strip{white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.fh-public-session-strip span,.fh-public-now strong,.fh-public-output-status{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;padding:7px 9px}body.fh-public-shell-active .app-layout{top:var(--fh-public-header-height);height:calc(100vh - var(--fh-public-header-height) - var(--fh-public-control-height));height:calc(100dvh - var(--fh-public-header-height) - var(--fh-public-control-height));max-height:calc(100dvh - var(--fh-public-header-height) - var(--fh-public-control-height));min-width:0;min-height:0;margin-top:0;position:fixed;left:0;right:0}body.fh-public-shell-active .sidebar{display:none}body.fh-public-shell-active.has-context-panel .app-header{top:var(--fh-public-header-height);width:var(--context-panel-width);height:calc(100vh - var(--fh-public-header-height) - var(--fh-public-control-height));height:calc(100dvh - var(--fh-public-header-height) - var(--fh-public-control-height));background:#0a0c12e6;border-right:1px solid #ffffff14;left:0}body.fh-public-shell-active.has-context-panel .main-wrapper{margin-left:var(--context-panel-width);margin-right:var(--fh-public-inspector-width);width:calc(100vw - var(--context-panel-width) - var(--fh-public-inspector-width));flex:none}body.fh-public-shell-active .main-wrapper{background:#ffffff04;min-width:0;min-height:0;overflow:auto}body.fh-public-shell-active .workspace-grid{flex:auto;min-width:0;min-height:0}body.fh-public-shell-active .right-panel-tab,body.fh-public-shell-active .emotion-block,body.fh-public-shell-active .badge-soon{display:none}body.fh-public-shell-active .chord-universe-panel,body.fh-public-shell-active .selected-chord-panel,body.fh-public-shell-active .composer-panel,body.fh-public-shell-active .voicing-view-placeholder,body.fh-public-shell-active .fh-public-module-panel{background:#10121bb8;border-color:#ffffff17}body.fh-public-shell-active .chord-universe-panel,body.fh-public-shell-active .selected-chord-panel{min-height:0}body.fh-public-shell-active .selected-chord-panel{top:var(--fh-public-header-height);right:0;bottom:var(--fh-public-control-height);z-index:1200;width:var(--fh-public-inspector-width);background:linear-gradient(#ffffff0a,#ffffff04),#0c0e16db;border-left:1px solid #ffffff17;height:auto;position:fixed;overflow:auto}.fh-public-inspector-context{color:var(--accent);background:#00f0cc14;border:1px solid #00f0cc2e;border-radius:999px;align-items:center;margin-left:8px;padding:3px 7px;font-size:.6rem;font-weight:700;display:inline-flex}.fh-public-module-panel{flex:auto;min-height:0;padding:24px;display:none;overflow:auto}.main-wrapper.fh-ws-mode-chordmini #chordMiniPublicPanel,.main-wrapper.fh-ws-mode-export #exportPublicPanel{flex-direction:column;gap:18px;display:flex}body.fh-public-shell-active .main-wrapper.fh-ws-mode-composer>.workspace-grid,body.fh-public-shell-active .main-wrapper.fh-ws-mode-groove>.workspace-grid{display:none}body.fh-public-shell-active .main-wrapper.fh-ws-mode-composer>#composerPanel,body.fh-public-shell-active .main-wrapper.fh-ws-mode-groove>#composerPanel,body.fh-public-shell-active .main-wrapper.fh-ws-mode-groove>#bottomPanel{flex:auto;min-height:0;overflow:auto}body.fh-public-shell-active .main-wrapper.fh-ws-mode-composer>#composerPanel{border-top:0;min-height:0;margin:18px}body.fh-public-shell-active .main-wrapper.fh-ws-mode-composer .composer-list{min-height:260px}body.fh-public-shell-active .main-wrapper.fh-ws-mode-groove>#composerPanel{flex:none;min-height:150px;max-height:210px;margin:14px 18px 0}body.fh-public-shell-active .main-wrapper.fh-ws-mode-groove>#bottomPanel{height:auto;max-height:none;margin:12px 18px 18px}body.fh-public-shell-active .composer-legacy-actions{display:none!important}body.fh-public-shell-active .composer-header-meta{flex-wrap:wrap;min-width:0}body.fh-public-shell-active .fh-selected-chord-runtime{display:none}body.fh-public-shell-active[data-fh-public-active-module=explore] .fh-selected-chord-runtime{display:block}#studioStageSurface{display:none}body.fh-public-shell-active .main-wrapper.fh-ws-mode-studio>#studioStageSurface{background:#10121bb8;border:1px solid #ffffff17;border-radius:10px;grid-template-columns:152px minmax(0,1fr);gap:14px;margin:14px 18px 0;padding:12px;display:grid}.fh-studio-stage-rail{border-right:1px solid #ffffff14;align-content:start;gap:6px;padding-right:12px;display:grid}.fh-studio-stage-rail-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;font-weight:800}.fh-studio-track{min-height:30px;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;display:flex}.fh-studio-stage-note{color:var(--text-secondary);font-size:.62rem;line-height:1.35}.fh-studio-stage-timeline{align-content:start;gap:8px;min-width:0;display:grid}.fh-studio-stage-ruler{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.fh-studio-stage-ruler span{min-height:30px;color:var(--text-secondary);font-family:var(--mono);background:#ffffff09;border:1px solid #ffffff12;border-radius:6px;justify-content:center;align-items:center;font-size:.72rem;display:flex}.fh-studio-stage-hint{color:var(--text-secondary);font-size:.72rem;line-height:1.4}body.fh-public-shell-active .main-wrapper.fh-ws-mode-explore>.workspace-grid{flex:auto;min-height:0}body.fh-public-shell-active .main-wrapper.fh-ws-mode-topline>#toplineLab{flex:auto;min-height:0;overflow:auto}body.fh-public-shell-active[data-fh-public-active-module=settings] .selected-chord-panel{display:none}body.fh-public-shell-active[data-fh-public-active-module=settings].has-context-panel .main-wrapper{width:calc(100vw - var(--context-panel-width));margin-right:0}.fh-public-inspector-stack{gap:12px;padding:14px;display:grid}.fh-public-inspector-panel{gap:12px;display:none}body.fh-public-shell-active[data-fh-public-active-module=studio] .fh-public-inspector-panel[data-fh-inspector-module=studio],body.fh-public-shell-active[data-fh-public-active-module=explore] .fh-public-inspector-panel[data-fh-inspector-module=explore],body.fh-public-shell-active[data-fh-public-active-module=composer] .fh-public-inspector-panel[data-fh-inspector-module=composer],body.fh-public-shell-active[data-fh-public-active-module=groove] .fh-public-inspector-panel[data-fh-inspector-module=groove],body.fh-public-shell-active[data-fh-public-active-module=chordmini] .fh-public-inspector-panel[data-fh-inspector-module=chordmini],body.fh-public-shell-active[data-fh-public-active-module=topline] .fh-public-inspector-panel[data-fh-inspector-module=topline],body.fh-public-shell-active[data-fh-public-active-module=export] .fh-public-inspector-panel[data-fh-inspector-module=export],body.fh-public-shell-active[data-fh-public-active-module=settings] .fh-public-inspector-panel[data-fh-inspector-module=settings]{display:grid}.fh-public-inspector-panel h3{color:var(--text-primary);font-size:.92rem;line-height:1.2}.fh-public-inspector-panel dl{gap:8px;display:grid}.fh-public-inspector-panel dl>div{background:#ffffff0b;border:1px solid #ffffff14;border-radius:8px;gap:3px;padding:10px;display:grid}.fh-public-inspector-panel dt{color:var(--text-secondary);text-transform:uppercase;font-size:.64rem;font-weight:800}.fh-public-inspector-panel dd{color:var(--text-primary);font-size:.82rem;line-height:1.35}.fh-public-module-hero{gap:8px;max-width:760px;display:grid}.fh-public-kicker,.fh-public-card-label{color:var(--accent);text-transform:uppercase;font-size:.68rem;font-weight:800}.fh-public-module-hero h2{color:var(--text-primary);font-size:1.55rem;line-height:1.1}.fh-public-module-hero p,.fh-public-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.fh-public-chordmini-actions{background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.fh-public-cta{appearance:none;min-height:36px;color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;padding:0 13px;font-weight:800}.fh-public-cta--primary{color:var(--accent);background:#00f0cc1a;border-color:#00f0cc52}.fh-public-cta[aria-disabled=true]{opacity:.82;cursor:default}.fh-public-chordmini-actions .fh-public-cta[aria-disabled=true]{pointer-events:none}.fh-public-chordmini-actions span{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.fh-chordmini-intake-notice{color:var(--text-secondary);background:#ffd47914;border:1px solid #ffd47947;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:.76rem;line-height:1.45}.fh-public-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fh-public-card-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.fh-public-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;gap:8px;min-height:148px;padding:16px;display:grid}.fh-public-card strong{color:var(--text-primary);font-size:1rem}.fh-public-card-action{appearance:none;min-height:34px;color:var(--accent);cursor:pointer;transition:transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);background:#00f0cc14;border:1px solid #00f0cc4d;border-radius:8px;justify-self:start;padding:0 12px;font-weight:800}.fh-public-card-action:hover,.fh-public-card-action:focus-visible{background:#00f0cc1f;border-color:#00f0cc7a;transform:translateY(-1px)}.fh-public-control-bar{z-index:1300;height:var(--fh-public-control-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06070cf5;border-top:1px solid #ffffff17;grid-template-columns:minmax(260px,1fr) auto minmax(220px,.7fr);align-items:center;gap:18px;min-height:0;padding:10px 22px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 50px #00000057}.fh-public-now{align-items:center;gap:8px;min-width:0;display:flex}.fh-public-now strong{color:var(--text-primary)}#fhPublicNowDetail{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fh-public-transport{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.fh-public-control-btn{appearance:none;min-height:38px;color:var(--text-primary);cursor:pointer;transition:transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:0 12px;font-weight:800}.fh-public-control-btn:hover,.fh-public-control-btn:focus-visible,.fh-public-card-action:hover,.fh-public-card-action:focus-visible{background:#00f0cc17;border-color:#00f0cc61;transform:translateY(-1px)}.fh-public-control-btn:disabled,.fh-public-card-action:disabled{opacity:.48;cursor:default;transform:none}.fh-public-output-status{text-overflow:ellipsis;white-space:nowrap;justify-self:end;max-width:100%;overflow:hidden}body.fh-public-shell-active:not(.fh-dev-surfaces-enabled) [data-fh-dev-surface],body.fh-public-shell-active:not(.fh-dev-surfaces-enabled) [data-owner-debug-only],body.fh-public-shell-active:not(.fh-dev-surfaces-enabled) [data-flowharmony-chordmini-owner-debug-only=true],body.fh-public-shell-active:not(.fh-dev-surfaces-enabled) #audioTelemetryPanel,body.fh-public-shell-active:not(.fh-dev-surfaces-enabled) #audioDryMonitorPanel,body.fh-public-shell-active:not(.fh-dev-surfaces-enabled) #postTakeCorrectionPanel,body.fh-public-shell-active:not(.fh-dev-surfaces-enabled) .ftl-future-block{display:none!important}body.fh-public-shell-active .fh-ws-toolbar{display:none}@media (width<=1100px){.fh-public-studio-header{height:var(--fh-public-header-height);grid-template-columns:1fr;align-content:center;gap:8px;min-height:0;padding:8px 14px}.fh-public-module-nav{justify-content:flex-start;overflow-x:auto}body.fh-public-shell-active{--fh-public-header-height:148px;--fh-public-inspector-width:280px}.fh-public-control-bar{grid-template-columns:1fr;gap:8px}body.fh-public-shell-active{--fh-public-control-height:150px}.fh-public-card-grid,.fh-public-card-grid--compact{grid-template-columns:1fr}}@media (width<=760px){body.fh-public-shell-active.has-context-panel .app-header,body.fh-public-shell-active .selected-chord-panel{display:none}body.fh-public-shell-active.has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=settings].has-context-panel .main-wrapper{flex:auto;width:100%;margin-left:0;margin-right:0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--body);background:radial-gradient(circle at 50% -20%, #171724 0%, var(--bg) 70%);color:var(--text);grid-template-rows:auto 1fr auto;height:100dvh;display:grid;overflow:hidden}body[data-density=comfortable]{--fh-panel-padding:16px;--fh-panel-padding-wide:24px;--fh-section-gap:16px;--fh-control-height:34px;--fh-control-padding-y:6px;--fh-header-control-height:28px;--fh-autogen-control-height:24px;--fh-card-radius:10px;--fh-toolbar-gap:8px;--fh-composer-gap:8px;--fh-settings-page-padding:40px 32px 64px;--fh-settings-card-padding:20px 24px;--fh-settings-card-gap:24px}body[data-density=compact]{--fh-panel-padding:8px;--fh-panel-padding-wide:14px;--fh-section-gap:8px;--fh-control-height:30px;--fh-control-padding-y:4px;--fh-header-control-height:26px;--fh-autogen-control-height:22px;--fh-card-radius:8px;--fh-toolbar-gap:5px;--fh-composer-gap:5px;--fh-settings-page-padding:20px 20px 32px;--fh-settings-card-padding:12px 16px;--fh-settings-card-gap:12px}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}@keyframes fh-spin{to{transform:rotate(360deg)}}.universe-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}header{border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);z-index:10;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.logo{font-family:var(--mono);letter-spacing:.05em;color:var(--teal);flex-shrink:0;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.logo svg{flex-shrink:0}.header-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctrl-group{align-items:center;gap:6px;display:flex}.ctrl-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.64rem}select,.pill-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--fh-card-radius);padding:var(--fh-control-padding-y) 12px;font-size:.75rem;font-family:var(--body);cursor:pointer;transition:all .2s var(--ease);appearance:none;background:linear-gradient(#ffffff0a,#fff0);font-weight:500;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}select:hover,.pill-btn:hover{border-color:var(--teal-dim);background:linear-gradient(#ffffff0f,#ffffff05);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff14}select:focus-visible,.pill-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.pill-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}#styleSelect{min-width:120px}#styleSelect:not([value=none]){color:var(--purple);border-color:#a78bfa66}.status-dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .4s,box-shadow .4s}.status-dot.connected{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.error{background:var(--red);box-shadow:0 0 8px var(--red)}.status-text{font-family:var(--mono);color:var(--muted);font-size:.65rem}main{grid-template-columns:1fr 360px;height:100%;display:grid;overflow:hidden}.center-panel{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px 32px;display:flex;position:relative;overflow:hidden}.center-panel:before{content:"";background:radial-gradient(circle, var(--teal-glow2) 0%, transparent 60%);pointer-events:none;width:600px;height:600px;transition:background .6s var(--ease), transform .6s var(--ease-out);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-panel.active:before{background:radial-gradient(circle, var(--teal-glow) 0%, transparent 70%);transform:translate(-50%,-50%)scale(1.05)}.center-panel:after{content:"";pointer-events:none;width:350px;height:350px;transition:border-color .6s var(--ease), box-shadow .6s var(--ease);border:1px solid #00f0cc0d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 80px #00f0cc0d}.center-panel.active:after{border-color:#00f0cc33;box-shadow:inset 0 0 120px #00f0cc1a}.chord-container{text-align:center;z-index:1;position:relative}.chord-label{font-size:.65rem;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.chord-name{font-family:var(--mono);color:var(--text);letter-spacing:-.02em;transition:color .2s var(--ease), text-shadow .2s var(--ease);word-break:break-word;overflow-wrap:break-word;width:100%;max-width:100%;min-height:1em;font-size:clamp(2.6rem,8vw,6.5rem);font-weight:700;line-height:1.05}.selected-chord-panel .chord-name{overflow-wrap:anywhere;word-break:normal;text-align:center;max-width:100%;line-height:.95;font-size:clamp(1.8rem,3.5vw,3rem)!important}.chord-name--long{letter-spacing:-.03em;font-size:clamp(1.9rem,5.5vw,4rem)!important}.chord-name--xlong{letter-spacing:-.04em;font-size:clamp(1.4rem,4vw,2.8rem)!important}@keyframes chordFlash{0%{color:var(--teal);text-shadow:0 0 80px var(--teal-glow), 0 0 30px var(--teal);transform:scale(1.08)}40%{color:var(--teal);text-shadow:0 0 50px var(--teal-glow);transform:scale(1.03)}to{color:var(--text);text-shadow:0 0 15px #ffffff1a;transform:scale(1)}}.chord-name.flash{animation:chordFlash .6s var(--ease-out) both}.chord-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.badge{border-radius:var(--r-sm);font-family:var(--mono);border:1px solid #0000;align-items:center;gap:4px;padding:3px 9px;font-size:.68rem;font-weight:500;display:inline-flex}.badge-degree{color:var(--purple);background:#a78bfa1f;border-color:#a78bfa40}.badge-confidence{color:var(--teal);background:#00d4b414;border-color:#00d4b433}.badge-chromatic{color:var(--gold);background:#fbbf241a;border-color:#fbbf2440}.harmony-compass-panel{min-height:130px;font-family:var(--mono);color:var(--text);border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px;font-size:.75rem;position:relative}.harmony-compass-panel.is-empty{visibility:hidden}.harmony-compass-title{color:var(--teal);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600}.harmony-compass-detail,.harmony-compass-summary{position:absolute;top:38px;left:0;right:0}.harmony-compass-detail{display:none}.harmony-compass-panel.is-detail .harmony-compass-detail{display:block}.harmony-compass-panel.is-detail .harmony-compass-summary{display:none}.harmony-compass-summary{color:var(--muted);grid-template-columns:1fr 1fr;gap:6px;display:grid}.harmony-compass-summary span{color:#fff;font-weight:600}.hc-row{align-items:center;gap:4px;min-width:0;margin-bottom:4px;display:flex}.hc-row>span:first-child{color:var(--faint);flex:none}.hc-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hc-relationship-row .badge{margin-left:4px;padding:2px 6px}.hc-description{min-height:34px;color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;line-height:1.35;display:-webkit-box;overflow:hidden}.hc-qualifier{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.65rem;overflow:hidden}.piano-wrap{z-index:1;flex-direction:column;align-items:flex-start;width:100%;padding-bottom:4px;display:flex;position:relative;overflow:auto visible}.piano-wrap::-webkit-scrollbar{height:3px}.piano-wrap::-webkit-scrollbar-track{background:0 0}.piano-wrap::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}.piano-label{font-family:var(--mono);color:var(--muted);text-align:center;letter-spacing:.1em;align-self:center;margin-bottom:6px;font-size:.6rem}.piano{-webkit-user-select:none;user-select:none;flex-shrink:0;height:110px;display:flex;position:relative}.key-white{border-radius:0 0 var(--r-sm) var(--r-sm);background:linear-gradient(#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff14;flex-shrink:0;width:24px;height:110px;margin-right:1px;transition:background .15s,box-shadow .15s;position:relative;box-shadow:inset 0 1px #ffffff1a,0 4px 6px #0000004d}.key-black{z-index:2;background:linear-gradient(#141419e6 0%,#1e1e28e6 100%);border:1px solid #ffffff26;border-radius:0 0 4px 4px;flex-shrink:0;width:14px;height:68px;transition:background .15s,box-shadow .15s;position:absolute;top:0;box-shadow:inset 0 1px 2px #fff3,0 4px 8px #00000080}.key-white.lit{border-color:var(--teal);box-shadow:0 0 20px #00f0cc80,inset 0 0 12px #ffffff80;background:var(--teal)!important}.key-black.lit{border-color:var(--teal);box-shadow:0 0 16px #00f0cc66,inset 0 0 10px #ffffff4d;background:var(--teal-dim)!important}.key-label{font-size:.48rem;font-family:var(--mono);color:var(--muted);pointer-events:none;white-space:nowrap;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.key-white.in-scale:after{content:"";background:var(--teal);opacity:.3;border-radius:50%;width:4px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.key-black.in-scale:after{content:"";background:var(--teal);opacity:.4;border-radius:50%;width:3px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.emotion-bar{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.emotion-btn{border-radius:var(--r-xl);border:1px solid var(--border);color:var(--muted);font-size:.75rem;font-family:var(--body);cursor:pointer;transition:all .2s var(--ease);background:linear-gradient(#ffffff0a,#fff0);align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.emotion-btn:hover{border-color:var(--teal-dim);color:var(--text);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff14}.emotion-btn.active{background:var(--teal-glow2);border-color:var(--teal);color:var(--teal);box-shadow:0 0 20px #00f0cc26,inset 0 0 8px #00f0cc1a}.emotion-btn:active{box-shadow:none;transform:scale(.96)}.emotion-btn[data-emotion=happy].active{color:#fbbf24;background:#fbbf2414;border-color:#fbbf24}.emotion-btn[data-emotion=sad].active{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa}.emotion-btn[data-emotion=tense].active{color:#f87171;background:#f8717114;border-color:#f87171}.emotion-btn[data-emotion=jazzy].active{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa}.emotion-btn[data-emotion=calm].active{color:#4ade80;background:#4ade8014;border-color:#4ade80}.suggestions-panel{border-left:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);z-index:5;flex-direction:column;display:flex;overflow:hidden}.panel-header{padding:var(--fh-panel-padding) var(--fh-panel-padding-wide);border-bottom:1px solid var(--border);font-size:.65rem;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.panel-header-title{align-items:center;gap:8px;display:flex}#emotionLabel{color:var(--teal)}.suggestions-list{flex-direction:column;flex:1;gap:7px;padding:10px;display:flex;overflow-y:auto}.suggestions-list::-webkit-scrollbar{width:3px}.suggestions-list::-webkit-scrollbar-track{background:0 0}.suggestions-list::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}.suggestion-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .25s var(--ease-out);flex-direction:row;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.suggestion-card:before{content:"";background:var(--teal);opacity:0;width:4px;box-shadow:0 0 12px var(--teal);transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.suggestion-card:hover{background:var(--surface-3);box-shadow:0 8px 24px #0000004d, 0 0 16px var(--teal-glow2), inset 0 1px 0 #ffffff14;border-color:#00f0cc66;transform:translate(4px)translateY(-1px)}.suggestion-card:hover:before{opacity:1}.suggestion-card:active{transform:translate(2px)scale(.98);box-shadow:0 2px 8px #0003}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.suggestion-card.entering{animation:slideIn .32s var(--ease) both}.sug-rank{font-family:var(--mono);color:var(--faint);text-align:center;flex-shrink:0;width:14px;font-size:.62rem}.sug-info{flex:1;min-width:0}.sug-name{font-family:var(--mono);color:var(--text);padding-bottom:2px;font-size:1.05rem;font-weight:600;line-height:1.25}.sug-degree{font-family:var(--mono);color:var(--purple);font-size:.68rem}.sug-bar-col{flex-shrink:0;align-items:center;gap:6px;display:flex}.sug-pct{font-family:var(--mono);color:var(--muted);text-align:right;width:26px;font-size:.6rem}.sug-bar-track{background:var(--surface-4);border-radius:2px;width:36px;height:4px;overflow:hidden}.sug-bar-fill{background:linear-gradient(90deg, var(--teal-dim), var(--teal));height:100%;transition:width .5s var(--ease-out);min-width:4px;box-shadow:0 0 8px var(--teal-glow);border-radius:2px}.suggestion-card.sug-rich{gap:12px;padding:16px;flex-direction:column!important;align-items:stretch!important}.sug-rich .sug-header{justify-content:space-between;align-items:center;display:flex}.sug-rich .sug-rank{font-family:var(--mono);color:var(--faint);text-align:left;width:auto;font-size:.65rem;font-weight:600}.sug-category-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#ffffff0d;border:1px solid #0000;border-radius:6px;padding:3px 8px;font-size:.55rem;font-weight:600}.category-warm .sug-category-badge{color:var(--gold);background:#fbbf241a;border-color:#fbbf2433}.category-tension .sug-category-badge{color:var(--red);background:#f871711a;border-color:#f8717133}.category-surprise .sug-category-badge{color:var(--purple);background:#a78bfa1a;border-color:#a78bfa33}.category-dark .sug-category-badge{color:var(--blue);background:#60a5fa1a;border-color:#60a5fa33}.category-natural .sug-category-badge{color:var(--green);background:#4ade801a;border-color:#4ade8033}.category-warm.suggestion-card:hover{border-color:#fbbf244d;box-shadow:0 8px 24px #0000004d,0 0 16px #fbbf2414,inset 0 1px #ffffff0d}.category-tension.suggestion-card:hover{border-color:#f871714d;box-shadow:0 8px 24px #0000004d,0 0 16px #f8717114,inset 0 1px #ffffff0d}.category-surprise.suggestion-card:hover{border-color:#a78bfa4d;box-shadow:0 8px 24px #0000004d,0 0 16px #a78bfa14,inset 0 1px #ffffff0d}.category-dark.suggestion-card:hover{border-color:#60a5fa4d;box-shadow:0 8px 24px #0000004d,0 0 16px #60a5fa14,inset 0 1px #ffffff0d}.category-natural.suggestion-card:hover{border-color:#4ade804d;box-shadow:0 8px 24px #0000004d,0 0 16px #4ade8014,inset 0 1px #ffffff0d}.category-warm .sug-bar-fill{background:linear-gradient(90deg, #fbbf2499, var(--gold));box-shadow:0 0 8px #fbbf244d}.category-tension .sug-bar-fill{background:linear-gradient(90deg, #f8717199, var(--red));box-shadow:0 0 8px #f871714d}.category-surprise .sug-bar-fill{background:linear-gradient(90deg, #a78bfa99, var(--purple));box-shadow:0 0 8px #a78bfa4d}.category-dark .sug-bar-fill{background:linear-gradient(90deg, #60a5fa99, var(--blue));box-shadow:0 0 8px #60a5fa4d}.category-natural .sug-bar-fill{background:linear-gradient(90deg, #4ade8099, var(--green));box-shadow:0 0 8px #4ade804d}.category-warm.suggestion-card:before{background:var(--gold);box-shadow:0 0 12px var(--gold)}.category-tension.suggestion-card:before{background:var(--red);box-shadow:0 0 12px var(--red)}.category-surprise.suggestion-card:before{background:var(--purple);box-shadow:0 0 12px var(--purple)}.category-dark.suggestion-card:before{background:var(--blue);box-shadow:0 0 12px var(--blue)}.category-natural.suggestion-card:before{background:var(--green);box-shadow:0 0 12px var(--green)}.sug-rich .sug-body{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.sug-rich .sug-chord-group{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.sug-rich .sug-name{font-family:var(--mono);color:var(--text);padding-bottom:0;font-size:1.8rem;font-weight:700;line-height:1}.sug-rich .sug-degree{font-family:var(--mono);color:var(--muted);font-size:.8rem}.sug-rich .sug-score-group{flex-direction:column;align-items:flex-end;gap:4px;width:45%;display:flex}.sug-score-text{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}.sug-tension-wrap{align-items:center;gap:5px;margin-top:4px;display:flex}.sug-tension-indicator{background:var(--red);width:6px;height:6px;box-shadow:0 0 8px var(--red);border-radius:50%}.sug-tension-label{font-family:var(--mono);color:var(--faint);text-transform:uppercase;font-size:.55rem}.sug-reason{font-family:var(--body);color:#ffffffb3;border-radius:var(--r-sm);white-space:nowrap;text-overflow:ellipsis;background:#0003;border-left:2px solid #ffffff14;padding:8px 10px;font-size:.75rem;line-height:1.35;overflow:hidden}.category-warm .sug-reason{border-left-color:#fbbf244d}.category-tension .sug-reason{border-left-color:#f871714d}.category-surprise .sug-reason{border-left-color:#a78bfa4d}.category-dark .sug-reason{border-left-color:#60a5fa4d}.category-natural .sug-reason{border-left-color:#4ade804d}.chord-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#06060899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chord-modal-overlay.open{opacity:1;pointer-events:all}.chord-modal{background:var(--surface-4);border:1px solid var(--border-2);border-radius:var(--r-xl);min-width:360px;max-width:90vw;transition:transform .3s var(--ease-out);padding:32px 36px;position:relative;transform:scale(.92)translateY(20px);box-shadow:0 32px 80px #000000b3,inset 0 1px #ffffff1a}.chord-modal-overlay.open .chord-modal{transform:scale(1)translateY(0)}.modal-close{color:var(--muted);cursor:pointer;border:1px solid var(--border);width:28px;height:28px;transition:all .18s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text);border-color:var(--teal-dim)}.modal-chord-name{font-family:var(--mono);color:var(--teal);margin-bottom:4px;font-size:2.4rem;font-weight:700}.modal-chord-type{font-family:var(--mono);color:var(--muted);margin-bottom:20px;font-size:.75rem}.modal-piano-label{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;margin-bottom:8px;font-size:.62rem}.modal-notes-list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.modal-note-badge{font-family:var(--mono);border-radius:var(--r-sm);color:var(--teal);background:#00d4b41f;border:1px solid #00d4b440;padding:4px 10px;font-size:.7rem;font-weight:600}.composer-chip{--duration-beats:8;--beat-unit:60px;border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--border);min-width:56px;width:calc(var(--duration-beats) * var(--beat-unit) - 4px);animation:slideIn .25s var(--ease) both;transition:width .12s var(--ease);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:6px 4px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.composer-chip.is-resizing{transition:none}.cc-chord{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden}.cc-roman{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.6rem;overflow:hidden}.cc-voicing-badge{font-size:.52rem;font-family:var(--mono);color:var(--teal);letter-spacing:.04em;text-transform:uppercase;background:#00f0cc1a;border:1px solid #00f0cc38;border-radius:3px;margin-top:2px;padding:1px 4px;font-weight:600;line-height:1.4;display:inline-block}.cc-roman-row{align-items:center;gap:4px;margin-top:1px;display:flex}.cc-func-badge{font-size:.52rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.02em;border-radius:3px;padding:1px 3px;font-weight:600;line-height:1}.cc-func-badge[data-func=stable]{color:var(--gold);background:#fbbf241f;border:1px solid #fbbf2438}.cc-func-badge[data-func=predominant]{color:var(--blue);background:#60a5fa1f;border:1px solid #60a5fa38}.cc-func-badge[data-func=dominant]{color:var(--red);background:#f871711f;border:1px solid #f8717138}.cc-func-badge[data-func=color]{color:var(--purple);background:#a78bfa1f;border:1px solid #a78bfa38}.cc-voicing-notes{font-size:.52rem;font-family:var(--mono);color:#ffffff73;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;overflow:hidden}.composer-chip.is-tonic{border-color:#fbbf2438}.composer-chip.is-predominant{border-color:#60a5fa38}.composer-chip.is-dominant{border-color:#f8717138}.composer-chip.is-color{border-color:#a78bfa38}.cc-edited-badge{font-size:.52rem;font-family:var(--mono);color:#fbbf24;letter-spacing:.04em;text-transform:uppercase;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:3px;margin-top:2px;padding:1px 4px;font-weight:600;line-height:1.4;display:inline-block}.composer-chip.has-edited-notes{border-left:2.5px solid #fbbf24!important}.fh-voicing-toggle-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0a;border-radius:4px;padding:2px 8px;font-size:.62rem;font-weight:600;transition:all .15s}.fh-voicing-toggle-btn:hover{border-color:var(--teal-dim);color:var(--text)}.fh-voicing-toggle-btn.is-active{color:var(--teal);background:#00f0cc1a;border-color:#00f0cc66}.composer-chip.category-warm{border-color:#fbbf244d;box-shadow:0 0 12px #fbbf241a,inset 0 1px #ffffff0d}.composer-chip.category-warm .cc-chord{color:var(--gold)}.composer-chip.category-tension{border-color:#f871714d;box-shadow:0 0 12px #f871711a,inset 0 1px #ffffff0d}.composer-chip.category-tension .cc-chord{color:var(--red)}.composer-chip.category-surprise{border-color:#a78bfa4d;box-shadow:0 0 12px #a78bfa1a,inset 0 1px #ffffff0d}.composer-chip.category-surprise .cc-chord{color:var(--purple)}.composer-chip.category-dark{border-color:#60a5fa4d;box-shadow:0 0 12px #60a5fa1a,inset 0 1px #ffffff0d}.composer-chip.category-dark .cc-chord{color:var(--blue)}.composer-chip.category-natural{border-color:#4ade804d;box-shadow:0 0 12px #4ade801a,inset 0 1px #ffffff0d}.composer-chip.category-natural .cc-chord{color:var(--green)}.add-to-composer-btn{transition:all .15s var(--ease)}.add-to-composer-btn:hover{color:#fff;transform:scale(1.05);background:#ffffff1a!important;border-color:#ffffff4d!important}#undoComposerBtn:disabled,#exportComposerBtn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}@keyframes chipPulse{0%{box-shadow:0 0 8px #00f0cc33,inset 0 1px #ffffff0d}50%{box-shadow:0 0 20px #00f0cc80,inset 0 1px #ffffff1a}to{box-shadow:0 0 8px #00f0cc33,inset 0 1px #ffffff0d}}.composer-chip.is-playing{animation:.8s ease-in-out infinite chipPulse;border-color:var(--teal)!important;background:#00f0cc1a!important}.composer-chip.is-playing .cc-chord{color:var(--teal)!important}.composer-chip.is-playing .cc-roman{color:#00f0ccb3!important}@keyframes chipPulseGroove{0%{box-shadow:0 0 8px #a78bfa33,inset 0 1px #ffffff0d}50%{box-shadow:0 0 20px #a78bfa80,inset 0 1px #ffffff1a}to{box-shadow:0 0 8px #a78bfa33,inset 0 1px #ffffff0d}}.composer-chip.is-playing-groove{animation:.8s ease-in-out infinite chipPulseGroove;border-color:var(--purple)!important;background:#a78bfa1a!important}.composer-chip.is-playing-groove .cc-chord{color:var(--purple)!important}.composer-chip.is-playing-groove .cc-roman{color:#a78bfab3!important}.composer-chip.is-playing:before,body.mobile-studio .mex-comp-card.is-playing:before{content:"";height:3px;width:calc(var(--playhead-progress,0) * 100%);background:var(--teal);z-index:5;position:absolute;bottom:0;left:0}.composer-chip.is-playing-groove:before,body.mobile-studio .mex-comp-card.is-playing-groove:before{content:"";height:3px;width:calc(var(--playhead-progress,0) * 100%);background:var(--purple);z-index:5;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:reduce){.composer-chip.is-playing:before,body.mobile-studio .mex-comp-card.is-playing:before,.composer-chip.is-playing-groove:before,body.mobile-studio .mex-comp-card.is-playing-groove:before{animation:none!important}}.modal-piano-wrap{position:relative;overflow-x:auto}.modal-piano{width:max-content;height:70px;display:flex;position:relative}.mpw{border-radius:0 0 var(--r-sm) var(--r-sm);background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #ffffff1a;flex-shrink:0;width:22px;height:70px;margin-right:1px;position:relative;box-shadow:inset 0 1px #ffffff1a}.mpb{z-index:2;background:#141419e6;border:1px solid #ffffff26;border-radius:0 0 3px 3px;flex-shrink:0;width:13px;height:44px;position:absolute;top:0;box-shadow:inset 0 1px #fff3}.mpw.lit{border-color:var(--teal);box-shadow:0 0 16px #00f0cc80,inset 0 0 10px #fff6;background:var(--teal)!important}.mpb.lit{border-color:var(--teal);box-shadow:0 0 12px #00f0cc66,inset 0 0 8px #ffffff4d;background:var(--teal-dim)!important}.history-panel{border-top:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);z-index:10;flex-shrink:0;grid-column:1/-1;align-items:center;gap:8px;min-height:64px;max-height:74px;padding:12px 20px;display:flex;overflow:auto hidden}.history-panel::-webkit-scrollbar{height:2px}.history-panel::-webkit-scrollbar-track{background:0 0}.history-panel::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}.history-chip{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);opacity:.5;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:5px 10px;transition:opacity .3s;display:inline-flex;position:relative}.history-chip:last-child{opacity:1;border-color:#00d4b466}.history-chip:last-child:after{content:"";border-radius:var(--r-sm);pointer-events:none;position:absolute;inset:-1px;box-shadow:0 0 12px #00d4b426}@keyframes chipEnter{0%{opacity:0;transform:translate(-12px)}to{opacity:.5;transform:translate(0)}}.history-chip.new-chip{animation:chipEnter .3s var(--ease) both}.hc-name{color:var(--text);font-size:.8rem;font-weight:600}.hc-deg{color:var(--muted);font-size:.57rem}.history-arrow{font-family:var(--mono);color:var(--faint);flex-shrink:0;font-size:.75rem}.history-empty{font-family:var(--mono);color:var(--faint);font-size:.7rem}.empty-state{color:var(--faint);font-family:var(--mono);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;font-size:.75rem;display:flex}.empty-state svg{opacity:.3}footer{border-top:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);font-size:.62rem;font-family:var(--mono);color:var(--muted);z-index:10;flex-shrink:0;grid-column:1/-1;justify-content:space-between;align-items:center;padding:8px 24px;display:flex}#reconnectBanner{background:var(--surface-3);color:var(--gold);font-family:var(--mono);border-radius:var(--r-xl);z-index:99;border:1px solid #fbbf244d;align-items:center;gap:8px;padding:7px 16px;font-size:.7rem;transition:opacity .3s;display:none;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}#reconnectBanner.visible{display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin;display:inline-block}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}@media (width<=768px){.suggestions-panel{border-left:none;border-top:1px solid var(--border);max-height:220px}.chord-name{font-size:3.5rem}}.main-wrapper.fh-ws-mode-chordmini>#fhWsToolbar{order:0}.main-wrapper.fh-ws-mode-chordmini>#chordMiniWorkspacePanel{flex:auto;order:1;min-height:0;max-height:none;overflow-y:auto}body.has-context-panel .app-layout:has(.main-wrapper.fh-ws-mode-chordmini) .sidebar{display:none}body.has-context-panel:has(.main-wrapper.fh-ws-mode-chordmini) .app-header{display:none}body.has-context-panel .main-wrapper.fh-ws-mode-chordmini{width:100%;min-width:0;margin-left:0;overflow-x:hidden}.main-wrapper.fh-ws-mode-chordmini>#chordMiniWorkspacePanel,.main-wrapper.fh-ws-mode-chordmini>#fhWsToolbar{width:100%;min-width:0;max-width:100%}@media (width<=700px){.piano-wrap{display:none}}.sug-reason{color:var(--muted);font-size:.65rem;font-family:var(--body);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;opacity:.7;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.app-layout{height:calc(100vh - 76px);margin-top:76px;display:flex;overflow:hidden}.sidebar{width:var(--active-sidebar-width);background:var(--surface);border-right:1px solid var(--border);padding:0 0 var(--fh-panel-padding) 0;transition:width .3s var(--ease);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar.collapsed .nav-section,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item kbd,.sidebar.collapsed .badge-soon{display:none!important}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.sidebar-nav{gap:calc(var(--fh-toolbar-gap) / 2);flex-direction:column;display:flex}.nav-item{padding:10px var(--fh-panel-padding-wide);color:var(--muted);font-family:var(--body);transition:all .2s var(--ease);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text);background:#ffffff08}.nav-item.is-disabled,.nav-item.is-disabled:hover,.nav-item[aria-disabled=true],.nav-item[aria-disabled=true]:hover{color:var(--faint);opacity:.45;cursor:default;pointer-events:none;background:0 0}.nav-item.active{color:var(--teal);border-left:3px solid var(--teal);background:#00f0cc0d}.nav-item--studio-vnext-preview{border:1px solid #93c5fd29;border-left:3px solid #0000;align-items:center;margin:2px 8px 4px;padding:9px 10px}.nav-item--studio-vnext-preview small{color:var(--gold);font-family:var(--mono);text-transform:uppercase;border:1px solid #fcd34d47;border-radius:999px;margin-left:auto;padding:3px 6px;font-size:.56rem;line-height:1}.nav-item--studio-vnext-preview.active small{color:var(--teal);border-color:#00f0cc57}.badge-soon{font-family:var(--mono);text-transform:uppercase;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:.5rem}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.workspace-grid{flex-direction:row;flex:1;min-height:0;display:flex}.chord-universe-panel{border-right:1px solid var(--border);background:radial-gradient(circle,#1a1a244d 0%,#0000 80%);flex-direction:column;flex:1;display:flex}.universe-toolbar{padding:var(--fh-panel-padding) var(--fh-panel-padding) 0;justify-content:space-between;align-items:center;display:flex}.u-tools{align-items:center;gap:var(--fh-section-gap);display:flex}.u-select{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);min-height:var(--fh-control-height);font-family:var(--body);opacity:.6;background:#ffffff08;padding:0 12px;font-size:.75rem}.u-search{border:1px solid var(--border);border-radius:var(--r-sm);min-height:var(--fh-control-height);background:#0003;align-items:center;gap:6px;padding:0 12px;display:flex}.u-search input{color:var(--text);font-family:var(--body);background:0 0;border:none;outline:none;width:140px;font-size:.75rem}.universe-tabs{gap:var(--fh-section-gap);margin-top:var(--fh-toolbar-gap);padding:0 var(--fh-panel-padding);display:flex}.tab-btn{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 4px;font-size:.75rem}.tab-btn.active{color:var(--text);border-bottom-color:var(--teal)}.universe-grid-layout{gap:var(--fh-section-gap);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.universe-group{gap:var(--fh-section-gap);flex-direction:column;display:flex}.group-title{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;border-bottom:1px solid #ffffff0d;align-items:baseline;gap:6px;padding-bottom:8px;font-size:.7rem;display:flex}.group-sub{opacity:.6;text-transform:none;letter-spacing:0;font-size:.55rem}.group-stable .group-title{color:var(--teal);border-bottom-color:#00f0cc33}.group-predominant .group-title{color:var(--blue);border-bottom-color:#60a5fa33}.group-dominant .group-title{color:var(--pink);border-bottom-color:#f9a8d433}.group-color .group-title{color:var(--purple);border-bottom-color:#b89dfa33}.u-cards{gap:var(--fh-toolbar-gap);flex-direction:column;display:flex}.u-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--fh-card-radius);padding:calc(var(--fh-panel-padding) * .75) var(--fh-panel-padding);cursor:pointer;transition:all .2s var(--ease);justify-content:space-between;align-items:center;display:flex;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff08}.u-card:hover{background:var(--surface-3);transform:translateY(-2px);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0f}.u-card.shell{opacity:.7}.group-stable .u-card:hover{border-color:#00f0cc66;box-shadow:0 4px 16px #00f0cc1a}.group-predominant .u-card:hover{border-color:#60a5fa66;box-shadow:0 4px 16px #60a5fa1a}.group-dominant .u-card:hover{border-color:#f9a8d466;box-shadow:0 4px 16px #f9a8d41a}.group-color .u-card:hover{border-color:#b89dfa66;box-shadow:0 4px 16px #b89dfa1a}.uc-sym{font-family:var(--mono);color:var(--text);font-size:1.1rem;font-weight:700}.uc-rom{font-family:var(--mono);color:var(--muted);font-size:.7rem}.selected-chord-panel{width:340px;transition:width .3s var(--ease);border-left:1px solid #0000;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.fh-spinner{border:2px solid #00d4b426;border-top-color:var(--teal);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite fh-spin}.universe-loading-state{animation:.3s ease-out fadeIn}.selected-chord-panel{background:var(--surface-2)}.selected-chord-panel.collapsed{border-left:none;width:0}.selected-content{padding:calc(var(--fh-panel-padding-wide) + 8px);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.selected-empty{text-align:center;opacity:.5;flex-direction:column;align-items:center;gap:12px;display:flex}.selected-chord-panel.active .selected-empty{display:none}.selected-active{align-items:center;gap:calc(var(--fh-section-gap) * 2);flex-direction:column;width:100%;display:none}.selected-chord-panel.active .selected-active{display:flex}.empty-icon{color:var(--faint);margin-bottom:8px;font-size:2rem}.empty-text{font-family:var(--mono);color:var(--muted);font-size:1rem}.empty-sub{color:var(--faint);max-width:200px;font-size:.75rem}#composerPanel{border-top:1px solid var(--border);background:var(--surface);grid-column:auto;min-height:100px}.composer-header-title{font-size:.65rem;font-family:var(--mono);color:var(--teal);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.composer-empty{opacity:.5;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;height:100%;padding-left:8px;display:flex}.ce-title{font-family:var(--mono);color:var(--text);font-size:.8rem}.ce-sub{font-family:var(--body);color:var(--muted);font-size:.65rem}.voicing-view-placeholder{border-top:1px solid var(--border);height:80px;color:var(--faint);font-family:var(--mono);background:#00000080;flex-direction:column;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:relative;overflow:hidden}.placeholder-grid{z-index:1;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.placeholder-text{z-index:2;background:#0009;border-radius:4px;padding:4px 12px}.placeholder-text span{color:var(--teal);text-transform:uppercase;font-size:.6rem}body{grid-template-rows:auto 1fr auto}.suggestions-list{border-bottom:1px solid var(--border);z-index:1;background:#06060838;flex:none;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;align-items:start;gap:12px;max-height:240px;padding:16px;display:grid;position:relative;overflow-y:auto}.suggestions-list:not(:has(.suggestion-card)){display:block}.universe-grid-layout{flex:auto;grid-template-columns:repeat(4,1fr);align-content:start;align-items:start;gap:14px;min-height:0;overflow-y:auto;display:grid!important}@media (width<=1100px){.universe-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.universe-grid-layout{grid-template-columns:1fr}}.universe-group{flex-direction:column;gap:8px;display:flex}.group-title{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #ffffff0d;align-items:baseline;gap:6px;margin-bottom:2px;padding-bottom:6px;font-size:.65rem;font-weight:600;display:flex}.group-sub{opacity:.5;text-transform:none;letter-spacing:0;font-size:.55rem;font-weight:400}.u-cards{grid-template-columns:1fr 1fr;gap:4px;display:grid}.u-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:auto;padding:6px 5px;position:relative}.uc-content{flex-direction:column;gap:2px;display:flex}.uc-sym{font-family:var(--mono);color:var(--text);font-size:.82rem;font-weight:700;line-height:1.2}.uc-rom{font-family:var(--mono);color:var(--muted);text-transform:none;letter-spacing:.04em;font-size:.55rem;line-height:1}.uc-context{flex-direction:column;align-items:center;gap:2px;max-width:100%;margin-top:2px;display:none;overflow:hidden}.uc-badges{justify-content:center;gap:2px;max-width:100%;display:flex;overflow:hidden}.uc-badge{max-width:58px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff17;border-radius:4px;padding:1px 3px;font-size:.44rem;font-weight:700;line-height:1.2;overflow:hidden}.uc-target-hint{max-width:100%;color:var(--faint);font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;font-size:.48rem;line-height:1.1;overflow:hidden}.u-icon{color:var(--muted);opacity:.35;font-size:.6rem;position:absolute;top:4px;right:4px}.u-card.active-mock{border-color:var(--teal);background:#00f0cc0d;box-shadow:0 0 16px #00f0cc26,inset 0 0 8px #00f0cc1a}.u-card.active-mock2{border-color:var(--blue);background:#60a5fa0d;box-shadow:0 0 16px #60a5fa26,inset 0 0 8px #60a5fa1a}.active-mock .u-icon,.active-mock2 .u-icon{opacity:1;color:inherit}.u-card{cursor:pointer;outline:none}.u-card:focus-visible{box-shadow:0 0 0 2px var(--teal)}.group-stable .u-card.uc-selected{border-color:var(--teal);background:#00f0cc14;box-shadow:0 0 14px #00f0cc33,inset 0 0 6px #00f0cc14}.group-predominant .u-card.uc-selected{border-color:var(--blue);background:#60a5fa14;box-shadow:0 0 14px #60a5fa33,inset 0 0 6px #60a5fa14}.group-dominant .u-card.uc-selected{border-color:var(--pink);background:#f9a8d414;box-shadow:0 0 14px #f9a8d433,inset 0 0 6px #f9a8d414}.group-color .u-card.uc-selected{border-color:var(--purple);background:#b89dfa14;box-shadow:0 0 14px #b89dfa33,inset 0 0 6px #b89dfa14}.u-card.uc-selected .u-icon{opacity:.85;color:var(--teal)}.group-predominant .u-card.uc-selected .u-icon{color:var(--blue)}.group-dominant .u-card.uc-selected .u-icon{color:var(--pink)}.group-color .u-card.uc-selected .u-icon{color:var(--purple)}.u-card.uc-selected .uc-sym{color:var(--text);opacity:1}.badge.uc-tag{color:var(--muted);text-transform:capitalize;letter-spacing:.03em;background:#ffffff0d;border:1px solid #ffffff14;border-radius:3px;padding:2px 6px;font-size:.55rem}.mock-selected{align-items:center;width:100%;opacity:1!important;gap:32px!important}.mock-cc{flex-direction:column;align-items:center;gap:4px;display:flex}.voicing-controls-mock{flex-direction:column;gap:20px;width:100%;max-width:340px;margin-top:24px;display:flex}.lower-controls-sidebar .voicing-controls-mock{gap:10px;max-width:none;margin-top:0}.vc-title{color:var(--muted);font-size:.65rem;font-family:var(--mono);letter-spacing:.05em;border-bottom:1px solid #ffffff0d;padding-bottom:8px}.vc-preview-note{color:var(--muted);opacity:.65;margin-top:-4px;font-size:.6rem;font-style:italic;line-height:1.3}.lower-controls-sidebar .vc-title{justify-content:space-between;align-items:center;gap:8px;line-height:1.2;display:flex}.vc-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lower-controls-sidebar .vc-grid{gap:8px}.vc-row{flex-direction:column;gap:4px;min-width:0;display:flex}.vc-full{flex-direction:row;grid-column:1/-1;align-items:center;gap:12px}.vc-label{color:var(--faint);font-size:.65rem;font-family:var(--mono)}.vc-val-box{border-radius:var(--r-sm);color:var(--text);background:#ffffff08;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.75rem;display:flex}.lower-controls-sidebar .vc-val-box{gap:4px;min-width:0;min-height:28px;padding:5px 7px;font-size:.68rem;line-height:1.2}.vc-val-box span{color:var(--muted);flex:none}.vc-stepper{justify-content:space-between;align-items:center;gap:2px;padding:0 4px;display:flex}.vc-step-btn{color:var(--muted);cursor:pointer;font-family:var(--mono);background:0 0;border:none;flex-shrink:0;padding:0 3px;font-size:.72rem;line-height:1;transition:color .12s}.vc-step-btn:hover:not(:disabled){color:var(--text,#fff)}.vc-step-btn:disabled{opacity:.3;cursor:default}.vc-step-val{text-align:center;font-family:var(--mono);color:var(--text,#e8e8e8);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;line-height:1;overflow:hidden}.vc-static{color:var(--muted);justify-content:center;font-size:.72rem}.vc-select-wrap{padding:0 4px}.vc-bass-select{width:100%;color:var(--text,#e8e8e8);font-family:var(--mono);cursor:pointer;appearance:none;text-align:center;background:0 0;border:none;outline:none;font-size:.72rem}.vc-bass-select:disabled{opacity:.35;cursor:default;color:var(--muted)}.vc-bass-select.is-muted{opacity:.45}.vc-bass-select option{color:#e8e8e8;background:#222}#vcControlsGrid.vc-no-selection .vc-stepper{opacity:.35;pointer-events:none}.vc-context-label{font-size:.62rem;font-family:var(--mono);color:var(--faint);border-bottom:1px solid #ffffff0d;margin-bottom:4px;padding:2px 0 6px;font-style:italic;line-height:1.4}.vc-context-label.has-selection{color:var(--accent,#7eb8f7);font-style:normal;font-weight:600}.composer-chip.is-selected{outline:1px solid var(--accent,#7eb8f7);box-shadow:0 0 0 3px #7eb8f71f}.composer-chip-delete{z-index:3;width:18px;height:18px;color:var(--text);cursor:pointer;background:#080a0ed1;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:none;position:absolute;top:3px;right:3px}.composer-chip.is-selected .composer-chip-delete{display:flex}.composer-chip-delete:hover{color:var(--red);border-color:#f87171a6}.vc-slider{flex:1;align-items:center;gap:12px;display:flex}.vc-slider-track{background:#ffffff1a;border-radius:2px;flex:1;height:4px;position:relative}.vc-slider-fill{background:var(--teal);border-radius:2px;height:100%;position:absolute;top:0;left:0}.vc-slider-thumb{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #00000080}.vc-slider span{color:var(--text);font-size:.7rem;font-family:var(--mono)}.vc-pill{border:1px solid var(--teal);color:var(--teal);background:0 0;border-radius:12px;padding:2px 12px;font-size:.7rem}.timeline-mock{width:100%;padding-right:16px;opacity:1!important}.timeline-ruler{font-family:var(--mono);color:var(--faint);border-bottom:1px solid #ffffff1a;width:100%;margin-bottom:12px;padding-bottom:4px;font-size:.6rem;display:flex}.timeline-ruler span{flex:1}.timeline-track{flex-direction:column;gap:0;width:100%;display:flex}.composer-cards-row,.composer-grid-row{width:max-content}.tl-section{flex-direction:column;gap:4px;display:flex}.tls-name{font-family:var(--mono);padding-left:2px;font-size:.65rem}.tl-blocks{gap:4px;height:94px;display:flex}.cc-dur{color:#fff6;margin-top:4px;font-size:.5rem}.cc-resize-handle{cursor:ew-resize;border-radius:0 var(--r-sm) var(--r-sm) 0;z-index:5;width:7px;transition:background .15s var(--ease);background:0 0;position:absolute;top:0;bottom:0;right:-1px}.cc-resize-handle:after{content:"";width:3px;height:18px;transition:background .15s var(--ease), height .15s var(--ease);background:#ffffff1f;border-radius:2px;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.composer-chip:hover .cc-resize-handle:after{background:#00f0cc59;height:24px}.composer-chip.is-resizing{box-shadow:0 0 12px #00f0cc26,inset 0 1px #ffffff0d;border-color:var(--teal)!important}.composer-chip.is-resizing .cc-resize-handle:after{background:var(--teal);height:28px}.composer-bar-guide{pointer-events:none;-webkit-user-select:none;user-select:none;height:18px;margin-top:2px;position:relative}.composer-bar-guide-track{height:100%;position:relative}.composer-bar-tick{background:#ffffff26;width:1px;height:10px;position:absolute;top:0}.composer-bar-tick.is-first{background:#ffffff40;height:12px}.composer-bar-label{font-family:var(--mono);color:#ffffff40;white-space:nowrap;font-size:.45rem;line-height:1;position:absolute;top:10px;transform:translate(-50%)}.composer-section-summary{font-family:var(--mono);color:#00f0cc59;letter-spacing:.03em;margin-top:1px;font-size:.5rem}.composer-section-line{pointer-events:none;background:#ffffff14;height:1px;position:absolute;top:0;left:0}.composer-bar-tick.sub-tick{background:#ffffff14;height:5px}.voicing-view-placeholder{height:var(--bottom-panel-height,250px);background:var(--surface);border-top:1px solid var(--border);min-height:150px;max-height:min(46vh,500px);transition:height .3s var(--ease);flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0;padding:0;display:flex;overflow:hidden}.voicing-view-placeholder.collapsed{min-height:40px;overflow:hidden;height:40px!important}.voicing-view-placeholder.resizing{transition:none}.panel-resizer.horizontal{cursor:row-resize;background:0 0;flex-shrink:0;justify-content:center;align-items:center;height:8px;transition:background .2s;display:flex}.panel-resizer.horizontal:hover,.panel-resizer.horizontal:active{background:#ffffff05}.resizer-handle{background:#ffffff1a;border-radius:2px;width:40px;height:2px}.vv-header{border-bottom:1px solid var(--border);flex:none;display:flex}.vv-tabs{gap:24px;padding:0 24px;display:flex}.vvt{font-family:var(--mono);color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;padding:12px 0;font-size:.75rem}.vvt.active{color:var(--text);border-bottom-color:var(--teal)}.vv-body{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.vv-sidebar{border-right:1px solid var(--border);flex-direction:column;flex:0 0 160px;gap:16px;width:160px;padding:16px;display:flex}.lower-controls-sidebar{flex:0 0 220px;justify-content:flex-start;gap:14px;width:220px;min-width:0;padding:14px;overflow:hidden auto}.lower-control-section{flex-direction:column;gap:9px;min-width:0;display:flex}.lower-section-title{font-family:var(--mono);color:var(--muted);letter-spacing:.05em;border-bottom:1px solid #ffffff0d;padding-bottom:8px;font-size:.65rem;line-height:1.2}.piano-roll-options{gap:10px}.vv-control{flex-direction:column;gap:4px;display:flex}.vv-label{font-size:.6rem;font-family:var(--mono);color:var(--faint)}.vv-select{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:4px;min-height:28px;padding:4px 6px;font-size:.75rem}.piano-roll-zoom-control{gap:5px}.piano-roll-zoom-stepper,.piano-roll-zoom-actions{grid-template-columns:28px minmax(46px,1fr) 28px;align-items:center;gap:5px;display:grid}.piano-roll-zoom-actions{grid-template-columns:1fr 1fr}.piano-roll-zoom-btn,.piano-roll-action-btn{border:1px solid var(--border);min-height:26px;color:var(--text);font-family:var(--mono);cursor:pointer;background:#ffffff0a;border-radius:4px;font-size:.7rem}.piano-roll-zoom-btn:hover,.piano-roll-action-btn:hover{color:var(--teal);border-color:#00f0cc66}.piano-roll-zoom-btn:disabled{opacity:.35;cursor:default}.piano-roll-zoom-value{min-height:26px;color:var(--muted);font-family:var(--mono);background:#0000002e;border:1px solid #ffffff0f;border-radius:4px;justify-content:center;align-items:center;font-size:.68rem;display:flex}.vv-check{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;line-height:1.25;display:flex}.lower-controls-sidebar .vv-check label{overflow-wrap:anywhere;min-width:0}.vv-main-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.vv-labels-row{border-bottom:1px solid #ffffff0d;height:40px;display:flex}.vv-lbl{font-size:.7rem;font-family:var(--mono);border-right:1px dashed #ffffff0d;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.vv-lbl span{opacity:.6;font-size:.55rem}.lbl-teal{color:var(--teal)}.lbl-blue{color:var(--blue)}.lbl-pink{color:var(--pink)}.lbl-purple{color:var(--purple)}.vv-roll-content{background:#0000004d;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.vv-piano-keys{border-right:1px solid var(--border);flex-direction:column;width:40px;display:flex}.vv-k{border-bottom:1px solid #ffffff1a;height:12px}.vv-k.w{background:#ffffff0d}.vv-k.b{background:#0009}.vv-piano-roll{flex:1;position:relative}.vv-grid-lines{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:100% 12px,11% 100%;position:absolute;inset:0}.vv-bar{opacity:.8;border-radius:4px;height:8px;position:absolute}.b-teal{background:var(--teal)}.b-blue{background:var(--blue)}.b-pink{background:var(--pink)}.b-purple{background:var(--purple)}.vv-velocity{border-left:1px solid var(--border);flex-direction:column;width:80px;padding:8px;display:flex}.vv-v-title{color:var(--faint);font-size:.5rem;font-family:var(--mono);text-align:center;margin-bottom:8px}.vv-v-bars{flex:1;justify-content:space-between;align-items:flex-end;display:flex}.vv-v-bar{background:var(--teal);opacity:.5;border-radius:2px 2px 0 0;width:4px}.composer-loop-btn.is-loop-active{color:var(--green)!important;background:#4ade801a!important;border-color:#4ade8080!important}.piano-roll-mode-pill{color:var(--teal);background:#00f0cc14;border-color:#00f0cc47}.piano-roll-sidebar{opacity:1}body[data-density=compact] .lower-controls-sidebar{flex-basis:204px;gap:10px;width:204px;padding:10px}body[data-density=compact] .lower-control-section{gap:7px}body[data-density=compact] .lower-controls-sidebar .vc-grid{gap:5px}body[data-density=compact] .lower-controls-sidebar .vc-val-box{min-height:26px;padding:4px 5px;font-size:.64rem}body[data-density=compact] .lower-section-title,body[data-density=compact] .lower-controls-sidebar .vc-title{padding-bottom:6px;font-size:.6rem}body[data-density=compact] .piano-roll-options{gap:7px}body[data-density=compact] .lower-controls-sidebar .vv-select{min-height:26px;font-size:.68rem}body[data-density=compact] .piano-roll-zoom-btn,body[data-density=compact] .piano-roll-action-btn,body[data-density=compact] .piano-roll-zoom-value{min-height:24px;font-size:.64rem}body[data-density=compact] .lower-controls-sidebar .vv-check{font-size:.68rem}.piano-roll-header-row{background:#00000029;border-bottom:1px solid #ffffff0d;flex:0 0 54px;min-width:0;height:54px;display:flex;overflow:hidden}.piano-roll-header-spacer{border-right:1px solid var(--border);flex:0 0 54px;width:54px}.piano-roll-scroll{min-width:0;max-width:100%;overflow:auto hidden}.piano-roll-scroll::-webkit-scrollbar{height:4px}.piano-roll-scroll::-webkit-scrollbar-track{background:0 0}.piano-roll-scroll::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}.piano-roll-header-scroll{scrollbar-width:none;flex:1;min-width:0}.piano-roll-header-scroll::-webkit-scrollbar{display:none}.piano-roll-chord-header{border-bottom:none;height:54px;display:flex}.piano-roll-chord-block{border-right:1px solid #ffffff1a;border-top:2px solid var(--teal-dim);flex:none;min-width:36px;padding:8px 6px 4px;transition:background .12s;overflow:hidden}.piano-roll-chord-block.category-chromatic{border-top-color:var(--gold)}.piano-roll-chord-block.category-borrowed{border-top-color:var(--purple)}.piano-roll-chord-block.category-secondary,.piano-roll-chord-block.category-pivot{border-top-color:var(--blue)}.piano-roll-chord-block.is-hovered{background:#00f0cc17}.piano-roll-chord-block strong,.piano-roll-chord-block span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.25;display:block;overflow:hidden}.piano-roll-chord-block strong{color:var(--text);font-size:.72rem;font-weight:600}.piano-roll-chord-block span{color:var(--muted);margin-top:1px;font-size:.58rem}.piano-roll-body-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--faint) transparent;background:#00000040;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;overflow:auto}.piano-roll-body-scroll::-webkit-scrollbar{width:4px;height:4px}.piano-roll-body-scroll::-webkit-scrollbar-track{background:0 0}.piano-roll-body-scroll::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}.piano-roll-pitch-labels{scrollbar-width:none;overscroll-behavior:contain;flex:0 0 54px;align-self:stretch;width:54px;min-height:0;max-height:100%;display:block;overflow:hidden}.piano-roll-pitch-labels::-webkit-scrollbar{display:none}.piano-roll-pitch-labels .vv-k{box-sizing:border-box;font-family:var(--mono);color:var(--faint);flex:none;justify-content:flex-end;align-items:center;padding-right:6px;font-size:.54rem;display:flex;position:relative}.piano-roll-pitch-labels .vv-k.w{color:var(--muted);background:#ffffff0d}.piano-roll-pitch-labels .vv-k.b{color:#ffffff47;background:#00000085}.editable-piano-roll{cursor:crosshair;-webkit-user-select:none;user-select:none;background:#040408b8;outline:none;flex:none;min-width:100%;position:relative}.editable-piano-roll:focus-visible{box-shadow:inset 0 0 0 1px #00f0cc59}.piano-roll-scale-rows,.piano-roll-vertical-grid,.piano-roll-notes{position:absolute;inset:0}.piano-roll-notes{z-index:4}.piano-roll-notes.is-hidden{display:none}.piano-roll-playhead{background:var(--teal);width:2px;box-shadow:0 0 8px var(--teal-glow);pointer-events:none;z-index:20;display:none;position:absolute;top:0;bottom:0}.piano-roll-row{background:#ffffff03;border-bottom:1px solid #ffffff09;position:absolute;left:0;right:0}.piano-roll-row.in-scale{background:#00f0cc09}.piano-roll-grid-line,.piano-roll-chord-start{pointer-events:none;background:#ffffff0b;width:1px;position:absolute;top:0;bottom:0}.piano-roll-grid-line.strong{background:#ffffff29}.piano-roll-chord-start{z-index:2;background:#00f0cc33}.piano-roll-note{cursor:grab;z-index:5;background:linear-gradient(#00f0ccd1,#00b399bd);border:1px solid #b9fff48c;border-radius:4px;position:absolute;box-shadow:0 0 10px #00f0cc2e}.piano-roll-note.is-generated{opacity:.7}.piano-roll-note.is-user,.piano-roll-note.is-edited{opacity:.95}.piano-roll-note.chord-tone{border-color:#ffffffb3;box-shadow:0 0 14px #00f0cc59}.piano-roll-note.outside-scale{background:linear-gradient(#fcd34dcc,#fdba74a3);border-color:#fcd34d99;box-shadow:0 0 10px #fcd34d2e}.piano-roll-note.selected{outline-offset:1px;z-index:7;outline:2px solid #ffffffe6}.piano-roll-note:active{cursor:grabbing}.piano-roll-note-resize{cursor:ew-resize;border-radius:0 4px 4px 0;width:8px;position:absolute;top:-1px;bottom:-1px;right:-2px}.piano-roll-note-resize:after{content:"";background:#ffffff8c;border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px;right:2px}.piano-roll-empty{font-family:var(--mono);color:var(--faint);pointer-events:none;z-index:8;justify-content:center;align-items:center;font-size:.72rem;position:absolute;inset:0}.piano-roll-chord-cols{z-index:1;pointer-events:none;position:absolute;inset:0}.piano-roll-chord-col{transition:background .12s;position:absolute;top:0;bottom:0}.piano-roll-chord-col.is-hovered{background:#00f0cc0b}.piano-roll-pitch-labels .vv-k.is-c{color:var(--teal-dim);background:#00f0cc12;border-top:1px solid #00f0cc38}.piano-roll-row.is-c{border-top:1px solid #00f0cc1a}.mock-piano-keys{align-items:flex-start;height:80px;margin-top:24px;display:flex}.mp-key{border-radius:0 0 2px 2px;height:100%}.mp-key.w{background:#fffc;width:20px;margin-right:1px}.mp-key.b{z-index:1;background:#111;width:14px;height:60%;margin-left:-7px;margin-right:-7px}.mp-key.highlight-d,.mp-key.highlight-f,.mp-key.highlight-a,.mp-key.highlight-c{background:var(--blue)}.category-tension{border-top:2px solid var(--pink)}.category-surprise{border-top:2px solid var(--purple)}.nav-section{font-family:var(--mono);color:var(--faint);letter-spacing:.1em;margin-bottom:8px;padding-left:12px;font-size:.6rem}.shortcut-item{justify-content:space-between;align-items:center;display:flex}.shortcut-item kbd{font-family:var(--mono);color:var(--muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:.6rem}.add-mock:hover{color:var(--text)!important;background:#ffffff0d!important}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0b0d14e6;align-items:center;width:100%;height:76px;padding:0;display:flex;position:fixed;top:0;left:0}.header-logo-block{border-right:1px solid var(--border);align-items:center;width:200px;height:100%;padding-left:20px;display:flex}.header-logo-block .logo{color:var(--teal);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;display:flex}.header-controls-wrapper{height:100%;padding:0 var(--fh-panel-padding-wide);align-items:center;gap:calc(var(--fh-section-gap) + 4px);flex:1;display:flex;overflow-x:auto}.hc-group{align-items:center;gap:var(--fh-section-gap);display:flex}.hc-divider-vert{background:var(--border);width:1px;height:32px;margin:0 8px}.ctrl-group{gap:var(--fh-toolbar-gap);flex-direction:column;display:flex}.ctrl-label{font-family:var(--mono);color:var(--muted);letter-spacing:.05em;padding-left:2px;font-size:.6rem}.compound-ctrl .compound-select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;padding:4px 8px;display:flex}.h-divider{background:var(--border);width:1px;height:16px;margin:0 4px}.h-select{color:var(--text);font-family:var(--body);cursor:pointer;background:0 0;border:none;outline:none;font-size:.8rem}.h-select.secondary{color:var(--muted)}.mock-dropdown{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);align-items:center;gap:12px;padding:6px 14px;font-size:.85rem;display:flex;position:relative}.mock-dropdown span{color:var(--muted);font-size:.6rem}.overlay-select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0;background:0 0!important;border:none!important}.bpm-control{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);min-height:var(--fh-header-control-height);align-items:center;padding:0 6px;display:flex}.bpm-btn{color:var(--muted);cursor:pointer;opacity:.7;border-radius:var(--r-sm);-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0 6px;font-size:1rem;line-height:1;transition:opacity .12s,color .12s,background .12s}.tempo-step-btn{cursor:pointer;-webkit-user-select:none;user-select:none}.bpm-btn:hover{opacity:1;color:var(--teal);background:#00f0cc14}.bpm-btn:active{opacity:1;background:#00f0cc29}.bpm-control input{width:44px;color:var(--text);text-align:center;font-size:.82rem;font-weight:600;font-family:var(--mono);appearance:textfield;-webkit-appearance:none;-moz-appearance:textfield;background:0 0;border:none;outline:none;transition:color .12s}.bpm-control input:focus{color:var(--teal)}.bpm-control input::-webkit-inner-spin-button{appearance:none;margin:0}.bpm-control input::-webkit-outer-spin-button{appearance:none;margin:0}.default-chord-length-control{margin-top:10px}.default-chord-length-control select.default-length-select{width:100%;margin-top:4px}.style-mock{justify-content:space-between;width:140px}.emotion-dropdown-mock{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);min-height:var(--fh-header-control-height);color:var(--text);align-items:center;gap:8px;width:170px;padding:0 14px;font-size:.85rem;display:flex}.btn-generate{border:1px solid var(--teal);color:var(--teal);border-radius:var(--r-md);min-height:var(--fh-header-control-height);cursor:pointer;background:#00f0cc1a;align-items:center;gap:6px;padding:0 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-generate:hover{background:#00f0cc33}.btn-reset{border:1px solid var(--border);color:var(--muted);border-radius:var(--r-md);min-height:var(--fh-header-control-height);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 16px;font-size:.8rem;display:flex}.btn-reset:hover{color:var(--text);background:#ffffff0d}.audio-midi-group{gap:var(--fh-section-gap)}.btn-audio{border:1px solid var(--border);color:var(--muted);border-radius:var(--r-md);min-height:var(--fh-header-control-height);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:.8rem;display:flex}.fh-metronome-btn{border:1px solid var(--border);color:var(--muted);border-radius:var(--r-md);min-height:var(--fh-header-control-height);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;transition:background .12s,border-color .12s,color .12s;display:flex}.fh-metronome-btn:hover,.fh-metronome-btn:focus-visible{color:var(--text);background:#ffffff0d}.fh-metronome-btn[aria-pressed=true],.fh-metronome-btn.fh-metronome-active{color:var(--teal);background:#00f0cc1a;border-color:#00f0cc8c;font-weight:700}.fh-metronome-btn.fh-metronome-armed:not(.fh-metronome-active){color:var(--green);background:#4ade8014;border-color:#4ade8073}.fh-metronome-btn.fh-metronome-unavailable,.fh-metronome-btn:disabled{color:var(--faint);cursor:not-allowed;opacity:.65;background:#ffffff06;border-color:#ffffff14;font-weight:500}.fh-metronome-icon{font-family:var(--mono);color:inherit;opacity:.85;font-size:.62rem;line-height:1}.fh-metronome-state{font-family:var(--mono);color:inherit;opacity:.9;text-transform:uppercase;font-size:.62rem}.midi-status-pill{border:1px solid var(--border);border-radius:var(--r-md);min-height:var(--fh-header-control-height);background:#0006;align-items:center;gap:6px;padding:0 12px;display:flex}.midi-status-pill .status-text{color:var(--muted);font-size:.75rem}.panel-toggle{width:var(--fh-header-control-height);height:var(--fh-header-control-height);border-radius:var(--r-sm);transition:all .2s var(--ease);justify-content:center;align-items:center;display:flex}.panel-toggle:hover{color:var(--text)!important;background:#ffffff0f!important}.sidebar .nav-item{align-items:center;gap:10px;display:flex}.sidebar .nav-item svg{opacity:.7;flex-shrink:0}.sidebar .nav-item:hover svg{opacity:1}.sidebar .nav-item.active svg{opacity:1;stroke:var(--teal)}.sidebar.collapsed .sidebar-header{justify-content:center!important;padding:12px 0 0!important}.sidebar.collapsed .panel-toggle{margin:0 auto}.chord-universe-panel,.sidebar{border-right:2px solid #ffffff0d}.composer-panel{border-top:2px solid #ffffff0d}.right-panel-tab{writing-mode:vertical-rl;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md) 0 0 var(--r-md);color:var(--muted);font-size:.65rem;font-family:var(--mono);cursor:pointer;z-index:10;letter-spacing:.05em;transition:all .2s var(--ease);border-right:none;padding:12px 6px;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.right-panel-tab:hover{background:var(--surface-3);color:var(--text)}.workspace-grid{position:relative}.panel-resizer.horizontal:hover .resizer-handle{background:var(--teal);width:60px}.voicing-view-placeholder.collapsed .vv-body{display:none}.nav-section{border-top:1px solid #ffffff0a;padding-top:16px}.nav-section:first-child{border-top:none;padding-top:0}.composer-chip[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.composer-chip[draggable=true]:active{cursor:grabbing}.composer-chip.is-dragging{opacity:.35}.composer-chip.drag-over{transform:scale(1.04);border-color:var(--teal)!important;background:#00f0cc14!important;box-shadow:0 0 0 2px #00f0cc40,inset 0 1px #ffffff0d!important}.cc-drag-handle{color:var(--faint);cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:.05em;opacity:.4;transition:opacity .15s var(--ease);margin-bottom:2px;font-size:.65rem;line-height:1}.composer-chip[draggable=true]:hover .cc-drag-handle{opacity:.85}.fh-toast{background:var(--surface-4);color:var(--text);font-family:var(--mono);border-radius:var(--r-xl);opacity:0;pointer-events:none;transition:opacity .18s var(--ease), transform .18s var(--ease);z-index:300;white-space:nowrap;letter-spacing:.02em;border:1px solid #ffffff1a;padding:6px 18px;font-size:.68rem;position:fixed;bottom:56px;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 4px 16px #00000080}.fh-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.sb-loading-overlay{z-index:250;pointer-events:none;opacity:0;transition:opacity .22s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sb-loading-overlay.visible{opacity:1}.sb-loading-card{background:var(--surface-4);font-family:var(--mono);color:var(--text);white-space:nowrap;letter-spacing:.02em;border:1px solid #00f0cc47;border-radius:10px;padding:12px 22px;font-size:.78rem;box-shadow:0 8px 32px #00000080}@keyframes chipJustAdded{0%{box-shadow:0 0 0 2px var(--teal), 0 0 18px #00f0cc80}55%{box-shadow:0 0 0 2px #00f0cc59,0 0 10px #00f0cc33}to{box-shadow:none}}.composer-chip.just-added{animation:chipJustAdded .95s var(--ease-out) both}#addUniverseChordBtn:disabled{pointer-events:none;opacity:.3!important;cursor:not-allowed!important}#addUniverseChordBtn:not(:disabled){cursor:pointer}.mock-pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--faint);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;align-items:center;padding:1px 6px;font-size:.47rem;display:inline-flex}.ui-mock-section{opacity:.42;pointer-events:none}.control-select-wrap{z-index:5;width:100%;min-width:0;position:relative;overflow:visible}.header-select{width:100%;height:var(--fh-header-control-height);box-sizing:border-box;border:1px solid var(--border);color:var(--text);font-size:.72rem;font-family:var(--mono);appearance:auto;background:#121931;border-radius:999px;outline:none;padding:0 26px 0 12px}.header-select:focus{border-color:#00d4b48c;box-shadow:0 0 0 1px #00d4b440}.header-select option{color:#f3f6ff;background:#121931}.uc-content{max-width:100%;overflow:hidden}.uc-sym,.uc-rom{text-overflow:ellipsis;white-space:nowrap;text-transform:none;overflow:hidden}.suggestions-list{border-bottom:1px solid var(--border);min-height:78px;grid-template-columns:unset!important;background:#0c0c18b8!important;flex-direction:column!important;flex:none!important;align-items:stretch!important;gap:6px!important;max-height:92px!important;padding:8px 16px!important;display:flex!important;overflow:hidden!important}.suggestions-list:empty,.suggestions-list[style*="display: none"],.suggestions-list[style*=display\:none]{display:none!important}.suggestions-strip-header{flex:none;min-width:130px}.suggestions-strip-header span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:.68rem;display:block}.suggestions-strip-header small{color:var(--muted);white-space:nowrap;font-size:.58rem;display:block}.suggestions-strip-scroll{flex:auto;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow:auto hidden}.suggestions-strip-scroll::-webkit-scrollbar{height:3px}.suggestions-strip-scroll::-webkit-scrollbar-track{background:0 0}.suggestions-strip-scroll::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}.suggestion-chip{border:1px solid var(--border);cursor:pointer;min-width:96px;max-width:160px;height:42px;transition:border-color .2s var(--ease), background .2s var(--ease);background:#ffffff09;border-radius:12px;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.suggestion-chip:hover{background:#00d4b40f;border-color:#00d4b473}.suggestion-chip-main{min-width:0}.suggestion-chip-main strong{font-family:var(--mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;display:block;overflow:hidden}.suggestion-chip-main span{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-transform:none;font-size:.58rem;display:block;overflow:hidden}.suggestion-chip-add{color:var(--teal);cursor:pointer;background:#00d4b414;border:1px solid #00d4b459;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:background .15s;display:flex}.suggestion-chip-add:hover{background:#00d4b433}.autogen-strip{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.autogen-label{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);white-space:nowrap;margin-right:2px;font-size:.58rem;font-weight:600}.autogen-select{height:var(--fh-autogen-control-height);border:1px solid var(--border);color:var(--text);font-family:var(--mono);appearance:auto;cursor:pointer;background:#121931;border-radius:6px;outline:none;padding:0 6px;font-size:.62rem}.autogen-select option{color:#f3f6ff;background:#121931}.autogen-select:focus{border-color:#00d4b48c}.suggestions-strip-top{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.generated-add-all-btn{color:var(--teal);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:#00d4b414;border:1px solid #00d4b459;border-radius:999px;flex:none;padding:3px 10px;font-size:.62rem;font-weight:600;transition:background .15s}.generated-add-all-btn:hover{background:#00d4b433}.suggestions-list[hidden],.suggestions-strip[hidden],.suggestions-strip-wrap[hidden],.suggestions-panel[hidden],.history-status[hidden],.onboarding-hint[hidden],.is-hidden{border:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.u-card{position:relative}.u-card.relation-selected{z-index:10;border-color:var(--teal)!important;opacity:1!important;background:#00f0cc1f!important;box-shadow:0 0 20px #00f0cc80,inset 0 0 15px #00f0cc26!important}.u-card.relation-close{opacity:1!important;background:#00f0cc0d!important;border-color:#00f0cc99!important;box-shadow:0 0 10px #00f0cc40!important}.u-card.relation-smooth{opacity:.9!important;background:#60a5fa05!important;border-color:#60a5fa66!important;box-shadow:0 0 4px #60a5fa1a!important}.u-card.relation-tension{transition:all .2s var(--ease);opacity:1!important;background:#f9a8d40f!important;border-color:#f9a8d499!important;box-shadow:0 0 6px #f9a8d426!important}.u-card.relation-tension:hover{background:#f9a8d41f!important;border-color:#f9a8d4e6!important;box-shadow:0 0 14px #f9a8d466!important}.u-card.relation-outside{opacity:.5!important;border-style:dashed!important;border-color:#ffffff1a!important}.u-card[class*=relation-]:after{font-size:.55rem;font-family:var(--mono);text-transform:uppercase;pointer-events:none;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;padding:2px 6px;font-weight:700;position:absolute;top:-8px;right:8px;box-shadow:0 2px 4px #00000080}.u-card.relation-selected:after{content:"Selected";color:#fff;background:var(--teal);border:1px solid #ffffff4d}.u-card.relation-close:after{content:"Close";color:var(--teal);background:#00f0cc26;border:1px solid #00f0cc4d}.u-card.relation-smooth:after{content:"Smooth";color:var(--blue);opacity:.85;background:#60a5fa1a;border:1px solid #60a5fa33;padding:1px 4px;font-size:.5rem}.u-card.relation-tension:after{content:"Tension";color:var(--pink);background:#f9a8d426;border:1px solid #f9a8d44d}.u-card.relation-outside:after{content:"Outside";color:#fff6;opacity:.7;background:#ffffff0d;border:1px solid #ffffff1a;padding:1px 4px;font-size:.5rem}.universe-grid-layout.dv-active{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.dv-active .u-cards{grid-template-columns:1fr;gap:3px}.dv-col-header{text-transform:none;border-bottom:1px solid #ffffff14;flex-direction:column;align-items:center;gap:2px;min-height:40px;margin-bottom:4px;padding-bottom:6px;display:flex}.dv-lbl{font-family:var(--mono);color:var(--text);letter-spacing:.04em;text-transform:none;font-size:.85rem;font-weight:700;line-height:1.1}.dv-root{font-family:var(--mono);color:var(--teal);font-size:.6rem;font-weight:600;line-height:1}.dv-count{font-family:var(--mono);color:var(--muted);background:#ffffff0d;border:1px solid #ffffff14;border-radius:3px;padding:0 4px;font-size:.5rem;line-height:1.6}.dv-outside .dv-lbl{color:var(--faint);font-size:.65rem;font-weight:500}.dv-outside .dv-col-header{border-bottom-style:dashed}.dv-active .u-card.uc-selected{border-color:var(--teal);background:#00f0cc14;box-shadow:0 0 14px #00f0cc33,inset 0 0 6px #00f0cc14}.dv-active .u-card.uc-selected .u-icon{opacity:.85;color:var(--teal)}.dv-active .u-card.uc-selected .uc-sym{opacity:1}.dv-badges{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:3px;display:flex}.dv-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--faint);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:3px;padding:1px 3px;font-size:.4rem;font-weight:700;line-height:1.3}.dv-fg-stable{color:var(--teal);background:#00f0cc0f;border-color:#00f0cc33}.dv-fg-predominant{color:var(--blue);background:#60a5fa0f;border-color:#60a5fa33}.dv-fg-dominant{color:var(--pink);background:#f9a8d40f;border-color:#f9a8d433}.dv-fg-color{color:var(--purple);background:#b89dfa0f;border-color:#b89dfa33}.dv-tier-core{color:#00f0ccb3;border-color:#00f0cc26}.dv-tier-color{color:#60a5fab3;border-color:#60a5fa26}.dv-tier-advanced{color:#f9a8d4b3;border-color:#f9a8d426}.dv-tier-outside{color:var(--faint)}.tab-sep{background:#ffffff1f;flex-shrink:0;align-self:center;width:1px;height:14px;margin:0 2px}@media (width<=1200px){.universe-grid-layout.dv-active{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.universe-grid-layout.dv-active{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-panel{background:var(--bg);flex-direction:column;flex:auto;min-height:0;display:none;overflow-y:auto}.settings-page{width:100%;max-width:960px;padding:var(--fh-settings-page-padding);gap:var(--fh-section-gap);flex-direction:column;margin:0 auto;display:flex}.settings-header{margin-bottom:var(--fh-toolbar-gap);padding-bottom:var(--fh-section-gap);border-bottom:1px solid var(--border)}.settings-header h1{color:var(--text);letter-spacing:-.01em;margin:0 0 6px;font-size:1.55rem;font-weight:700}.settings-header p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.45}.settings-card{border-radius:var(--fh-card-radius);padding:var(--fh-settings-card-padding);justify-content:space-between;align-items:flex-start;gap:var(--fh-settings-card-gap);background:#ffffff07;border:1px solid #ffffff14;transition:border-color .2s;display:flex}.settings-card:hover{border-color:#ffffff21}.settings-card-main{flex:auto;min-width:0}.settings-card-main h2{color:var(--text);letter-spacing:0;margin:0;font-size:.97rem;font-weight:600}.settings-card-main p{color:var(--muted);margin:6px 0 0;font-size:.8rem;line-height:1.45}.settings-card-controls{flex:none;justify-content:flex-end;align-items:flex-start;display:flex}.settings-language-options{gap:var(--fh-toolbar-gap);flex-wrap:wrap;display:flex}.settings-midi-controls{align-items:flex-end;gap:var(--fh-section-gap);flex-wrap:wrap;justify-content:flex-end;display:flex}.settings-density-options{align-items:center;gap:var(--fh-section-gap);flex-wrap:wrap;justify-content:flex-end;display:flex}.settings-field{gap:var(--fh-toolbar-gap);min-width:200px;color:var(--muted);font-family:var(--mono);flex-direction:column;font-size:.68rem;display:flex}.settings-select{min-height:var(--fh-control-height);color:var(--text);border-radius:var(--fh-card-radius);background:#ffffff0d;border:1px solid #ffffff1a;padding:0 10px;font-size:.75rem}.settings-midi-status{gap:var(--fh-toolbar-gap);color:var(--muted);font-family:var(--mono);flex-direction:column;font-size:.68rem;display:flex}.midi-status-compact{cursor:default;max-width:132px}.midi-status-compact .status-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-density-label{color:var(--muted);font-family:var(--mono);align-self:center;font-size:.68rem}.settings-language-btn{color:var(--muted);border-radius:var(--fh-card-radius);min-height:var(--fh-control-height);font-family:var(--mono);cursor:pointer;background:#0000002e;border:1px solid #ffffff1a;padding:0 14px;font-size:.72rem;transition:border-color .15s,background .15s}.settings-language-btn:hover,.settings-language-btn:focus-visible{background:#ffffff0e;border-color:#00f0cc47;outline:none}.settings-language-btn.is-active{color:var(--teal);background:#00f0cc17;border-color:#00f0cc5c}body.settings-mode .workspace-grid,body.settings-mode .composer-panel,body.settings-mode #bottomPanel,body.settings-mode #resizerBottom{display:none!important}body.settings-mode .settings-panel{flex:auto;display:flex}@media (width<=760px){.settings-page{padding:24px 16px 48px}.settings-card{flex-direction:column;gap:16px}.settings-card-controls{justify-content:flex-start;width:100%}.settings-midi-controls,.settings-density-options{justify-content:flex-start}}body[data-density=compact] .settings-page{padding:var(--fh-settings-page-padding);gap:var(--fh-section-gap)}body[data-density=compact] .settings-card{padding:var(--fh-settings-card-padding);gap:var(--fh-settings-card-gap)}body[data-density=compact] .settings-header{margin-bottom:var(--fh-toolbar-gap);padding-bottom:var(--fh-section-gap)}body[data-density=compact] .settings-language-btn,body[data-density=compact] .settings-select{min-height:var(--fh-control-height)}body[data-density=compact] .header-controls-wrapper{padding-inline:var(--fh-panel-padding-wide);gap:var(--fh-section-gap)}body[data-density=compact] .hc-group,body[data-density=compact] .audio-midi-group{gap:var(--fh-section-gap)}body[data-density=compact] .ctrl-group{gap:var(--fh-toolbar-gap)}body[data-density=compact] .sidebar{padding-bottom:var(--fh-panel-padding)}body[data-density=compact] .sidebar .nav-item{padding:8px var(--fh-panel-padding-wide)}body[data-density=compact] .panel-header{padding:var(--fh-panel-padding) var(--fh-panel-padding-wide)}body[data-density=compact] .universe-toolbar{padding:var(--fh-panel-padding) var(--fh-panel-padding) 0}body[data-density=compact] .universe-tabs{gap:var(--fh-section-gap);margin-top:var(--fh-toolbar-gap);padding-inline:var(--fh-panel-padding)}body[data-density=compact] .universe-grid-layout{gap:var(--fh-section-gap)!important}body[data-density=compact] #chordUniverseGrid{padding:var(--fh-panel-padding)!important}body[data-density=compact] .u-cards{gap:var(--fh-toolbar-gap)!important}body[data-density=compact] .u-card{border-radius:var(--fh-card-radius);padding:5px!important}body[data-density=compact] .selected-content{padding:var(--fh-panel-padding-wide)}body[data-density=compact] .selected-active{gap:var(--fh-section-gap)!important}body[data-density=compact] .suggestions-list{min-height:64px;padding:var(--fh-panel-padding) var(--fh-panel-padding-wide)!important;gap:var(--fh-toolbar-gap)!important;max-height:76px!important}.autogen-strip,#generateBtn{display:none!important}.suggestions-section{border-bottom:1px solid var(--border)}.suggestions-toggle-btn{width:100%;color:var(--muted);font-size:.6rem;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:5px 16px;display:flex}.suggestions-toggle-btn:hover{color:var(--text);background:#ffffff08}.suggestions-toggle-chevron{font-size:.55rem;transition:transform .15s;display:inline-block}.suggestions-section:not(.collapsed) .suggestions-toggle-chevron{transform:rotate(90deg)}.suggestions-section.collapsed .suggestions-list,.suggestions-section.collapsed #adaptiveLabel,.suggestions-section.collapsed #emotionLabel{display:none!important}.gj-panel{font-family:var(--mono);background:#080a14d9;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0d;flex-shrink:0}.gj-header{justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.gj-header-left{align-items:center;gap:8px;display:flex}.gj-header-right{align-items:center;gap:12px;min-width:0;display:flex}.gj-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-size:.72rem;font-weight:700}.gj-badge-experimental{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pink,#f9a8d4);white-space:nowrap;background:#f9a8d41f;border:1px solid #f9a8d44d;border-radius:999px;padding:1px 7px;font-size:.52rem}.gj-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:.62rem;overflow:hidden}.gj-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.55rem;transition:color .15s,border-color .15s,background .15s}.gj-toggle-btn:hover{color:var(--text);background:#00f0cc0d;border-color:#00f0cc59}.gj-body{opacity:1;max-height:520px;padding:0 16px 12px;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .22s,padding .22s;overflow:hidden}.gj-body.gj-collapsed{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}.gj-instrument-stage{grid-template-columns:minmax(150px,1fr) minmax(230px,1.35fr) minmax(150px,1fr);align-items:center;gap:18px;min-height:190px;padding:8px 0 10px;display:grid;position:relative}.gj-wheel-wrap{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.gj-wheel-label{color:var(--faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:700}.gj-wheel{background:radial-gradient(circle,#080a14eb 0 34%,#0000 35%),conic-gradient(from -90deg,#00f0cc2e,#b89dfa33,#60a5fa29,#00f0cc2e);border:1px solid #ffffff1a;border-radius:50%;width:144px;height:144px;position:relative;box-shadow:inset 0 0 28px #00000073,0 12px 36px #00000042}.gj-wheel:after{content:"";background:#050810b8;border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:43px}.gj-wheel-segment{z-index:1;width:40px;height:25px;color:var(--muted);font-family:var(--mono);cursor:pointer;transform:rotate(var(--gj-angle)) translate(var(--gj-radius)) rotate(calc(-1 * var(--gj-angle))) translate(-50%, -50%);background:#0c0f1ce0;border:1px solid #ffffff1f;border-radius:999px;font-size:.62rem;font-weight:800;transition:color .13s,border-color .13s,background .13s,box-shadow .13s;position:absolute;top:50%;left:50%}.gj-wheel-segment:hover{color:var(--text);border-color:#ffffff47}.gj-wheel-segment.is-active{color:#071016;background:var(--teal);border-color:#00f0ccd9;box-shadow:0 0 18px #00f0cc57}.gj-wheel-segment.is-hand-hover{color:var(--text);border-color:#b89dfad1;box-shadow:0 0 0 2px #b89dfa52,0 0 18px #b89dfa47}.gj-wheel-segment--quality{width:48px}.gj-hand-cursor{z-index:6;pointer-events:none;background:#b89dfa24;border:2px solid #b89dfaf2;border-radius:999px;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #b89dfa6b,inset 0 0 10px #ffffff1f}.gj-hand-cursor:after{content:"";border-radius:inherit;background:var(--teal);opacity:.9;position:absolute;inset:6px}.gj-hand-cursor[hidden]{display:none!important}.gj-wheel-empty{color:var(--faint);z-index:2;place-items:center;font-size:.62rem;display:grid;position:absolute;inset:0}.gj-center-orb{text-align:center;background:radial-gradient(circle at 50% 22%,#00f0cc2e,#0000 32%),radial-gradient(circle at 50% 78%,#b89dfa29,#0000 34%),#080a14d6;border:1px solid #00f0cc29;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:18px;display:flex;box-shadow:inset 0 0 38px #00000061,0 12px 38px #00000040}.gj-orb-eyebrow{color:var(--faint);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.55rem;font-weight:700}.gj-center-orb strong{color:var(--teal);font-family:var(--mono);font-size:1rem;line-height:1.1}.gj-center-orb>span:last-of-type{color:var(--muted);font-family:var(--mono);min-height:16px;font-size:.63rem}.gj-status-strip{min-height:26px;color:var(--muted);font-family:var(--mono);background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;margin-bottom:8px;padding:5px 10px;font-size:.64rem;font-weight:600;display:flex}.gj-status-strip--ready{color:var(--teal);background:#00f0cc0f;border-color:#00f0cc38}.gj-status-strip--missing{color:#fca5a5;background:#f871710d;border-color:#f871713d}.gj-status-strip--added{color:#4ade80;background:#4ade800f;border-color:#4ade8040}.gj-status-strip--hand{color:#c4b5fd;background:#b89dfa12;border-color:#b89dfa47}.gj-pad-fallback{border-top:1px solid #ffffff0d;padding-top:8px}.gj-pads{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.gj-empty{color:var(--faint);text-align:center;padding:8px 0;font-size:.68rem}.gj-pad{border:1px solid var(--gj-border,#ffffff26);background:var(--gj-bg,#ffffff0a);min-width:62px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;transition:border-color .14s,background .14s,transform 80ms,box-shadow .14s;display:flex;position:relative}.gj-pad:hover:not(:disabled){border-color:var(--gj-accent,var(--teal));transform:translateY(-1px);box-shadow:0 4px 14px #00000059}.gj-pad:active:not(:disabled){transform:translateY(0)scale(.97)}.gj-pad--active{border-color:var(--gj-accent,var(--teal))!important;box-shadow:0 0 0 2px var(--gj-accent,var(--teal)), 0 4px 18px #0006!important}.gj-pad--disabled,.gj-pad:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.gj-pad-symbol{font-family:var(--mono);color:var(--text);letter-spacing:-.01em;font-size:.82rem;font-weight:700;line-height:1}.gj-pad-roman{font-family:var(--mono);color:var(--gj-accent,var(--muted));opacity:.8;font-size:.52rem;line-height:1}.gj-controls{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:6px;display:flex}.gj-selected-wrap{align-items:center;gap:6px;min-width:0;display:flex}.gj-selected-label-prefix{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.58rem}.gj-selected-label{font-family:var(--mono);color:var(--muted);font-size:.78rem;font-weight:600;transition:color .16s}.gj-selected-label.gj-label--active{color:var(--teal)}.gj-btn-row{flex-shrink:0;align-items:center;gap:6px;display:flex}.gj-btn{height:26px;color:var(--muted);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;padding:0 10px;font-size:.63rem;font-weight:600;transition:border-color .13s,background .13s,color .13s}.gj-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.gj-btn--preview{color:#4ade80;background:#4ade800d;border-color:#4ade804d}.gj-btn--preview:hover:not(:disabled){background:#4ade801f;border-color:#4ade808c}.gj-btn--send{color:var(--teal);background:#00f0cc0f;border-color:#00f0cc59}.gj-btn--send:hover:not(:disabled){background:#00f0cc24;border-color:#00f0cc99}.gj-btn--clear{color:#f87171;background:#f871710a;border-color:#f8717140}.gj-btn--clear:hover:not(:disabled){background:#f871711a;border-color:#f8717180}.gj-camera-control{border-top:1px solid #ffffff0d;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;display:flex}.gj-center-orb .gj-camera-control{width:min(100%,330px);margin-top:6px;padding-top:7px}.gj-center-orb .gj-camera-topline,.gj-center-orb .gj-camera-preview-row{justify-content:center}.gj-camera-topline,.gj-camera-preview-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.gj-camera-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gj-btn--camera{color:#93c5fd;background:#60a5fa0f;border-color:#60a5fa57}.gj-btn--camera:hover:not(:disabled){background:#60a5fa21;border-color:#60a5fa94}.gj-btn--camera-off{color:#fca5a5;background:#f871710a;border-color:#f871713d}.gj-btn--camera-off:hover:not(:disabled){background:#f871711a;border-color:#f871717a}.gj-camera-status{min-height:24px;color:var(--muted);font-family:var(--mono);background:#ffffff09;border:1px solid #ffffff17;border-radius:6px;align-items:center;gap:7px;padding:0 8px;font-size:.62rem;font-weight:600;display:inline-flex}.gj-camera-dot{background:var(--faint);border-radius:999px;flex:none;width:7px;height:7px;box-shadow:0 0 0 1px #ffffff0d}.gj-camera-dot--active,.gj-camera-dot--face{background:#60a5fa}.gj-camera-dot--ready,.gj-camera-dot--added{background:var(--teal);box-shadow:0 0 12px #00f0cc59}.gj-camera-dot--open{background:#4ade80;box-shadow:0 0 12px #4ade8052}.gj-camera-dot--denied{background:#f87171}.gj-camera-dot--off{background:var(--faint)}.gj-camera-video{object-fit:cover;background:#00000052;border:1px solid #ffffff1f;border-radius:8px;width:144px;height:96px;transform:scaleX(-1)}.gj-camera-video[hidden]{display:none!important}.gj-camera-privacy{color:var(--faint);font-family:var(--mono);margin-left:auto;font-size:.58rem;line-height:1.35}@media (width<=760px){.gj-body{max-height:760px}.gj-instrument-stage{grid-template-columns:1fr;gap:12px}.gj-center-orb{border-radius:14px;order:-1;min-height:170px}.gj-camera-status,.gj-camera-privacy{width:100%}.gj-camera-video{width:132px;height:88px}}.workspace-view-toggle{background:#04070f85;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:2px;margin-right:auto;padding:2px;display:inline-flex}.workspace-view-btn{min-height:26px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:.62rem;font-weight:800}.workspace-view-btn:hover,.workspace-view-btn.is-active{color:var(--text);background:#00f0cc1c}.workspace-view-btn.is-active{color:var(--teal);box-shadow:inset 0 0 0 1px #00f0cc3d}.chord-universe-panel.gj-stage-active{background:radial-gradient(circle at 18% 46%,#00f0cc14,#0000 34%),radial-gradient(circle at 82% 52%,#b89dfa1a,#0000 32%),#050810f5}.chord-universe-panel.gj-stage-active .universe-tabs,.chord-universe-panel.gj-stage-active .universe-relationship-strip,.chord-universe-panel.gj-stage-active #suggestionsSection,.chord-universe-panel.gj-stage-active #chordUniverseGrid,.chord-universe-panel.gj-stage-active #harmonyCompassExplore,.gj-panel[hidden],.gj-legacy-panel[hidden]{display:none!important}.gj-stage-view{background:0 0;border:0;flex-direction:column;flex:auto;min-height:0;padding:14px 16px 16px;display:flex}.gj-stage-view .gj-body{opacity:1;flex:auto;min-height:0;max-height:none;padding:0;overflow:visible}.gj-stage-view .gj-instrument-stage{background:radial-gradient(circle at 50% 34%,#00f0cc24,#0000 30%),linear-gradient(135deg,#070c18fa,#0f0b1cfa);border:1px solid #ffffff17;border-radius:14px;height:100%;min-height:0;max-height:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0000007a,0 24px 48px #00000038}.gj-stage-view .gj-camera-video{z-index:0;object-fit:cover;background:#050815;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.gj-stage-view .gj-camera-video:not([hidden])~.gj-stage-placeholder{opacity:0}.gj-stage-placeholder{z-index:0;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .16s;display:flex;position:absolute;inset:0}.gj-stage-placeholder-title{color:#00f0cc7a;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(2rem,8vw,6.4rem);font-weight:900}.gj-stage-placeholder-copy{max-width:420px;color:var(--faint);font-family:var(--mono);font-size:.7rem;line-height:1.45}.gj-stage-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#03060ec7,#0000 28% 72%,#03060ec7),linear-gradient(#03060e8a,#0000 36%,#03060eb8);position:absolute;inset:0}.gj-stage-view .gj-wheel-wrap{z-index:3;gap:10px;position:absolute;top:43%;transform:translateY(-50%)}.gj-stage-view .gj-wheel-wrap--root{left:clamp(22px,4vw,52px)}.gj-stage-view .gj-wheel-wrap--quality{right:clamp(22px,4vw,52px)}.gj-stage-view .gj-wheel-label{color:#ffffffad;text-shadow:0 2px 12px #000000e6}.gj-stage-view .gj-wheel{background:radial-gradient(circle,#060912f2 0 31%,#0000 32%),conic-gradient(from -90deg,#00f0cc3d,#b89dfa47,#60a5fa38,#00f0cc3d);border-color:#ffffff2e;width:clamp(238px,25vw,318px);height:clamp(238px,25vw,318px);box-shadow:inset 0 0 42px #0000008c,0 18px 42px #0006}.gj-stage-view .gj-wheel:after{background:#050810d1;inset:36%}.gj-stage-view .gj-wheel-segment{color:#e6ebf5d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c18e0;border-radius:10px;width:54px;height:34px;font-size:.73rem}.gj-stage-view .gj-wheel-segment--quality{width:62px}.gj-stage-view .gj-center-orb{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050810b8;border-color:#00f0cc3d;width:min(310px,30vw);min-height:150px;padding:20px 22px;position:absolute;top:clamp(42px,13vh,118px);left:50%;transform:translate(-50%)}.gj-stage-view .gj-center-orb strong{font-size:clamp(1.1rem,2.1vw,1.55rem)}.gj-stage-view .gj-hand-cursor{z-index:7}.gj-stage-view .gj-status-strip{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0508109e;width:min(520px,100% - 420px);margin:0;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.gj-stage-bottom{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04070fbd;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:stretch;gap:12px;padding:10px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.gj-stage-view .gj-camera-control,.gj-stage-view .gj-controls{background:0 0;border:0;margin:0;padding:0}.gj-stage-view .gj-camera-control{flex:auto;min-width:260px}.gj-stage-view .gj-controls{flex:auto;justify-content:flex-end}.gj-stage-view .gj-camera-topline{justify-content:flex-start}.gj-stage-view .gj-camera-privacy{max-width:360px;margin:0}@media (width<=980px){.workspace-view-toggle{order:3;width:100%;margin:2px 0 0}.workspace-view-btn{flex:1}.gj-stage-view{padding:10px}.gj-stage-view .gj-instrument-stage{min-height:640px}.gj-stage-view .gj-wheel-wrap{top:auto;transform:none}.gj-stage-view .gj-wheel-wrap--root{bottom:180px;left:16px}.gj-stage-view .gj-wheel-wrap--quality{bottom:180px;right:16px}.gj-stage-view .gj-wheel{width:218px;height:218px}.gj-stage-view .gj-center-orb{width:min(300px,100% - 32px);top:28px}.gj-stage-view .gj-status-strip{width:calc(100% - 32px);bottom:128px}.gj-stage-bottom{flex-direction:column}.gj-stage-view .gj-controls{justify-content:space-between}}.gj-hand-cursor-root{background:#00f0cc24;border-color:#00f0ccf2;box-shadow:0 0 18px #00f0cc6b,inset 0 0 10px #ffffff1a}.gj-hand-cursor-root:after{background:#00f0ccd9}.gj-hand-cursor-quality{background:#b89dfa24;border-color:#b89dfaf2;box-shadow:0 0 18px #b89dfa6b,inset 0 0 10px #ffffff1a}.gj-hand-cursor-quality:after{background:#b89dfad9}.gj-cursor-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:.44rem;font-weight:700;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.gj-hand-cursor-root .gj-cursor-label{color:var(--teal)}.gj-hand-cursor-quality .gj-cursor-label{color:#c4b5fd}.gj-hand-label-tag{letter-spacing:.07em;vertical-align:middle;border:1px solid #0000;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.46rem;display:inline-block}.gj-hand-label-tag--root{color:var(--teal);background:#00f0cc17;border-color:#00f0cc47}.gj-hand-label-tag--quality{color:#c4b5fd;background:#b89dfa17;border-color:#b89dfa47}.gj-advanced-wrap{flex-direction:column;align-items:center;gap:5px;max-width:100%;margin-top:8px;display:flex}.gj-advanced-toggle-btn{color:var(--faint);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:3px 10px;font-size:.53rem;font-weight:600;transition:color .13s,border-color .13s,background .13s}.gj-advanced-toggle-btn:hover{color:var(--muted);background:#b89dfa0d;border-color:#b89dfa59}.gj-advanced-strip{flex-wrap:wrap;justify-content:center;gap:4px;max-width:280px;padding:4px 0;display:flex}.gj-advanced-quality-btn{color:#c4b5fd;cursor:pointer;font-family:var(--mono);white-space:nowrap;background:#b89dfa12;border:1px solid #b89dfa33;border-radius:6px;padding:2px 8px;font-size:.57rem;font-weight:600;transition:color .12s,border-color .12s,background .12s,box-shadow .12s}.gj-advanced-quality-btn:hover,.gj-advanced-quality-btn.is-hand-hover{color:#e9d5ff;background:#b89dfa26;border-color:#b89dfa7a}.gj-advanced-quality-btn.is-active{color:#ede9fe;background:#b89dfa38;border-color:#b89dfab3;box-shadow:0 0 10px #b89dfa3d}.gj-orb-meta{color:#c4b5fd;font-family:var(--mono);text-align:center;min-height:16px;font-size:.68rem}.gj-orb-status{color:var(--muted);font-family:var(--mono);text-align:center;min-height:14px;margin-top:2px;font-size:.57rem;transition:color .16s}.gj-orb-status--ready{color:var(--teal)}.gj-orb-status--missing{color:#fca5a5}.gj-orb-status--added{color:#4ade80}.gj-orb-status--open{color:#86efac}.gj-pad-fallback-section{border-top:1px solid #ffffff0d}.gj-toggle-pads-btn{width:100%;color:var(--faint);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.56rem;font-weight:600;transition:color .13s,background .13s;display:flex}.gj-toggle-pads-btn:hover{color:var(--muted);background:#ffffff05}.gj-pad-fallback{border-top:none;max-height:0;padding:0;transition:max-height .25s,padding .25s;overflow:hidden}.gj-pad-fallback.is-open{max-height:180px;padding:8px 0;overflow-y:auto}.gj-stage-view .gj-pad-fallback-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070fc2;border-radius:0 0 10px 10px}.gj-stage-view .gj-pad-fallback{display:block!important}.gj-stage-view .gj-pad-fallback .gj-pads{flex-wrap:wrap;gap:5px;padding:0 8px 4px}.gj-camera-dot--idle{background:var(--muted)}.gj-stage-view .gj-status-strip{bottom:58px!important}.chord-universe-panel.gj-stage-active .panel-search-row,.chord-universe-panel.gj-stage-active .universe-tabs{display:none!important}.gj-hud{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04070fad;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;gap:2px;min-width:110px;padding:8px 10px;display:flex;position:absolute;top:12px;left:12px}.gj-hud-row{align-items:baseline;gap:6px;display:flex}.gj-hud-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--faint);min-width:46px;font-size:.54rem;font-weight:700}.gj-hud-val{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.7rem;font-weight:600;overflow:hidden}.gj-center-display{z-index:4;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gj-center-display strong{font-family:var(--mono);color:#f0f0f8;text-shadow:0 2px 18px #000000d9,0 0 40px #00f0cc2e;letter-spacing:-.02em;font-size:clamp(1.6rem,4.5vw,3rem);font-weight:800;line-height:1}.gj-center-display .gj-orb-meta{text-shadow:0 1px 8px #000c;font-size:.72rem}.gj-center-display .gj-orb-status{text-shadow:0 1px 8px #000c;font-size:.6rem}.gj-instrument-bar{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04070fd1;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.gj-ibar-left,.gj-ibar-center,.gj-ibar-right{align-items:center;gap:6px;min-width:0;display:flex}.gj-ibar-left{flex:none}.gj-ibar-center{flex:auto;justify-content:center;overflow:hidden}.gj-ibar-right{flex:none}.gj-ibar-cam-status{font-family:var(--mono);color:var(--faint);white-space:nowrap;font-size:.58rem}.gj-ibar-btn{height:30px;color:var(--muted);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-size:.62rem;font-weight:700;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.gj-ibar-btn:disabled{opacity:.38;cursor:default}.gj-ibar-btn--camera{color:var(--teal);border-color:#00f0cc4d}.gj-ibar-btn--camera:hover:not(:disabled){background:#00f0cc1a;border-color:#00f0cc8c}.gj-ibar-btn--camera-off{color:var(--muted);border-color:#ffffff1a}.gj-ibar-btn--camera-off:hover:not(:disabled){color:#fca5a5;background:#ff646414;border-color:#ff787859}.gj-ibar-btn--preview{color:var(--teal);border-color:#00f0cc38}.gj-ibar-btn--preview:hover:not(:disabled){background:#00f0cc14;border-color:#00f0cc80;box-shadow:0 0 8px #00f0cc26}.gj-ibar-btn--send{color:var(--teal);background:#00f0cc1a;border-color:#00f0cc73;font-size:.65rem}.gj-ibar-btn--send:hover:not(:disabled){background:#00f0cc2e;border-color:#00f0ccb3;box-shadow:0 0 12px #00f0cc38}.gj-ibar-btn--clear{color:var(--faint);border-color:#ffffff14}.gj-ibar-btn--clear:hover:not(:disabled){color:var(--muted);background:#ffffff0d;border-color:#ffffff2e}.gj-selected-label{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.66rem;font-weight:600;overflow:hidden}.gj-selected-label.has-chord{color:var(--teal)}.gj-instrument-bar .gj-camera-privacy{color:var(--faint);white-space:nowrap;margin:0;font-size:.52rem;display:none}@media (width>=860px){.gj-instrument-bar .gj-camera-privacy{display:inline}}.gj-ibar-sep{background:#ffffff12;flex-shrink:0;width:1px;height:20px}@media (height<=620px){.gj-instrument-bar{height:44px;padding:0 10px}.gj-ibar-btn{height:26px;padding:0 9px;font-size:.58rem}.gj-stage-view .gj-status-strip{bottom:50px!important}}body.explore-mode #chordUniversePanel .panel-header,body.explore-mode #chordUniversePanel #suggestionsSection,body.soundgo-active #chordUniversePanel .panel-header,body.soundgo-active #chordUniversePanel .universe-tabs,body.soundgo-active #chordUniversePanel .universe-relationship-strip,body.soundgo-active #chordUniversePanel #suggestionsSection,body.soundgo-active #chordUniverseGrid,body.soundgo-active #harmonyCompassExplore,body.soundgo-active #gestureJamPanel,body.soundgo-active #centerPanel,body.soundgo-active #rightPanelTab,body.soundgo-active #settingsPanel,body.soundgo-mode #chordUniversePanel .panel-header,body.soundgo-mode #chordUniversePanel #suggestionsSection{display:none!important}body.soundgo-active #soundGoPanel{display:flex!important}body.soundgo-mode #gestureJamPanel,body.soundgo-mode .gj-pad-fallback-section,body.soundgo-active #composerPanel,body.soundgo-active #resizerBottom,body.soundgo-active #bottomPanel,body.soundgo-mode #composerPanel,body.soundgo-mode #resizerBottom,body.soundgo-mode #bottomPanel{display:none!important}.soundgo-standalone-panel{background:#050507;flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.soundgo-standalone-panel[hidden]{display:none!important}.soundgo-standalone-note{z-index:2;color:#ffffffb8;max-width:min(420px,100% - 24px);font-family:var(--mono);pointer-events:none;background:#050507b8;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px;font-size:.64rem;line-height:1.35;position:absolute;top:12px;left:12px}.soundgo-standalone-frame{background:#050507;border:0;width:100%;height:100%;min-height:0;display:block}body.soundgo-active #chordUniversePanel,body.soundgo-mode #chordUniversePanel{background:#050507;border-right:0;flex:auto;width:100%;min-width:0;display:flex}body.soundgo-active .workspace-grid,body.soundgo-mode .workspace-grid{min-height:0}body.has-context-panel .app-header{top:0;left:var(--active-sidebar-width);width:var(--context-panel-width);border-bottom:none;border-right:1px solid var(--border);z-index:999;flex-direction:column;align-items:stretch;gap:18px;height:100vh;padding:16px 14px;position:fixed;overflow:hidden auto}body.has-context-panel .header-logo-block{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;padding:0 0 12px}body.has-context-panel .header-controls-wrapper{flex-direction:column;align-items:stretch;gap:16px;height:auto;padding:0;overflow:visible}body.has-context-panel .hc-group{flex-direction:column;align-items:stretch;gap:10px}body.has-context-panel .hc-divider-vert{width:100%;height:1px;margin:4px 0}body.has-context-panel .ctrl-group{flex-direction:column;align-items:flex-start;gap:4px}body.has-context-panel .ctrl-group .header-select,body.has-context-panel .ctrl-group .control-select-wrap,body.has-context-panel .ctrl-group select{width:100%;max-width:none}body.has-context-panel .bpm-control{justify-content:center;width:100%}body.has-context-panel .autogen-strip{flex-wrap:wrap;gap:6px}body.has-context-panel .autogen-strip .autogen-select{flex:1;min-width:70px}body.has-context-panel .btn-generate,body.has-context-panel .btn-reset{width:100%}body.has-context-panel .audio-midi-group{flex-direction:column;align-items:stretch;gap:8px}body.has-context-panel .audio-midi-group select{width:100%;max-width:none}body.has-context-panel .actions-group{flex-direction:column;align-items:stretch}body.has-context-panel .app-layout{height:100vh;margin-top:0}body.has-context-panel .main-wrapper{margin-left:var(--context-panel-width)}body:not(.has-context-panel) .app-header{display:none!important}body:not(.has-context-panel) .app-layout{height:100vh;margin-top:0}body.section-learn .actions-group,body.section-learn .emotion-block,body.section-learn .autogen-strip,body.section-learn .btn-generate,body.section-learn .chord-universe-panel .compose-universe-workspace,body.section-learn .chord-universe-panel .universe-tabs,body.section-learn .chord-universe-panel .universe-relationship-strip{display:none!important}body.section-learn .chord-universe-panel .learn-workspace{display:block}body.section-learn #fhWsToolbar{display:none!important}body.section-learn #chordUniversePanel.fh-ws-panel-hidden,body.section-learn #centerPanel.fh-ws-panel-hidden{display:flex!important}@media (width<=1200px){body.has-context-panel .app-header{width:200px}body.has-context-panel .main-wrapper{margin-left:200px}}@media (width<=900px){body.has-context-panel .app-header{width:180px;padding:12px 10px}body.has-context-panel .main-wrapper{margin-left:180px}}@media (pointer:fine) and (width>=701px) and (width<=1024px){body.has-context-panel .app-header{width:auto;max-width:none;padding:8px 12px}body.has-context-panel .main-wrapper{margin-left:0}.workspace-grid,.chord-universe-panel,.selected-chord-panel{min-width:0}}body.has-context-panel .context-panel-header{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:12px;display:block}body:not(.has-context-panel) .context-panel-header{display:none!important}.cp-header-compose,.cp-header-learn{display:none}body.section-compose .cp-header-compose,body.section-learn .cp-header-learn{display:block}.cp-title{letter-spacing:.05em;color:var(--text);margin:0 0 4px;font-size:1.1rem;font-weight:600}.cp-subtitle{color:var(--muted);margin:0;font-size:.75rem;line-height:1.3}.context-panel-section-title{font-size:.65rem;font-family:var(--mono);color:var(--teal);text-transform:uppercase;letter-spacing:.1em;margin-top:8px;margin-bottom:4px;display:none}body.has-context-panel .context-panel-section-title{display:block}body.section-learn .cp-group-compose-only,body.section-learn .cp-section-compose,body.section-learn .cp-ctrl-compose-only,body.has-context-panel .hc-divider-vert{display:none!important}.sidebar-brand{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.sidebar-brand-text{letter-spacing:.02em;white-space:nowrap;text-overflow:clip;font-size:1.1rem;font-weight:700;overflow:hidden}body.sidebar-collapsed .sidebar-brand-text{display:none}body.sidebar-collapsed .sidebar-header{justify-content:center!important}body.sidebar-collapsed{--active-sidebar-width:var(--sidebar-collapsed-width)}.learn-function-badge{font-family:var(--mono);color:var(--blue);background:#93c5fd14;border:1px solid #93c5fd3d;border-radius:999px;padding:5px 8px;font-size:.66rem;font-weight:700}.learn-feeling-line{color:var(--gold);font-family:var(--mono);margin-top:10px;font-size:.72rem;font-weight:700}.learn-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.learn-meter{min-width:0}.learn-meter-top{color:var(--muted);font-family:var(--mono);justify-content:space-between;align-items:center;gap:8px;font-size:.62rem;display:flex}.learn-meter-top strong{color:var(--text);font-weight:800}.learn-meter-track{background:#ffffff12;border-radius:999px;height:6px;margin-top:5px;overflow:hidden}.learn-meter-fill{border-radius:inherit;background:linear-gradient(90deg,#00f0ccc7,#93c5fdd1);height:100%}.learn-meter-tension .learn-meter-fill{background:linear-gradient(90deg,#f9a8d4b8,#fca5a5d6)}.learn-meter-color .learn-meter-fill{background:linear-gradient(90deg,#b89dfab8,#f9a8d4c7)}.learn-meter-pull .learn-meter-fill{background:linear-gradient(90deg,#fcd34dc7,#fdba74d6)}.learn-explanation-short{color:var(--muted);margin:13px 0 0;font-size:.78rem;line-height:1.45}.learn-why-card{background:#00000024;border:1px solid #ffffff14;border-radius:8px;margin-top:12px;padding:10px}.learn-why-card span,.learn-next-moves>span{color:var(--faint);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:800;display:block}.learn-why-card p{color:var(--muted);margin:6px 0 0;font-size:.76rem;line-height:1.45}.learn-next-moves{margin-top:12px}.learn-next-moves div{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.learn-next-chip{text-overflow:ellipsis;max-width:100%;color:var(--text);font-family:var(--mono);background:#00f0cc0e;border:1px solid #00f0cc29;border-radius:999px;padding:4px 8px;font-size:.62rem;overflow:hidden}.learn-suggestion-line{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;gap:6px;margin-top:6px;font-size:.61rem;display:flex}.learn-suggestion-line span:first-child{color:var(--blue)}.learn-suggestion-line span+span:before{content:"·";color:var(--faint);margin-right:6px}.learn-suggestion-meta{color:var(--muted);margin-top:6px;font-size:.72rem;line-height:1.35}.learn-suggestion-tags{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.learn-suggestion-meters{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:7px;display:grid}.learn-suggestion-meters span{text-overflow:ellipsis;min-width:0;color:var(--faint);font-family:var(--mono);text-align:center;background:#ffffff0b;border-radius:5px;padding:3px 2px;font-size:.54rem;overflow:hidden}@media (width<=760px){.learn-meta-grid,.learn-suggestion-meters{grid-template-columns:1fr 1fr}}.learn-intent-intro{color:var(--faint);font-family:var(--mono);margin:0 0 10px;font-size:.67rem;line-height:1.4}.learn-intent-intro em{color:var(--muted);font-style:normal}.learn-intent-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.learn-intent-step{min-width:0;color:var(--muted);cursor:pointer;font-family:var(--mono);text-align:center;background:#0003;border:1px solid #ffffff14;border-radius:7px;flex-direction:column;align-items:center;gap:2px;padding:8px 5px;font-size:.61rem;transition:border-color .14s,background .14s,opacity .14s;display:flex}.learn-intent-step:hover,.learn-intent-step:focus-visible{background:#ffffff0d;border-color:#00f0cc38;outline:none}.learn-intent-step-index{color:var(--faint);letter-spacing:.04em;font-size:.52rem;font-weight:800}.learn-intent-step-label{color:inherit;word-break:break-word;overflow-wrap:anywhere;font-weight:700;line-height:1.2}.learn-intent-step-count{color:var(--faint);font-size:.58rem}.learn-intent-step.is-active{color:var(--text);background:#00f0cc14;border-color:#00f0cc47}.learn-intent-step.is-active .learn-intent-step-index{color:var(--teal)}.learn-intent-step.is-empty{opacity:.48}.learn-intent-step.is-empty.is-active{opacity:1;color:var(--muted);background:#ffffff0a;border-color:#ffffff24}.learn-intent-step.is-empty.is-active .learn-intent-step-index{color:var(--faint)}.learn-intent-context{background:#0000001a;border:1px solid #ffffff12;border-radius:7px;padding:10px 12px}.learn-intent-context-title{color:var(--text);font-family:var(--mono);letter-spacing:.02em;font-size:.72rem;font-weight:800}.learn-intent-context-description{color:var(--muted);margin:5px 0 0;font-size:.78rem;line-height:1.4}.learn-empty-intent{text-align:center;border:1px dashed #ffffff1a;border-radius:8px;padding:20px 16px}.learn-empty-intent-title{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.62rem;font-weight:800}.learn-empty-intent-text{color:var(--muted);white-space:pre-line;margin:0;font-size:.78rem;line-height:1.5}@media (width<=1280px){.learn-intent-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.learn-intent-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse) and (width<=932px),(pointer:coarse) and (height<=768px){body.mobile-studio{overflow-y:auto}body.mobile-studio.has-context-panel .app-header{width:100%;height:auto;max-height:none;padding:8px 10px;position:static;overflow-x:auto}body.mobile-studio.has-context-panel .main-wrapper{margin-left:0}body.mobile-studio .app-layout{flex-direction:column;height:auto;min-height:100vh;margin-top:0;overflow:visible}body.mobile-studio .sidebar{display:none}body.mobile-studio .main-wrapper{width:100%;min-width:0;overflow:visible}body.mobile-studio .workspace-grid{flex-direction:column;min-height:0}body.mobile-studio .chord-universe-panel,body.mobile-studio .selected-chord-panel{width:100%;min-width:0}body.mobile-studio:before{content:"Mobile Studio ready";z-index:9999;font-family:var(--mono,monospace);letter-spacing:.05em;text-transform:uppercase;color:var(--teal,#00d4b4);pointer-events:none;background:#00000080;border:1px solid #00f0cc4d;border-radius:4px;padding:2px 6px;font-size:.55rem;position:fixed;top:6px;right:6px}}#mobileStudioShell{display:none}@media (pointer:coarse) and (width<=932px),(pointer:coarse) and (height<=768px){body.mobile-studio #mobileStudioShell{z-index:90;background:var(--bg);color:var(--text);flex-direction:column;display:flex;position:fixed;inset:0}body.mobile-studio .app-header,body.mobile-studio .app-layout{display:none!important}body.mobile-studio:before{content:none}body.mobile-studio .mobile-studio-main{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;display:block;overflow:hidden auto}body.mobile-studio .mobile-screen{box-sizing:border-box;padding:18px 16px 24px;animation:.2s ease-out fh-mobile-fade-in}@keyframes fh-mobile-fade-in{0%{opacity:.85;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){body.mobile-studio .mobile-screen{animation:none!important}}body.mobile-studio .mobile-screen[hidden]{display:none!important}body.mobile-studio .mobile-screen--set-harmony{background:linear-gradient(180deg, #00d4b414 0%, #0a0e1400 28%), var(--bg);min-height:calc(100vh - 64px);padding:14px 14px 22px}body.mobile-studio .msh-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}body.mobile-studio .msh-brand{align-items:center;gap:8px;min-width:0;display:inline-flex}body.mobile-studio .msh-brand-text{color:var(--text);letter-spacing:0;font-size:.88rem;font-weight:700}body.mobile-studio .msh-settings-button{width:38px;height:38px;color:var(--muted);opacity:.65;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}body.mobile-studio .msh-hero{grid-template-columns:minmax(0,1fr) 92px;align-items:end;gap:14px;margin-bottom:14px;display:grid}body.mobile-studio .msh-kicker{color:var(--teal);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;margin:0 0 7px;font-size:.62rem}body.mobile-studio .msh-hero h1{color:var(--text);letter-spacing:0;margin:0;font-size:2.65rem;font-weight:750;line-height:.95}body.mobile-studio .msh-hero p:last-child{max-width:260px;color:var(--muted);margin:10px 0 0;font-size:.88rem;line-height:1.35}body.mobile-studio .msh-visualizer{background:#031216b8;border:1px solid #00d4b43d;border-radius:14px;justify-content:center;align-items:end;gap:7px;height:84px;padding:10px;display:flex;box-shadow:inset 0 0 24px #00d4b414}body.mobile-studio .msh-visualizer span{background:var(--teal);border-radius:999px;width:8px;box-shadow:0 0 16px #00f0cc47}body.mobile-studio .msh-visualizer span:first-child{opacity:.45;height:30%}body.mobile-studio .msh-visualizer span:nth-child(2){opacity:.75;height:62%}body.mobile-studio .msh-visualizer span:nth-child(3){height:92%}body.mobile-studio .msh-visualizer span:nth-child(4){background:#7dd3fc;height:52%}body.mobile-studio .msh-visualizer span:nth-child(5){background:#f8c56a;height:76%}body.mobile-studio .msh-body,body.mobile-studio .msh-setup-card{flex-direction:column;gap:10px;display:flex}body.mobile-studio .msh-context-card,body.mobile-studio .msh-setup-card{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 12px 32px #00000038}body.mobile-studio .msh-context-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:13px;display:grid}body.mobile-studio .msh-label{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:.56rem;display:block}body.mobile-studio .msh-context-card .mobile-summary-val,body.mobile-studio .msh-row-copy strong{color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;font-size:.82rem;font-weight:700;line-height:1.2}body.mobile-studio #mshSummaryKey,body.mobile-studio #mshSummaryScale{color:var(--teal);font-size:1rem}body.mobile-studio .msh-row{border-bottom:1px solid #ffffff14;flex-direction:column;gap:10px;padding:11px 0;display:flex}body.mobile-studio .msh-row:last-child{border-bottom:0}body.mobile-studio .msh-row--split{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}body.mobile-studio .msh-key-chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}body.mobile-studio .msh-key-chips button,body.mobile-studio .msh-segmented button,body.mobile-studio .msh-stepper button{min-height:34px;color:var(--muted);font-family:var(--mono);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:9px;font-size:.72rem;font-weight:700}body.mobile-studio .msh-key-chips button.is-active,body.mobile-studio .msh-segmented button.is-active{color:var(--teal);background:#00f0cc21;border-color:#00f0ccb8;box-shadow:0 0 18px #00f0cc1f}body.mobile-studio .msh-segmented,body.mobile-studio .msh-stepper{flex:none;grid-auto-columns:minmax(68px,auto);grid-auto-flow:column;gap:6px;display:inline-grid}body.mobile-studio .msh-segmented button:disabled{color:var(--faint);opacity:.45;cursor:not-allowed}body.mobile-studio .msh-stepper{grid-template-columns:38px 56px 38px;grid-auto-columns:auto;align-items:center}body.mobile-studio .msh-stepper output{min-height:34px;color:var(--teal);font-family:var(--mono);background:#00f0cc14;border-radius:9px;justify-content:center;align-items:center;font-size:.84rem;font-weight:800;display:inline-flex}body.mobile-studio .msh-readonly-pill{color:#7dd3fc;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;background:#7dd3fc14;border:1px solid #7dd3fc47;border-radius:999px;flex:none;padding:7px 9px;font-size:.58rem}body.mobile-studio .msh-style-control{min-width:142px;max-width:52vw;min-height:36px;color:var(--text);font-family:var(--mono);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:9px;padding:0 9px;font-size:.72rem}body.mobile-studio .msh-cta{background:var(--teal);color:#001a16;letter-spacing:0;cursor:pointer;border:1px solid #00f0ccb8;border-radius:14px;width:100%;min-height:50px;font-size:.98rem;font-weight:800;box-shadow:0 12px 34px #00f0cc33}body.mobile-studio .msh-cta:active{transform:translateY(1px)}body.mobile-studio .msh-recent{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px;display:grid}body.mobile-studio .msh-recent span{background:#ffffff24;border-radius:999px;height:5px}body.mobile-studio .msh-recent span:first-child{background:var(--teal);box-shadow:0 0 14px #00f0cc3d}body.mobile-studio .msh-guide{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:10px;font-size:.62rem;display:flex}body.mobile-studio .msh-guide span:last-child{color:var(--teal);text-align:right;overflow-wrap:anywhere}@media (width<=360px){body.mobile-studio .msh-hero{grid-template-columns:minmax(0,1fr)}body.mobile-studio .msh-hero h1{font-size:2.28rem}body.mobile-studio .msh-visualizer{display:none}body.mobile-studio .msh-key-chips{grid-template-columns:repeat(5,minmax(0,1fr))}body.mobile-studio .msh-row--split{flex-direction:column;align-items:stretch}body.mobile-studio .msh-style-control{width:100%;max-width:none}}body.mobile-studio .mobile-screen-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}body.mobile-studio .mobile-brand{align-items:center;gap:8px;margin-top:2px;display:flex}body.mobile-studio .mobile-brand-text{color:var(--text);letter-spacing:.02em;font-size:.95rem;font-weight:700}body.mobile-studio .mobile-screen-title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}body.mobile-studio .mobile-screen-subtitle{color:var(--muted);margin:4px 0 0;font-size:.8rem;line-height:1.35}body.mobile-studio .mobile-context-summary{border:1px solid var(--border);background:#ffffff08;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px 14px;margin-bottom:18px;padding:12px 14px;display:grid}body.mobile-studio .mobile-summary-item{flex-direction:column;gap:2px;min-width:0;display:flex}body.mobile-studio .mobile-summary-label{font-family:var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:.55rem}body.mobile-studio .mobile-summary-val{color:var(--teal);font-family:var(--mono);word-break:break-word;font-size:.92rem;font-weight:700}body.mobile-studio .mobile-control-list{flex-direction:column;gap:12px;margin-bottom:22px;display:flex}body.mobile-studio .mobile-control-row{border:1px solid var(--border);background:#ffffff08;border-radius:10px;min-height:56px;padding:10px 12px}body.mobile-studio .mobile-control-row .ctrl-group{flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0;display:flex}body.mobile-studio .mobile-control-row .ctrl-label{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}body.mobile-studio .mobile-control-row .control-select-wrap{width:100%!important}body.mobile-studio .mobile-control-row select{min-height:44px;color:var(--text);border:1px solid var(--border);background:#ffffff0d;border-radius:8px;padding:8px 10px;font-size:1rem;width:100%!important}body.mobile-studio .mobile-control-row .bpm-control{border:1px solid var(--border);background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 8px;display:flex}body.mobile-studio .mobile-control-row .bpm-btn{min-width:40px;min-height:40px;font-size:1.05rem}body.mobile-studio .mobile-control-row input[type=number]{min-height:32px;width:64px!important;color:var(--text)!important;font-size:1rem!important}body.mobile-studio .mobile-cta-wrap{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}body.mobile-studio .mobile-cta-btn{background:var(--teal);color:#001a16;letter-spacing:.02em;cursor:pointer;border:none;border-radius:12px;padding:14px 16px;font-size:1rem;font-weight:700;box-shadow:0 6px 18px #00f0cc26}body.mobile-studio .mobile-cta-btn:active{transform:translateY(1px)}body.mobile-studio .mobile-hint{text-align:center;color:var(--faint);margin:0;font-size:.75rem;font-style:italic}body.mobile-studio .mobile-screen--placeholder{justify-content:center;align-items:center;min-height:calc(100vh - 144px);display:flex}body.mobile-studio .mobile-placeholder{text-align:center;border:1px dashed var(--border);background:#ffffff05;border-radius:14px;width:100%;max-width:360px;padding:28px 22px}body.mobile-studio .mobile-placeholder h2{color:var(--text);margin:10px 0 6px;font-size:1.2rem;font-weight:700}body.mobile-studio .mobile-placeholder p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.45}body.mobile-studio .mobile-placeholder-tag{color:var(--teal);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#00f0cc1a;border:1px solid #00f0cc4d;border-radius:999px;padding:4px 10px;font-size:.6rem;display:inline-block}body.mobile-studio .mobile-tab-bar{background:var(--surface);border-top:1px solid var(--border);height:64px;padding-bottom:env(safe-area-inset-bottom,0);flex:none;display:flex}body.mobile-studio .mobile-tab-btn{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:.6rem;transition:all .2s ease-in-out;display:flex;position:relative}body.mobile-studio .mobile-tab-btn svg{width:20px;height:20px;transition:transform .2s ease-in-out,filter .2s ease-in-out}body.mobile-studio .mobile-tab-btn:active{opacity:.85;transform:scale(.94)}body.mobile-studio .mobile-tab-btn.is-active{color:var(--teal);background:radial-gradient(circle,#00f0cc12 0%,#0000 70%)}body.mobile-studio .mobile-tab-btn.is-active svg{filter:drop-shadow(0 0 6px #00f0cc73);transform:scale(1.05)}body.mobile-studio .mobile-tab-btn.is-active:after{content:"";background:var(--teal);width:32px;height:3px;box-shadow:0 0 8px var(--teal);border-radius:0 0 3px 3px;position:absolute;top:0;left:50%;transform:translate(-50%)}body.mobile-studio .mobile-screen--explore{flex-direction:column;height:calc(100vh - 64px);min-height:0;padding:0;display:flex}body.mobile-studio .mobile-explore-header{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:10px;padding:10px 14px;display:flex}body.mobile-studio .mobile-back-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;flex:none;width:36px;height:36px;font-size:1.1rem}body.mobile-studio .mobile-explore-title-block{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}body.mobile-studio .mobile-explore-title{color:var(--text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.1}body.mobile-studio .mobile-explore-chip{font-family:var(--mono);color:var(--teal);letter-spacing:.04em;font-size:.65rem}body.mobile-studio .mobile-explore-rotate-hint{font-family:var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:.05em;text-align:right;flex:none;max-width:92px;font-size:.55rem;line-height:1.2}body.mobile-studio-landscape .mobile-explore-rotate-hint{display:none}body.mobile-studio .mobile-explore-tabs-slot{border-bottom:1px solid var(--border);background:#ffffff05;flex:none}body.mobile-studio .mobile-explore-grid-slot{-webkit-overflow-scrolling:touch;background:var(--bg);flex:auto;min-height:0;overflow:hidden auto}body.mobile-studio-landscape .mobile-explore-grid-slot:empty{justify-content:center;align-items:center;display:flex}body.mobile-studio-landscape .mobile-explore-grid-slot:empty:before{content:"Dedicated mobile renderer arrives in PR C";color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-align:center;border:1px dashed var(--border);background:#ffffff05;border-radius:12px;max-width:320px;padding:24px;font-size:.78rem}body.mobile-studio .mobile-selected-sheet,body.mobile-studio #rightPanelTab,body.mobile-studio .app-header,body.mobile-studio .app-layout,body.mobile-studio-portrait .mobile-screen--explore .mex-topbar,body.mobile-studio-portrait .mobile-screen--explore .mex-canvas,body.mobile-studio-portrait .mobile-screen--explore .mex-tray{display:none!important}body.mobile-studio-landscape .mobile-screen--explore{height:calc(100vh - 56px)}body.mobile-studio-landscape .mobile-explore-header{gap:8px;padding:6px 10px}body.mobile-studio-landscape .mobile-back-btn{width:32px;height:32px;font-size:1rem}body.mobile-studio-landscape .mobile-explore-title{font-size:.95rem}body.mobile-studio-landscape .mobile-explore-chip{font-size:.6rem}body.mobile-studio-landscape .mobile-tab-bar{height:56px}body.mobile-studio .mex-topbar{background:#080c12f5;border-bottom:1px solid #ffffff1a;flex:none;grid-template-columns:minmax(150px,1.2fr) minmax(110px,.8fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}body.mobile-studio .mex-left,body.mobile-studio .mex-brand,body.mobile-studio .mex-view-tabs,body.mobile-studio .mex-relationship-guide,body.mobile-studio .mex-tray-actions{align-items:center;display:flex}body.mobile-studio .mex-left{gap:8px;min-width:0}body.mobile-studio .mex-back-btn{min-width:42px;height:32px;color:var(--teal);font-family:var(--mono);text-transform:uppercase;background:#00f0cc14;border:1px solid #00f0cc52;border-radius:8px;flex:none;font-size:.62rem;font-weight:800}body.mobile-studio .mex-brand{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1}body.mobile-studio .mex-brand span{color:var(--teal);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.56rem}body.mobile-studio .mex-brand strong{color:var(--text);letter-spacing:0;white-space:nowrap;font-size:.86rem}body.mobile-studio .mex-context-chip{min-width:0;color:var(--teal);font-family:var(--mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#00f0cc12;border:1px solid #ffffff1c;border-radius:999px;justify-self:stretch;padding:7px 10px;font-size:.64rem;font-weight:700;overflow:hidden}body.mobile-studio .mex-view-tabs{background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;gap:4px;padding:3px}body.mobile-studio .mex-view-tabs button,body.mobile-studio .mex-tray-actions button{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-size:.6rem;font-weight:800}body.mobile-studio .mex-view-tabs button.is-active{color:var(--teal);background:#00f0cc1f;border-color:#00f0cc73}body.mobile-studio .mex-relationship-guide{justify-content:flex-end;gap:6px;min-width:0}body.mobile-studio .mex-relationship-guide span{color:var(--faint);font-family:var(--mono);text-transform:uppercase;white-space:nowrap;padding-left:10px;font-size:.55rem;position:relative}body.mobile-studio .mex-relationship-guide span:before{content:"";background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}body.mobile-studio .mex-guide-smooth:before{background:#60a5fa!important}body.mobile-studio .mex-guide-tension:before{background:#f472b6!important}body.mobile-studio .mex-guide-outside:before{background:#a78bfa!important}body.mobile-studio .mex-canvas{-webkit-overflow-scrolling:touch;background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--bg);background-size:28px 28px;flex:auto;min-height:0;overflow:auto}body.mobile-studio .mex-universe-grid{grid-template-columns:repeat(4,minmax(240px,1fr));align-items:start;gap:10px;min-width:1120px;min-height:100%;padding:12px;display:grid}body.mobile-studio .mex-empty-state{min-height:180px;color:var(--muted);background:#ffffff08;border:1px dashed #ffffff24;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;display:flex}body.mobile-studio .mex-empty-state strong{color:var(--text);font-size:.9rem}body.mobile-studio .mex-empty-state span{font-family:var(--mono);font-size:.66rem}body.mobile-studio .mex-group{background:#ffffff09;border:1px solid #ffffff1c;border-radius:12px;min-width:0;overflow:hidden}body.mobile-studio .mex-group-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}body.mobile-studio .mex-group-header div{flex-direction:column;min-width:0;display:flex}body.mobile-studio .mex-group-header strong{color:var(--text);letter-spacing:0;font-size:.78rem}body.mobile-studio .mex-group-header span,body.mobile-studio .mex-group-header em{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:.56rem;font-style:normal}body.mobile-studio .mex-group-header em{color:var(--teal)}body.mobile-studio .mex-card-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;display:grid}body.mobile-studio .mex-card{border:1px solid #ffffff1a;border-left:3px solid var(--teal);min-height:68px;color:var(--text);text-align:left;cursor:pointer;background:#0a0e14b8;border-radius:9px;grid-template-columns:minmax(0,1fr);gap:2px;padding:8px;display:grid}body.mobile-studio .mex-card--predominant{border-left-color:#60a5fa}body.mobile-studio .mex-card--dominant{border-left-color:#f472b6}body.mobile-studio .mex-card--color{border-left-color:#a78bfa}body.mobile-studio .mex-card.is-selected,body.mobile-studio .mex-card.uc-selected{background:#00f0cc14;border-color:#00f0ccb3;box-shadow:0 0 0 1px #00f0cc2e,0 0 20px #00f0cc24}body.mobile-studio .mex-card-roman,body.mobile-studio .mex-card-meta,body.mobile-studio .mex-card-tags{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}body.mobile-studio .mex-card-symbol{color:var(--text);overflow-wrap:anywhere;font-size:.96rem;line-height:1.05}body.mobile-studio .mex-card-tags{color:var(--muted);text-transform:none;letter-spacing:0}body.mobile-studio .mex-tray{min-height:82px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));background:#080c12fa;border-top:1px solid #ffffff1f;flex:none;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) auto;align-items:center;gap:12px;display:grid}body.mobile-studio .mex-tray-empty{color:var(--muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:3px;display:flex}body.mobile-studio .mex-tray-empty strong{color:var(--text);font-size:.88rem}body.mobile-studio .mex-tray-empty span{font-family:var(--mono);font-size:.62rem}body.mobile-studio .mex-empty-compose{color:#7dd3fc;min-height:28px;font-family:var(--mono);text-transform:uppercase;background:#7dd3fc12;border:1px solid #7dd3fc47;border-radius:8px;margin-top:5px;padding:0 10px;font-size:.58rem;font-weight:800}body.mobile-studio .mex-tray-title{align-items:baseline;gap:9px;min-width:0;display:flex}body.mobile-studio .mex-tray-title strong{color:var(--teal);overflow-wrap:anywhere;font-size:1.25rem;line-height:1}body.mobile-studio .mex-tray-title span,body.mobile-studio .mex-tray-facts span{color:var(--muted);font-family:var(--mono);font-size:.64rem}body.mobile-studio .mex-tray-facts{gap:9px;min-width:0;margin-top:4px;display:flex}body.mobile-studio .mex-tray-facts span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body.mobile-studio .mex-mini-piano{grid-template-columns:repeat(12,1fr);align-items:end;gap:2px;height:42px;display:grid}body.mobile-studio .mex-mini-piano span{background:#ffffff2e;border-radius:0 0 4px 4px;height:34px}body.mobile-studio .mex-mini-piano span.is-black{background:#ffffff14;height:24px}body.mobile-studio .mex-mini-piano span.is-active{background:var(--teal);box-shadow:0 0 12px #00f0cc47}body.mobile-studio .mex-tray-actions{justify-content:flex-end;gap:6px}body.mobile-studio .mex-tray-actions button{background:#ffffff0b;border-color:#ffffff1f;min-height:34px;padding:0 10px}body.mobile-studio .mex-tray-actions #mexAddLaneBtn{background:var(--teal);color:#001a16;border-color:#00f0cc8c}body.mobile-studio .mex-tray-actions #mexGoComposeBtn{color:#7dd3fc;border-color:#7dd3fc47}body.mobile-studio-landscape:has(#mobileExploreScreen:not([hidden])) .mobile-screen--explore{height:100vh}body.mobile-studio-portrait .mobile-screen--explore .mex-topbar,body.mobile-studio-portrait .mobile-screen--explore .mex-canvas,body.mobile-studio-portrait .mobile-screen--explore .mex-tray{display:none!important}body.mobile-studio .mobile-studio-main{background:radial-gradient(circle at 82% 10%, #00f0cc1f, transparent 28%), radial-gradient(circle at 12% 32%, #60a5fa14, transparent 24%), var(--bg)}body.mobile-studio .mobile-screen--set-harmony{min-height:calc(100vh - 64px);padding:20px 18px calc(96px + env(safe-area-inset-bottom,0));background:linear-gradient(180deg, #00f0cc1a 0%, #0a0e1400 34%), var(--bg)}body.mobile-studio .msh-header{margin-bottom:26px;padding:2px 2px 0}body.mobile-studio .msh-brand{gap:10px}body.mobile-studio .msh-brand svg{background:#00f0cc12;border:1px solid #00f0cc3d;border-radius:12px;width:28px;height:28px;padding:5px;box-shadow:0 0 24px #00f0cc1f}body.mobile-studio .msh-brand-text{letter-spacing:0;font-size:1rem}body.mobile-studio .msh-settings-button{background:#ffffff0e;border-radius:14px;width:42px;height:42px}body.mobile-studio .msh-hero{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:18px;margin-bottom:18px}body.mobile-studio .msh-kicker{letter-spacing:.14em;margin-bottom:10px;font-size:.66rem}body.mobile-studio .msh-hero h1{font-size:3.08rem;font-weight:800;line-height:.92}body.mobile-studio .msh-hero p:last-child{max-width:300px;margin-top:14px;font-size:.96rem;line-height:1.45}body.mobile-studio .msh-visualizer{background:linear-gradient(#00f0cc24,#7dd3fc0d),#031216d1;border-radius:20px;height:112px}body.mobile-studio .msh-body,body.mobile-studio .msh-setup-card{gap:14px}body.mobile-studio .msh-context-card,body.mobile-studio .msh-setup-card{background:linear-gradient(#fff1,#ffffff09),#080c12d1;border-color:#ffffff24;border-radius:18px;box-shadow:0 18px 46px #0000004d,inset 0 1px #ffffff0d}body.mobile-studio .msh-context-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}body.mobile-studio .msh-card-title{border-bottom:1px solid #ffffff17;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}body.mobile-studio .msh-card-title span{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}body.mobile-studio .msh-card-title strong{color:var(--teal);font-family:var(--mono);overflow-wrap:anywhere;text-align:right;font-size:.84rem}body.mobile-studio .msh-context-card .mobile-summary-val,body.mobile-studio .msh-row-copy strong{font-size:.9rem}body.mobile-studio #mshSummaryKey,body.mobile-studio #mshSummaryScale{font-size:1.08rem}body.mobile-studio .msh-setup-card{padding:16px}body.mobile-studio .msh-row{gap:12px;padding:13px 0}body.mobile-studio .msh-row--split{min-height:58px}body.mobile-studio .msh-row-copy{min-width:104px}body.mobile-studio .msh-key-chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}body.mobile-studio .msh-key-chips button,body.mobile-studio .msh-segmented button,body.mobile-studio .msh-stepper button{background:#ffffff0e;border-radius:11px;min-height:38px}body.mobile-studio .msh-cta{border-radius:18px;min-height:58px;margin-top:2px;font-size:1.05rem;box-shadow:0 18px 42px #00f0cc3d,inset 0 0 0 1px #ffffff14}body.mobile-studio .msh-recent{margin-top:4px}body.mobile-studio .msh-guide{padding:0 2px;font-size:.64rem}body.mobile-studio-landscape .mobile-screen--explore{background:var(--bg);height:100vh}body.mobile-studio-landscape:has(#mobileExploreScreen:not([hidden])) .mobile-tab-bar{display:none}body.mobile-studio .mex-topbar{background:linear-gradient(#ffffff0f,#ffffff06),#080c12fa;grid-template-columns:minmax(170px,1fr) minmax(168px,.86fr) auto minmax(210px,.8fr);gap:12px;min-height:54px;padding:8px 12px;box-shadow:0 10px 24px #00000038}body.mobile-studio .mex-back-btn{min-width:44px;height:34px}body.mobile-studio .mex-brand strong{font-size:.94rem}body.mobile-studio .mex-context-chip{padding:8px 12px;font-size:.68rem}body.mobile-studio .mex-view-tabs{justify-self:center}body.mobile-studio .mex-view-tabs button{min-height:30px;padding:0 12px}body.mobile-studio .mex-canvas{background:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), radial-gradient(circle at 24% 10%, #00f0cc14, transparent 22%), var(--bg);background-size:30px 30px,30px 30px,auto,auto}body.mobile-studio .mex-universe-grid{grid-template-columns:repeat(4,minmax(300px,1fr));gap:12px;min-width:1320px;padding:14px 14px 16px}body.mobile-studio .mex-universe-grid[data-mex-view=degree]{grid-template-columns:repeat(8,minmax(168px,1fr));min-width:1480px}body.mobile-studio .mex-group{background:linear-gradient(#ffffff0e,#ffffff06),#060a10db;border-radius:14px}body.mobile-studio .mex-group-header{min-height:42px;padding:8px 10px 8px 12px;position:relative}body.mobile-studio .mex-group-header i{background:var(--teal);border-radius:999px;align-self:stretch;width:4px;box-shadow:0 0 14px #00f0cc40}body.mobile-studio .mex-group--predominant .mex-group-header i{background:#60a5fa}body.mobile-studio .mex-group--dominant .mex-group-header i{background:#f472b6}body.mobile-studio .mex-group--color .mex-group-header i,body.mobile-studio .mex-group--degree .mex-group-header i{background:#a78bfa}body.mobile-studio .mex-card-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px}body.mobile-studio .mex-universe-grid[data-mex-view=degree] .mex-card-stack{grid-template-columns:minmax(0,1fr)}body.mobile-studio .mex-card{border-left-width:0;border-radius:10px;min-height:56px;padding:7px 8px 7px 10px;position:relative;overflow:hidden}body.mobile-studio .mex-card-rail{background:var(--teal);width:3px;position:absolute;inset:0 auto 0 0}body.mobile-studio .mex-card--predominant .mex-card-rail{background:#60a5fa}body.mobile-studio .mex-card--dominant .mex-card-rail{background:#f472b6}body.mobile-studio .mex-card--color .mex-card-rail{background:#a78bfa}body.mobile-studio .mex-card-symbol{font-size:.9rem}body.mobile-studio .mex-card-roman,body.mobile-studio .mex-card-meta,body.mobile-studio .mex-card-tags{font-size:.52rem}body.mobile-studio .mex-tray{min-height:116px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0));background:linear-gradient(#ffffff0e,#ffffff06),#080c12fa;grid-template-columns:minmax(220px,1.1fr) minmax(220px,.9fr) minmax(260px,auto);gap:14px;box-shadow:0 -14px 34px #00000042}body.mobile-studio .mex-tray-kicker{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:.56rem;display:block}body.mobile-studio .mex-tray-title strong{font-size:1.45rem}body.mobile-studio .mex-tray-title span{color:var(--teal);font-size:.76rem;font-weight:800}body.mobile-studio .mex-tray-facts{flex-wrap:wrap;gap:7px}body.mobile-studio .mex-tray-facts span{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;max-width:100%;padding:5px 8px}body.mobile-studio .mex-tray-facts .mex-tray-function{color:#7dd3fc}body.mobile-studio .mex-mini-piano{background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;height:64px;padding:8px}body.mobile-studio .mex-mini-piano span{height:46px}body.mobile-studio .mex-mini-piano span.is-black{height:32px}body.mobile-studio .mex-tray-actions{align-self:stretch}body.mobile-studio .mex-tray-actions button{min-height:42px;padding:0 12px}body.mobile-studio .mex-tray-actions #mexAddLaneBtn{box-shadow:0 10px 24px #00f0cc2e}@media (width<=760px) and (orientation:landscape){body.mobile-studio .mex-topbar{grid-template-columns:minmax(150px,1fr) minmax(132px,.8fr) auto}body.mobile-studio .mex-relationship-guide{display:none}body.mobile-studio .mex-tray{grid-template-columns:minmax(190px,1fr) minmax(178px,.8fr) auto;min-height:104px}body.mobile-studio .mex-tray-actions{flex-wrap:wrap;max-width:230px}}@media (width<=390px) and (orientation:portrait){body.mobile-studio .mobile-screen--set-harmony{padding:16px 14px calc(92px + env(safe-area-inset-bottom,0))}body.mobile-studio .msh-hero h1{font-size:2.5rem}body.mobile-studio .msh-context-card{grid-template-columns:repeat(2,minmax(0,1fr))}body.mobile-studio .msh-key-chips{grid-template-columns:repeat(5,minmax(0,1fr))}}}@media (pointer:coarse) and (width<=932px) and (orientation:landscape),(pointer:coarse) and (height<=768px) and (orientation:landscape){body.mobile-studio .mobile-screen--explore{background:radial-gradient(circle at 18% 0%, #00f0cc1a, transparent 30%), radial-gradient(circle at 82% 18%, #f472b614, transparent 24%), var(--bg);height:100vh}body.mobile-studio .mex-topbar{background:linear-gradient(#ffffff13,#ffffff08),#070b11fa;border-bottom-color:#ffffff21;grid-template-columns:minmax(210px,.92fr) minmax(190px,.78fr) minmax(258px,auto) minmax(188px,.72fr);gap:14px;min-height:50px;padding:7px 14px;box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff0b}body.mobile-studio .mex-left{gap:10px}body.mobile-studio .mex-back-btn{background:#00f0cc11;border-radius:10px;min-width:38px;height:30px;font-size:.58rem}body.mobile-studio .mex-brand span{letter-spacing:.12em;font-size:.52rem}body.mobile-studio .mex-brand strong{font-size:.9rem}body.mobile-studio .mex-context-chip{background:linear-gradient(#00f0cc1f,#00f0cc0b);border-color:#00f0cc4d;justify-self:center;width:100%;max-width:260px;padding:7px 12px;box-shadow:inset 0 1px #ffffff0d}body.mobile-studio .mex-view-tabs{background:#ffffff0b;border-radius:12px;justify-self:center;gap:5px;padding:4px;box-shadow:inset 0 1px #ffffff0b}body.mobile-studio .mex-view-tabs button{border-radius:9px;min-width:76px;min-height:28px;padding:0 10px;font-size:.58rem}body.mobile-studio .mex-relationship-guide{opacity:.92;justify-content:flex-end;gap:8px}body.mobile-studio .mex-relationship-guide span{padding-left:9px;font-size:.52rem}body.mobile-studio .mex-canvas{background:linear-gradient(#ffffff07 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff07 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 20% 8%,#00f0cc14,#0000 24%),radial-gradient(circle at 72% 70%,#60a5fa0e,#0000 26%),#070b11;border-top:1px solid #ffffff09;width:100%;min-width:0;padding:0;position:relative}body.mobile-studio .mex-canvas:before{content:"";z-index:1;height:0;display:block;position:sticky;top:0;left:0;box-shadow:0 0 38px 18px #0000004d}body.mobile-studio .mex-universe-grid{grid-template-columns:repeat(4,minmax(350px,1fr));gap:16px;min-width:1520px;min-height:calc(100vh - 168px);padding:16px 18px 18px}body.mobile-studio .mex-universe-grid[data-mex-view=degree]{grid-template-columns:repeat(8,minmax(200px,1fr));gap:12px;min-width:1740px}body.mobile-studio .mex-group{background:linear-gradient(#ffffff0f,#ffffff06),#070b11e0;border-color:#ffffff1f;border-radius:16px;box-shadow:0 14px 34px #0000003d,inset 0 1px #ffffff0a}body.mobile-studio .mex-group-header{background:#ffffff07;gap:9px;min-height:38px;padding:8px 10px}body.mobile-studio .mex-group-header strong{font-size:.74rem}body.mobile-studio .mex-group-header span,body.mobile-studio .mex-group-header em{font-size:.5rem}body.mobile-studio .mex-card-stack{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px}body.mobile-studio .mex-universe-grid[data-mex-view=degree] .mex-card-stack{grid-template-columns:repeat(2,minmax(0,1fr))}body.mobile-studio .mex-card{background:linear-gradient(#ffffff0b,#ffffff05),#070b11b8;border-color:#ffffff18;border-radius:9px;gap:1px;min-height:46px;padding:6px 7px 6px 9px}body.mobile-studio .mex-card-rail{width:2px}body.mobile-studio .mex-card-symbol{font-size:.82rem;line-height:1}body.mobile-studio .mex-card-roman,body.mobile-studio .mex-card-meta{font-size:.48rem;line-height:1}body.mobile-studio .mex-card-tags{display:none}body.mobile-studio .mex-card.is-selected,body.mobile-studio .mex-card.uc-selected{background:linear-gradient(#00f0cc21,#00f0cc0e),#070b11d1;border-color:#00f0ccc2;box-shadow:0 0 0 1px #00f0cc38,0 0 24px #00f0cc33}body.mobile-studio .mex-tray{width:100%;min-width:0;min-height:108px;padding:9px 14px calc(9px + env(safe-area-inset-bottom,0));background:linear-gradient(#ffffff12,#ffffff07),#070b11fb;border-top-color:#ffffff24;grid-template-columns:minmax(220px,.86fr) minmax(270px,1fr) minmax(260px,.78fr);gap:12px;box-shadow:0 -12px 28px #00000047,inset 0 1px #ffffff0b}body.mobile-studio .mex-tray-empty{flex-direction:row;justify-content:center;gap:12px}body.mobile-studio .mex-empty-compose{margin-top:0}body.mobile-studio .mex-tray-kicker{margin-bottom:4px;font-size:.5rem}body.mobile-studio .mex-tray-title{gap:8px}body.mobile-studio .mex-tray-title strong{font-size:1.28rem}body.mobile-studio .mex-tray-title span{font-size:.68rem}body.mobile-studio .mex-tray-facts{gap:6px;margin-top:5px}body.mobile-studio .mex-tray-facts span{max-width:240px;padding:4px 7px;font-size:.58rem}body.mobile-studio .mex-mini-piano{border-radius:11px;align-self:center;height:52px;padding:7px}body.mobile-studio .mex-mini-piano span{height:36px}body.mobile-studio .mex-mini-piano span.is-black{height:25px}body.mobile-studio .mex-tray-actions{justify-content:flex-end;align-self:center;gap:7px}body.mobile-studio .mex-tray-actions button{border-radius:10px;min-height:36px;padding:0 10px;font-size:.56rem}body.mobile-studio .mex-tray-actions #mexAddLaneBtn{min-width:96px}}@media (pointer:coarse) and (width<=760px) and (orientation:landscape){body.mobile-studio .mex-topbar{grid-template-columns:minmax(168px,.9fr) minmax(150px,.72fr) minmax(230px,auto);gap:10px}body.mobile-studio .mex-universe-grid{grid-template-columns:repeat(4,minmax(310px,1fr));min-width:1360px}body.mobile-studio .mex-card-stack{grid-template-columns:repeat(3,minmax(0,1fr))}body.mobile-studio .mex-tray{grid-template-columns:minmax(190px,.78fr) minmax(230px,1fr) minmax(218px,.76fr);min-height:104px}}@media (pointer:coarse) and (width<=932px) and (orientation:landscape),(pointer:coarse) and (height<=768px) and (orientation:landscape){body.mobile-studio .mobile-screen--explore{background:#070b11;grid-template-rows:44px minmax(0,1fr) 92px;width:100%;min-width:0;height:100vh;min-height:0;padding:0;display:grid;overflow:hidden}body.mobile-studio .mex-topbar{background:linear-gradient(#ffffff12,#ffffff06),#060a10fa;border-bottom-color:#ffffff1a;grid-template-columns:minmax(188px,.92fr) minmax(172px,.68fr) minmax(244px,auto) minmax(156px,.58fr);align-self:stretch;gap:10px;width:100%;min-width:0;height:44px;min-height:0;padding:5px 12px}body.mobile-studio .mex-left{gap:8px;overflow:hidden}body.mobile-studio .mex-back-btn{border-radius:9px;min-width:34px;height:28px;font-size:.54rem}body.mobile-studio .mex-brand span{font-size:.48rem;line-height:1}body.mobile-studio .mex-brand strong{text-overflow:ellipsis;font-size:.82rem;line-height:1.05;overflow:hidden}body.mobile-studio .mex-context-chip{border-radius:999px;max-width:none;min-height:28px;padding:6px 10px;font-size:.6rem}body.mobile-studio .mex-view-tabs{gap:4px;padding:3px}body.mobile-studio .mex-view-tabs button{min-width:70px;min-height:26px;padding:0 8px;font-size:.54rem}body.mobile-studio .mex-relationship-guide{gap:6px}body.mobile-studio .mex-relationship-guide span{padding-left:8px;font-size:.48rem}body.mobile-studio .mex-canvas{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 18% 12%,#00f0cc12,#0000 22%),radial-gradient(circle at 82% 68%,#a78bfa0e,#0000 24%),#070b11;border-top:0;height:auto;min-height:0;overflow:auto}body.mobile-studio .mex-canvas:before{content:none}body.mobile-studio .mex-universe-grid{grid-template-columns:repeat(4,minmax(344px,1fr));gap:14px;min-width:1500px;min-height:100%;padding:12px 14px 14px}body.mobile-studio .mex-universe-grid[data-mex-view=degree]{grid-template-columns:repeat(8,minmax(190px,1fr));gap:10px;min-width:1680px}body.mobile-studio .mex-group{border-radius:14px;box-shadow:0 10px 26px #0003,inset 0 1px #ffffff0a}body.mobile-studio .mex-group-header{min-height:34px;padding:6px 9px}body.mobile-studio .mex-group-header i{width:3px}body.mobile-studio .mex-group-header strong{font-size:.68rem}body.mobile-studio .mex-group-header span{display:none}body.mobile-studio .mex-group-header em{font-size:.48rem}body.mobile-studio .mex-card-stack{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px}body.mobile-studio .mex-universe-grid[data-mex-view=degree] .mex-card-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}body.mobile-studio .mex-card{border-radius:8px;gap:0;min-height:40px;padding:5px 6px 5px 8px}body.mobile-studio .mex-card-symbol{font-size:.76rem;line-height:1}body.mobile-studio .mex-card-roman,body.mobile-studio .mex-card-meta{font-size:.45rem}body.mobile-studio .mex-card-meta{opacity:.72}body.mobile-studio .mex-card.is-selected,body.mobile-studio .mex-card.uc-selected{box-shadow:0 0 0 1px #00f0cc3d,0 0 18px #00f0cc2e}body.mobile-studio .mex-tray{height:92px;min-height:0;padding:7px 12px calc(7px + env(safe-area-inset-bottom,0));background:linear-gradient(#ffffff0f,#ffffff06),#060a10fb;grid-template-columns:minmax(200px,.82fr) minmax(250px,1fr) minmax(240px,.78fr);align-self:stretch;gap:10px;overflow:hidden;box-shadow:0 -8px 20px #00000038,inset 0 1px #ffffff0b}body.mobile-studio .mex-tray-empty{flex-direction:row;gap:10px}body.mobile-studio .mex-tray-empty strong{font-size:.78rem}body.mobile-studio .mex-tray-empty span{font-size:.56rem}body.mobile-studio .mex-empty-compose{min-height:26px;padding:0 9px;font-size:.52rem}body.mobile-studio .mex-tray-main{min-width:0}body.mobile-studio .mex-tray-kicker{margin-bottom:2px;font-size:.48rem}body.mobile-studio .mex-tray-title strong{font-size:1.12rem}body.mobile-studio .mex-tray-title span{font-size:.62rem}body.mobile-studio .mex-tray-facts{flex-wrap:nowrap;gap:5px;margin-top:4px}body.mobile-studio .mex-tray-facts span{max-width:160px;padding:3px 7px;font-size:.52rem}body.mobile-studio .mex-tray-notes{max-width:220px}body.mobile-studio .mex-mini-piano{border-radius:10px;height:44px;padding:6px}body.mobile-studio .mex-mini-piano span{height:30px}body.mobile-studio .mex-mini-piano span.is-black{height:21px}body.mobile-studio .mex-tray-actions{align-self:center;gap:6px}body.mobile-studio .mex-tray-actions button{border-radius:9px;min-height:32px;padding:0 9px;font-size:.52rem}}@media (pointer:coarse) and (width<=760px) and (orientation:landscape){body.mobile-studio .mobile-screen--explore{grid-template-rows:42px minmax(0,1fr) 86px}body.mobile-studio .mex-topbar{grid-template-columns:minmax(158px,.86fr) minmax(138px,.7fr) minmax(222px,auto);gap:8px;padding:5px 9px}body.mobile-studio .mex-view-tabs button{min-width:64px}body.mobile-studio .mex-universe-grid{grid-template-columns:repeat(4,minmax(310px,1fr));gap:12px;min-width:1360px;padding:10px 12px 12px}body.mobile-studio .mex-card-stack{grid-template-columns:repeat(3,minmax(0,1fr))}body.mobile-studio .mex-tray{grid-template-columns:minmax(170px,.76fr) minmax(210px,1fr) minmax(198px,.74fr);gap:8px;height:86px}body.mobile-studio .mex-tray-facts .mex-tray-function{max-width:96px}body.mobile-studio .mex-tray-notes{max-width:170px}body.mobile-studio .mex-mini-piano{height:38px}body.mobile-studio .mex-mini-piano span{height:26px}body.mobile-studio .mex-mini-piano span.is-black{height:18px}}@media (pointer:coarse) and (orientation:landscape) and (height<=430px){body.mobile-studio.mobile-studio-landscape .mobile-screen--explore{grid-template-rows:36px minmax(0,1fr) 72px;width:100%;min-width:0;height:100dvh;min-height:0;padding:0;display:grid;overflow:hidden}body.mobile-studio.mobile-studio-landscape .mex-topbar{border-bottom-color:#ffffff17;grid-template-columns:minmax(126px,.72fr) minmax(120px,.58fr) minmax(198px,auto);gap:6px;width:100%;min-width:0;height:36px;min-height:36px;padding:4px 8px}body.mobile-studio.mobile-studio-landscape .mex-left{gap:6px}body.mobile-studio.mobile-studio-landscape .mex-back-btn{border-radius:8px;min-width:30px;height:24px;padding:0 6px;font-size:.48rem}body.mobile-studio.mobile-studio-landscape .mex-brand span{letter-spacing:.08em;font-size:.42rem}body.mobile-studio.mobile-studio-landscape .mex-brand strong{max-width:100px;font-size:.72rem}body.mobile-studio.mobile-studio-landscape .mex-context-chip{min-height:24px;padding:4px 7px;font-size:.52rem}body.mobile-studio.mobile-studio-landscape .mex-view-tabs{border-radius:9px;gap:3px;padding:2px}body.mobile-studio.mobile-studio-landscape .mex-view-tabs button{border-radius:7px;min-width:58px;min-height:22px;padding:0 6px;font-size:.48rem}body.mobile-studio.mobile-studio-landscape .mex-relationship-guide{display:none}body.mobile-studio.mobile-studio-landscape .mex-canvas{background-size:28px 28px,28px 28px,auto,auto,auto;width:100%;min-width:0;height:auto;min-height:0;overflow:auto}body.mobile-studio.mobile-studio-landscape .mex-universe-grid{grid-template-columns:repeat(4,minmax(250px,1fr));gap:8px;min-width:1080px;min-height:100%;padding:8px 9px 10px}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree]{grid-template-columns:repeat(8,minmax(134px,1fr));gap:7px;min-width:1160px}body.mobile-studio.mobile-studio-landscape .mex-group{border-radius:12px}body.mobile-studio.mobile-studio-landscape .mex-group-header{gap:6px;min-height:28px;padding:5px 7px}body.mobile-studio.mobile-studio-landscape .mex-group-header i{width:2px}body.mobile-studio.mobile-studio-landscape .mex-group-header strong{font-size:.6rem}body.mobile-studio.mobile-studio-landscape .mex-group-header em{font-size:.42rem}body.mobile-studio.mobile-studio-landscape .mex-card-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-card-stack{grid-template-columns:minmax(0,1fr)}body.mobile-studio.mobile-studio-landscape .mex-card{border-radius:7px;min-height:38px;padding:5px 6px 5px 8px}body.mobile-studio.mobile-studio-landscape .mex-card-symbol{font-size:.72rem}body.mobile-studio.mobile-studio-landscape .mex-card-roman{font-size:.43rem}body.mobile-studio.mobile-studio-landscape .mex-card-meta{display:none}body.mobile-studio.mobile-studio-landscape .mex-tray{width:100%;min-width:0;height:72px;min-height:72px;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0));grid-template-columns:minmax(150px,.72fr) minmax(180px,1fr) minmax(166px,.68fr);gap:7px;overflow:hidden}body.mobile-studio.mobile-studio-landscape .mex-tray-empty{flex-direction:row;gap:8px}body.mobile-studio.mobile-studio-landscape .mex-tray-empty strong{font-size:.68rem}body.mobile-studio.mobile-studio-landscape .mex-tray-empty span{display:none}body.mobile-studio.mobile-studio-landscape .mex-empty-compose{min-height:24px;padding:0 8px;font-size:.48rem}body.mobile-studio.mobile-studio-landscape .mex-tray-kicker{display:none}body.mobile-studio.mobile-studio-landscape .mex-tray-title{gap:6px}body.mobile-studio.mobile-studio-landscape .mex-tray-title strong{font-size:.98rem}body.mobile-studio.mobile-studio-landscape .mex-tray-title span{font-size:.54rem}body.mobile-studio.mobile-studio-landscape .mex-tray-facts{flex-wrap:nowrap;gap:4px;margin-top:3px}body.mobile-studio.mobile-studio-landscape .mex-tray-facts span{max-width:112px;padding:2px 6px;font-size:.46rem}body.mobile-studio.mobile-studio-landscape .mex-tray-notes{display:none}body.mobile-studio.mobile-studio-landscape .mex-mini-piano{border-radius:8px;height:34px;padding:5px}body.mobile-studio.mobile-studio-landscape .mex-mini-piano span{height:23px}body.mobile-studio.mobile-studio-landscape .mex-mini-piano span.is-black{height:16px}body.mobile-studio.mobile-studio-landscape .mex-tray-actions{justify-content:flex-end;gap:4px}body.mobile-studio.mobile-studio-landscape .mex-tray-actions button{border-radius:8px;min-height:28px;padding:0 7px;font-size:.46rem}body.mobile-studio.mobile-studio-landscape .mex-tray-actions #mexPreviewBtn{color:#0000;width:30px;min-width:30px;position:relative;overflow:hidden}body.mobile-studio.mobile-studio-landscape .mex-tray-actions #mexPreviewBtn:before{content:"▶";color:var(--teal);place-items:center;font-size:.64rem;display:grid;position:absolute;inset:0}body.mobile-studio.mobile-studio-landscape .mex-tray-actions #mexAddLaneBtn{min-width:58px}body.mobile-studio.mobile-studio-landscape .mex-tray-actions #mexGoComposeBtn{min-width:64px}}@media (pointer:coarse) and (orientation:landscape) and (height>=431px) and (height<=768px) and (width<=932px){body.mobile-studio.mobile-studio-landscape .mobile-screen--explore,body.mobile-studio .mobile-screen--explore{grid-template-rows:40px minmax(0,1fr) 84px;height:100dvh;min-height:0;padding:0;display:grid;overflow:hidden}body.mobile-studio.mobile-studio-landscape .mex-topbar,body.mobile-studio .mex-topbar{grid-template-columns:minmax(150px,.78fr) minmax(132px,.58fr) minmax(214px,auto);gap:7px;height:40px;min-height:40px;padding:4px 9px}body.mobile-studio.mobile-studio-landscape .mex-left,body.mobile-studio .mex-left{gap:7px}body.mobile-studio.mobile-studio-landscape .mex-back-btn,body.mobile-studio .mex-back-btn{border-radius:8px;min-width:31px;height:25px;padding:0 7px;font-size:.5rem}body.mobile-studio.mobile-studio-landscape .mex-brand span,body.mobile-studio .mex-brand span{font-size:.44rem}body.mobile-studio.mobile-studio-landscape .mex-brand strong,body.mobile-studio .mex-brand strong{max-width:124px;font-size:.76rem}body.mobile-studio.mobile-studio-landscape .mex-context-chip,body.mobile-studio .mex-context-chip{min-height:25px;padding:4px 8px;font-size:.54rem}body.mobile-studio.mobile-studio-landscape .mex-view-tabs,body.mobile-studio .mex-view-tabs{border-radius:10px;gap:3px;padding:2px}body.mobile-studio.mobile-studio-landscape .mex-view-tabs button,body.mobile-studio .mex-view-tabs button{border-radius:8px;min-width:62px;min-height:23px;padding:0 7px;font-size:.49rem}body.mobile-studio.mobile-studio-landscape .mex-relationship-guide,body.mobile-studio .mex-relationship-guide{display:none}body.mobile-studio.mobile-studio-landscape .mex-canvas,body.mobile-studio .mex-canvas{background-size:30px 30px,30px 30px,auto,auto,auto;width:100%;min-width:0;height:auto;min-height:0;overflow:auto}body.mobile-studio.mobile-studio-landscape .mex-universe-grid,body.mobile-studio .mex-universe-grid{grid-template-columns:repeat(4,minmax(228px,1fr));gap:9px;width:max-content;min-width:clamp(980px,130vw,1280px);min-height:100%;padding:9px 10px 11px}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree],body.mobile-studio .mex-universe-grid[data-mex-view=degree]{grid-template-columns:repeat(8,minmax(126px,1fr));gap:8px;min-width:clamp(1080px,145vw,1360px)}body.mobile-studio.mobile-studio-landscape .mex-group,body.mobile-studio .mex-group{border-radius:12px}body.mobile-studio.mobile-studio-landscape .mex-group-header,body.mobile-studio .mex-group-header{gap:6px;min-height:30px;padding:5px 7px}body.mobile-studio.mobile-studio-landscape .mex-group-header strong,body.mobile-studio .mex-group-header strong{font-size:.62rem}body.mobile-studio.mobile-studio-landscape .mex-group-header span,body.mobile-studio .mex-group-header span{display:none}body.mobile-studio.mobile-studio-landscape .mex-group-header em,body.mobile-studio .mex-group-header em{font-size:.43rem}body.mobile-studio.mobile-studio-landscape .mex-card-stack,body.mobile-studio .mex-card-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-card-stack,body.mobile-studio .mex-universe-grid[data-mex-view=degree] .mex-card-stack{grid-template-columns:minmax(0,1fr)}body.mobile-studio.mobile-studio-landscape .mex-card,body.mobile-studio .mex-card{border-radius:8px;min-height:39px;padding:5px 6px 5px 8px}body.mobile-studio.mobile-studio-landscape .mex-card-symbol,body.mobile-studio .mex-card-symbol{font-size:.74rem}body.mobile-studio.mobile-studio-landscape .mex-card-roman,body.mobile-studio .mex-card-roman{font-size:.44rem}body.mobile-studio.mobile-studio-landscape .mex-card-meta,body.mobile-studio .mex-card-meta{display:none}body.mobile-studio.mobile-studio-landscape .mex-tray,body.mobile-studio .mex-tray{height:84px;min-height:84px;padding:6px 9px calc(6px + env(safe-area-inset-bottom,0));grid-template-columns:minmax(168px,.72fr) minmax(204px,1fr) minmax(180px,.66fr);gap:8px;overflow:hidden}body.mobile-studio.mobile-studio-landscape .mex-tray-empty,body.mobile-studio .mex-tray-empty{flex-direction:row;gap:8px}body.mobile-studio.mobile-studio-landscape .mex-tray-empty strong,body.mobile-studio .mex-tray-empty strong{font-size:.72rem}body.mobile-studio.mobile-studio-landscape .mex-tray-empty span,body.mobile-studio .mex-tray-empty span{font-size:.5rem}body.mobile-studio.mobile-studio-landscape .mex-tray-kicker,body.mobile-studio .mex-tray-kicker{display:none}body.mobile-studio.mobile-studio-landscape .mex-tray-title strong,body.mobile-studio .mex-tray-title strong{font-size:1.02rem}body.mobile-studio.mobile-studio-landscape .mex-tray-title span,body.mobile-studio .mex-tray-title span{font-size:.56rem}body.mobile-studio.mobile-studio-landscape .mex-tray-facts,body.mobile-studio .mex-tray-facts{flex-wrap:nowrap;gap:4px;margin-top:3px}body.mobile-studio.mobile-studio-landscape .mex-tray-facts span,body.mobile-studio .mex-tray-facts span{max-width:118px;padding:2px 6px;font-size:.48rem}body.mobile-studio.mobile-studio-landscape .mex-tray-notes,body.mobile-studio .mex-tray-notes{display:none}body.mobile-studio.mobile-studio-landscape .mex-mini-piano,body.mobile-studio .mex-mini-piano{border-radius:8px;height:36px;padding:5px}body.mobile-studio.mobile-studio-landscape .mex-mini-piano span,body.mobile-studio .mex-mini-piano span{height:25px}body.mobile-studio.mobile-studio-landscape .mex-mini-piano span.is-black,body.mobile-studio .mex-mini-piano span.is-black{height:17px}body.mobile-studio.mobile-studio-landscape .mex-tray-actions,body.mobile-studio .mex-tray-actions{justify-content:flex-end;gap:5px}body.mobile-studio.mobile-studio-landscape .mex-tray-actions button,body.mobile-studio .mex-tray-actions button{border-radius:8px;min-height:29px;padding:0 7px;font-size:.48rem}body.mobile-studio.mobile-studio-landscape:has(#mobileExploreScreen:not([hidden])) .mobile-tab-bar{display:none}body.mobile-studio:has(#mobileExploreScreen:not([hidden])) .mobile-tab-bar{display:none}}@media (orientation:landscape) and (width<=932px),(orientation:landscape) and (height<=768px){body.mobile-studio .msh-orientation-gate{display:none}body.mobile-studio.mobile-studio-landscape .mobile-screen--set-harmony:not([hidden]){background:radial-gradient(circle at 50% 18%,#00f0cc1f,#0000 34%),linear-gradient(#ffffff09,#ffffff03),#070b11;place-items:center;width:100vw;height:100dvh;min-height:100dvh;padding:18px;display:grid;overflow:hidden}body.mobile-studio.mobile-studio-landscape .mobile-screen--set-harmony:not([hidden])>:not(.msh-orientation-gate){display:none}body.mobile-studio.mobile-studio-landscape .mobile-screen--set-harmony:not([hidden]) .msh-orientation-gate{text-align:center;background:linear-gradient(#ffffff12,#ffffff06),#080e16eb;border:1px solid #00f0cc38;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:min(420px,100vw - 40px);min-height:min(280px,100dvh - 36px);padding:26px 24px;display:flex;box-shadow:0 22px 54px #00000057,inset 0 1px #ffffff0f}body.mobile-studio.mobile-studio-landscape .msh-orientation-mark{width:54px;height:54px;color:var(--teal);background:#00f0cc17;border:1px solid #00f0cc57;border-radius:16px;place-items:center;margin-bottom:12px;display:grid;box-shadow:0 0 24px #00f0cc24}body.mobile-studio.mobile-studio-landscape .msh-orientation-kicker{color:var(--teal);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.62rem;font-weight:800}body.mobile-studio.mobile-studio-landscape .msh-orientation-gate h2{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(1.55rem,4.4vw,2.15rem);line-height:1.02}body.mobile-studio.mobile-studio-landscape .msh-orientation-gate p:not(.msh-orientation-kicker){max-width:280px;color:var(--muted);margin:10px 0 18px;font-size:.86rem;line-height:1.35}body.mobile-studio.mobile-studio-landscape .msh-orientation-cta{color:#001a16;background:var(--teal);border:1px solid #00f0ccad;border-radius:12px;min-width:150px;min-height:38px;font-size:.82rem;font-weight:850;box-shadow:0 12px 28px #00f0cc2e}body.mobile-studio.mobile-studio-landscape:has(#mobileSetHarmonyScreen:not([hidden])) .mobile-tab-bar{display:none}}@media (pointer:coarse) and (width<=932px),(pointer:coarse) and (height<=768px){body.mobile-studio.mobile-studio-portrait .mobile-screen--set-harmony .msh-orientation-gate{display:none}body.mobile-studio-portrait .msh-hero h1{font-size:clamp(2.3rem,11.5vw,4.4rem);font-weight:820;line-height:.9}body.mobile-studio-portrait .msh-visualizer{box-shadow:inset 0 0 24px #00d4b414,0 16px 44px #00000047}body.mobile-studio-portrait .msh-cta{background:linear-gradient(135deg, #28f0d0, var(--teal))}body.mobile-studio .mex-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff0f,#ffffff06),#080c12c7}body.mobile-studio .mex-tray{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff0e,#ffffff06),#080c12d1}body.mobile-studio .mex-portrait-gate{display:none}body.mobile-studio-portrait .mobile-screen--explore:not([hidden]){place-items:center;padding:24px 20px;display:grid}body.mobile-studio-portrait .mobile-screen--explore .mex-portrait-gate{text-align:center;background:linear-gradient(#ffffff12,#ffffff06),#080e16eb;border:1px solid #00f0cc38;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:min(420px,100vw - 40px);min-height:min(280px,100dvh - 160px);padding:26px 24px;display:flex;box-shadow:0 22px 54px #00000057,inset 0 1px #ffffff0f}body.mobile-studio-portrait .mex-portrait-mark{width:54px;height:54px;color:var(--teal);background:#00f0cc17;border:1px solid #00f0cc57;border-radius:16px;place-items:center;margin-bottom:12px;display:grid;box-shadow:0 0 24px #00f0cc24}body.mobile-studio-portrait .mex-portrait-kicker{color:var(--teal);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.62rem;font-weight:800}body.mobile-studio-portrait .mex-portrait-gate h2{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(1.55rem,6.6vw,2.15rem);line-height:1.02}body.mobile-studio-portrait .mex-portrait-gate p:not(.mex-portrait-kicker){max-width:280px;color:var(--muted);margin:10px 0 0;font-size:.86rem;line-height:1.35}body.mobile-studio .mobile-toast{left:50%;top:calc(70px + env(safe-area-inset-top,0));z-index:200;color:#001a16;background:linear-gradient(135deg, #28f0d0, var(--teal));max-width:calc(100vw - 32px);font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;border-radius:999px;padding:9px 18px;font-size:.72rem;font-weight:850;transition:opacity .2s,transform .2s;position:fixed;overflow:hidden;transform:translate(-50%,-10px);box-shadow:0 12px 30px #00d4b442}body.mobile-studio .mex-composer-chip-more{left:50%;top:calc(70px + env(safe-area-inset-top,0));z-index:200;color:#001a16;background:linear-gradient(135deg, #28f0d0, var(--teal));max-width:calc(100vw - 32px);font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;border-radius:999px;padding:9px 18px;font-size:.72rem;font-weight:850;transition:opacity .2s,transform .2s;position:fixed;overflow:hidden;transform:translate(-50%,-10px);box-shadow:0 12px 30px #00d4b442}body.mobile-studio .mobile-toast.is-visible{opacity:1;transform:translate(-50%)}body.mobile-studio .mex-card.relation-selected{z-index:5;border-color:var(--teal)!important;background:#00f0cc1f!important;box-shadow:0 0 12px #00f0cc66,inset 0 0 8px #00f0cc1a!important}body.mobile-studio .mex-card.relation-close{background:#00f0cc0f!important;border-color:#00f0cc80!important}body.mobile-studio .mex-card.relation-smooth{background:#60a5fa0a!important;border-color:#60a5fa66!important}body.mobile-studio .mex-card.relation-tension{background:#f9a8d414!important;border-color:#f9a8d499!important}body.mobile-studio .mex-card.relation-outside{opacity:.7!important;border-style:dashed!important;border-color:#ffffff26!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree]{grid-template-columns:repeat(8,minmax(100px,1fr))!important;gap:4px!important;min-width:860px!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-card-stack{gap:3px!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-card{border-radius:6px!important;min-height:32px!important;padding:3px 5px 3px 6px!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-card-symbol{font-size:.7rem!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-card-roman,body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-card-meta{font-size:.4rem!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-group-header{gap:4px!important;min-height:24px!important;padding:3px 5px!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid[data-mex-view=degree] .mex-group-header strong{font-size:.58rem!important}body.mobile-studio .mex-tray-composer{border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;margin:0 4px;padding:0 8px;display:flex}body.mobile-studio .mex-composer-empty{color:#fff6;font-size:.65rem;font-style:italic}body.mobile-studio .mex-composer-chips{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:center;gap:4px;padding:0 2px;display:flex;overflow-x:auto}body.mobile-studio .mex-composer-chips::-webkit-scrollbar{display:none}body.mobile-studio .mex-composer-chip.interactive{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0006;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:2px 4px 2px 6px;transition:background .15s,border-color .15s;display:inline-flex}body.mobile-studio .mex-composer-chip.interactive.active{border-color:var(--teal);background:#00f0cc33}body.mobile-studio .mex-chip-text{flex-direction:column;justify-content:center;display:flex}body.mobile-studio .mex-chip-text strong{font-size:.65rem;line-height:1.1}body.mobile-studio .mex-chip-text span{color:#fff9;font-size:.45rem;line-height:1}body.mobile-studio .mex-chip-del{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.8rem;line-height:1}body.mobile-studio .mex-chip-del:active{color:#ff4d4d}body.mobile-studio .mex-composer-chip-more{color:#fff9;padding-left:2px;font-size:.6rem;font-weight:700}body.mobile-studio .mobile-screen--compose{background:linear-gradient(170deg,#080c12 0%,#0e141e 100%);flex-direction:column;width:100%;height:100%;padding:0;display:flex;overflow:hidden}body.mobile-studio .mex-compose-header{-webkit-backdrop-filter:blur(12px);z-index:10;background:#080c12f5;border-bottom:1px solid #ffffff14;flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 12px;display:grid}body.mobile-studio .mex-compose-header-left{align-items:center;gap:8px;min-width:0;display:flex}body.mobile-studio .mex-compose-header-center{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}body.mobile-studio .mex-compose-ctx-pill{color:var(--teal);font-size:.7rem;font-weight:800;font-family:var(--mono);letter-spacing:.03em;white-space:nowrap;background:linear-gradient(135deg,#00f0cc26,#00d4b414);border:1px solid #00f0cc4d;border-radius:999px;padding:3px 10px}body.mobile-studio .mex-compose-ctx-mode{color:#ffffff73;font-size:.58rem;font-family:var(--mono);white-space:nowrap}body.mobile-studio .mex-compose-header-right{justify-content:flex-end;align-items:center;display:flex}body.mobile-studio .mex-compose-toggle{background:#0006;border:1px solid #ffffff14;border-radius:8px;display:flex;overflow:hidden}body.mobile-studio .mex-compose-toggle button{color:#fff6;font-size:.62rem;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:4px 12px;transition:background .15s,color .15s}body.mobile-studio .mex-compose-toggle button.is-active{color:var(--teal);background:#00f0cc1f}body.mobile-studio .mex-compose-toggle button:disabled{opacity:.35;cursor:default}body.mobile-studio .mex-compose-controls{scrollbar-width:none;-ms-overflow-style:none;background:#00000040;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}body.mobile-studio .mex-compose-controls::-webkit-scrollbar{display:none}body.mobile-studio .mex-ctrl-group{flex-shrink:0;gap:4px;display:flex}body.mobile-studio .mex-ctrl-sep{background:#ffffff1a;flex-shrink:0;width:1px;height:22px;margin:0 2px}body.mobile-studio .mex-comp-btn{color:#fff;font-size:.68rem;font-weight:700;font-family:var(--mono);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:7px 14px;transition:background .15s,transform .1s,box-shadow .15s}body.mobile-studio .mex-comp-btn:active{background:#ffffff1f;transform:scale(.96)}body.mobile-studio .mex-comp-play-path{color:var(--green);background:#4ade801a;border-color:#4ade8059;box-shadow:0 0 10px #4ade8014}body.mobile-studio .mex-comp-play-groove{color:var(--purple);background:#a78bfa1a;border-color:#a78bfa59}body.mobile-studio .mex-comp-undo{color:#ffffffb3}body.mobile-studio .mex-comp-clear{color:var(--red);background:#f8717114;border-color:#f871714d}body.mobile-studio .mex-comp-export-basic{color:var(--teal);background:#00d4b414;border-color:#00d4b44d}body.mobile-studio .mex-comp-export-groove{color:var(--purple);background:#a78bfa0f;border-color:#a78bfa40}body.mobile-studio .mex-compose-count{color:#ffffff59;font-size:.6rem;font-family:var(--mono);white-space:nowrap;flex-shrink:0;margin-left:auto;font-weight:700}body.mobile-studio .mex-compose-lane-area{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;min-height:0;padding:10px 16px;display:flex;overflow:auto hidden}body.mobile-studio .mex-compose-lane-area::-webkit-scrollbar{display:none}body.mobile-studio .mex-compose-lane{align-items:center;gap:10px;min-width:min-content;height:100%;padding-bottom:6px;display:flex}body.mobile-studio .mex-compose-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-width:300px;padding:20px;display:flex}body.mobile-studio .mex-compose-empty-icon{color:#00f0cc40;font-size:2rem;line-height:1}body.mobile-studio .mex-compose-empty strong{color:#ffffff80;font-size:.85rem;font-weight:700}body.mobile-studio .mex-compose-empty span{color:#ffffff4d;max-width:260px;font-size:.7rem;line-height:1.4}body.mobile-studio .mex-comp-card{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:120px;max-width:150px;height:100%;min-height:100px;padding:24px 10px 20px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 12px #0000004d}body.mobile-studio .mex-comp-card:hover{border-color:#fff3}body.mobile-studio .mex-comp-card.active{border-color:var(--teal);transform:scale(.97);box-shadow:0 0 20px #00f0cc40,0 4px 16px #0006}body.mobile-studio .mex-comp-pos{width:20px;height:20px;color:var(--teal);font-size:.55rem;font-weight:800;font-family:var(--mono);z-index:2;background:#00f0cc26;border:1px solid #00f0cc66;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;left:-6px}body.mobile-studio .mex-comp-card-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:6px;left:8px;right:8px}body.mobile-studio .mex-comp-func{text-transform:uppercase;letter-spacing:.04em;font-size:.48rem;font-weight:800;font-family:var(--mono);background:#ffffff14;border-radius:4px;padding:2px 5px}body.mobile-studio .mex-comp-func[data-func=stable]{color:var(--green);background:#4ade802e}body.mobile-studio .mex-comp-func[data-func=predominant]{color:var(--blue);background:#60a5fa2e}body.mobile-studio .mex-comp-func[data-func=dominant]{color:var(--red);background:#f871712e}body.mobile-studio .mex-comp-func[data-func=color]{color:var(--purple);background:#a78bfa2e}body.mobile-studio .mex-comp-notes{font-size:.52rem;font-family:var(--mono);color:#fff6;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;display:inline-block;overflow:hidden}body.mobile-studio .mex-comp-card.is-tonic{border-color:#4ade8038}body.mobile-studio .mex-comp-card.is-predominant{border-color:#60a5fa38}body.mobile-studio .mex-comp-card.is-dominant{border-color:#f8717138}body.mobile-studio .mex-comp-card.is-color{border-color:#a78bfa38}body.mobile-studio .mex-comp-edited{color:#fbbf24;z-index:2;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:800;display:flex;position:absolute;bottom:-6px;right:-6px}body.mobile-studio .mex-comp-card.has-edited-notes{border-left:2px solid #fbbf24!important}body.mobile-studio .mex-comp-dur{color:#fff6;font-size:.5rem;font-weight:700;font-family:var(--mono)}body.mobile-studio .mex-comp-symbol{color:#fff;text-shadow:0 1px 6px #0000004d;font-size:1.5rem;font-weight:800;line-height:1.1}body.mobile-studio .mex-comp-sub{color:#ffffff80;margin-top:2px;font-size:.68rem;font-weight:600}body.mobile-studio .mex-comp-card-bottom{justify-content:center;display:flex;position:absolute;bottom:6px;left:8px;right:8px}body.mobile-studio .mex-comp-cat{color:#ffffff4d;text-transform:uppercase;font-size:.45rem;font-family:var(--mono);letter-spacing:.05em;font-weight:600}body.mobile-studio .mex-comp-del{color:#ffffff80;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:#1e1e1ef2;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.9rem;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #00000080}body.mobile-studio .mex-comp-del:active{color:#fff;background:#ff4d4d;border-color:#ff4d4d}body.mobile-studio .mex-compose-timeline-area{scrollbar-width:none;-ms-overflow-style:none;background:#0003;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:8px;padding:5px 12px;display:flex;overflow-x:auto}body.mobile-studio .mex-compose-timeline-area::-webkit-scrollbar{display:none}body.mobile-studio .mex-timeline-label{color:#ffffff40;font-size:.5rem;font-weight:800;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}body.mobile-studio .mex-compose-timeline{gap:4px;min-width:min-content;display:flex}body.mobile-studio .mex-comp-tchip{color:#fff9;cursor:pointer;font-size:.58rem;font-weight:700;font-family:var(--mono);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;transition:background .15s,border-color .15s}body.mobile-studio .mex-tchip-num{color:#ffffff4d;margin-right:2px;font-size:.5rem}body.mobile-studio .mex-comp-tchip[data-func=stable]{border-color:#4ade8040}body.mobile-studio .mex-comp-tchip[data-func=predominant]{border-color:#60a5fa40}body.mobile-studio .mex-comp-tchip[data-func=dominant]{border-color:#f8717140}body.mobile-studio .mex-comp-tchip:active,body.mobile-studio .mex-comp-tchip.active{color:#fff;border-color:var(--teal);background:#00f0cc26}body.mobile-studio .mex-compose-status-area{scrollbar-width:none;-ms-overflow-style:none;background:#080c12f2;border-top:1px solid #ffffff0a;flex-shrink:0;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}body.mobile-studio .mex-compose-status-area::-webkit-scrollbar{display:none}body.mobile-studio .mex-status-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;flex:1;min-width:90px;padding:5px 12px;display:flex}body.mobile-studio .mex-status-card--accent{background:#00f0cc0a;border-color:#00f0cc33}body.mobile-studio .mex-status-card span{color:#fff6;text-transform:uppercase;font-size:.5rem;font-family:var(--mono);letter-spacing:.05em;margin-bottom:2px;font-weight:700}body.mobile-studio .mex-status-card strong{color:#fff;font-size:.72rem;font-weight:700}body.mobile-studio .mex-status-card--accent strong{color:var(--teal)}body.mobile-studio .mex-compose-bpm{background:#00000059;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:2px 4px;display:flex}body.mobile-studio .mex-bpm-step{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:800;display:flex}body.mobile-studio .mex-bpm-step:active{background:#ffffff1a}body.mobile-studio .mex-bpm-val{color:#fff;width:36px;font-size:.7rem;font-weight:800;font-family:var(--mono);text-align:center;-moz-appearance:textfield;background:0 0;border:none}body.mobile-studio .mex-bpm-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body.mobile-studio .mex-bpm-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body.mobile-studio .mex-bpm-label{color:#ffffff59;font-size:.48rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-left:1px;font-weight:700}body.mobile-studio .mex-comp-edit-row{align-items:center;gap:4px;margin-top:4px;display:none}body.mobile-studio .mex-comp-card.edit-mode .mex-comp-edit-row{display:flex}body.mobile-studio .mex-edit-active .mex-comp-card{min-width:130px;min-height:120px}body.mobile-studio .mex-comp-move{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;transition:background .15s;display:flex}body.mobile-studio .mex-comp-move:active{color:var(--teal);border-color:var(--teal);background:#00f0cc33}body.mobile-studio .mex-comp-move:disabled{opacity:.25;cursor:default}body.mobile-studio .mex-comp-dur-sel{color:#fff;font-size:.55rem;font-weight:700;font-family:var(--mono);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0006;border:1px solid #ffffff1f;border-radius:6px;max-width:68px;padding:3px 4px}body.mobile-studio .mex-comp-dur-sel option{color:#fff;background:#222}body.mobile-studio .mex-status-card--bpm{background:#a78bfa0a;border-color:#a78bfa33}body.mobile-studio .mex-status-card--bpm strong{color:var(--purple)}body.mobile-studio .mex-compose-toggle button[data-mode=edit].is-active{color:var(--red);background:#f871711f}body.mobile-studio .mobile-screen--roll{background:linear-gradient(170deg,#060a10 0%,#0c121c 100%);flex-direction:column;width:100%;height:100%;padding:0;display:flex;overflow:hidden}body.mobile-studio .mex-roll-header{-webkit-backdrop-filter:blur(12px);z-index:10;background:#080c12f5;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;padding:6px 12px;display:flex}body.mobile-studio .mex-roll-header-left{flex-shrink:0}body.mobile-studio .mex-roll-header-center{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}body.mobile-studio .mex-roll-ctx-pill{color:var(--teal);font-size:.68rem;font-weight:800;font-family:var(--mono);white-space:nowrap;background:linear-gradient(135deg,#00f0cc26,#00d4b414);border:1px solid #00f0cc4d;border-radius:999px;padding:3px 10px}body.mobile-studio .mex-roll-badge{color:var(--purple);font-size:.5rem;font-weight:800;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:999px;padding:2px 8px}body.mobile-studio .mex-roll-header-right{flex-shrink:0}body.mobile-studio .mex-roll-zoom-group{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;gap:3px;padding:2px;display:flex}body.mobile-studio .mex-roll-zoom-btn{color:#ffffff80;font-size:.58rem;font-weight:800;font-family:var(--mono);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:5px;padding:4px 7px;transition:background .15s,color .15s}body.mobile-studio .mex-roll-zoom-btn:active{color:var(--teal);background:#00f0cc26}body.mobile-studio .mex-roll-layout{flex-direction:row;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}body.mobile-studio .mex-roll-left{z-index:10;background:#0e1218fa;flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden;box-sizing:border-box!important;border-right:2px solid #00f0cc4d!important;width:52px!important;min-width:52px!important;max-width:52px!important}body.mobile-studio .mex-roll-header-spacer{box-sizing:border-box!important;background:#080c12f2!important;border-bottom:1px solid #ffffff0f!important;width:100%!important;height:24px!important;min-height:24px!important}body.mobile-studio .mex-roll-bars-label{color:#ffffff40!important;letter-spacing:.04em!important;text-transform:uppercase!important;box-sizing:border-box!important;background:#080c12f2!important;border-top:1px solid #ffffff0a!important;justify-content:flex-end!important;align-items:center!important;width:100%!important;height:24px!important;min-height:24px!important;margin:0!important;padding-right:6px!important;font-size:.42rem!important;font-weight:800!important;display:flex!important}body.mobile-studio .mex-roll-pitch-labels{flex:1;overflow:hidden;box-sizing:border-box!important;width:100%!important;position:relative!important}body.mobile-studio .mex-roll-plabel{font-family:var(--mono);box-sizing:border-box;border-bottom:1px solid #ffffff0d;justify-content:flex-end;align-items:center;padding-right:6px;display:flex;color:#ffffffbf!important;background:#1c222efa!important;font-size:.52rem!important;font-weight:800!important}body.mobile-studio .mex-roll-plabel.is-black{color:#00f0ccd9!important;background:#0e1218fa!important;font-weight:900!important}body.mobile-studio .mex-roll-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;background:#080c12;flex:1;height:100%;position:relative;overflow:auto}body.mobile-studio .mex-roll-scroll::-webkit-scrollbar{width:4px;height:4px}body.mobile-studio .mex-roll-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}body.mobile-studio .mex-roll-track{box-sizing:border-box;flex-direction:column;display:flex;position:relative}body.mobile-studio .mex-roll-chord-headers{z-index:5;box-sizing:border-box;background:#080c12eb;border-bottom:1px solid #ffffff0f;width:100%!important;height:24px!important;min-height:24px!important;display:block!important;position:sticky!important;top:0!important;left:0!important;overflow:hidden!important}body.mobile-studio .mex-roll-chord-hdr{font-size:.52rem;font-weight:700;font-family:var(--mono);color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-right:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:4px;padding:3px 6px;display:flex;overflow:hidden}body.mobile-studio .mex-roll-hdr-num{color:var(--teal);font-size:.5rem;font-weight:900}body.mobile-studio .mex-roll-grid{min-height:100px;position:relative}body.mobile-studio .mex-roll-row{box-sizing:border-box;position:absolute;left:0;background:#ffffff03!important;border-bottom:1px solid #ffffff09!important}body.mobile-studio .mex-roll-row.is-black{background:#00000038!important}body.mobile-studio .mex-roll-col-sep{z-index:2;position:absolute;top:0;border-left:1px dashed #ffffff1f!important;width:0!important}body.mobile-studio .mex-roll-note{z-index:3;position:absolute;opacity:.9!important;background:linear-gradient(135deg,#00f0ccb3,#00b49680)!important;border:1px solid #00f0cc8c!important;border-radius:4px!important;transition:opacity .15s,transform .1s!important;box-shadow:0 2px 6px #00f0cc40!important}body.mobile-studio .mex-roll-note[data-cat=borrowed]{background:linear-gradient(135deg,#60a5faa6,#3b82f673);border-color:#60a5fa80;box-shadow:0 1px 4px #60a5fa26}body.mobile-studio .mex-roll-note[data-cat=altered]{background:linear-gradient(135deg,#f87171a6,#ef444473);border-color:#f8717180;box-shadow:0 1px 4px #f8717126}body.mobile-studio .mex-roll-note[data-cat=extended]{background:linear-gradient(135deg,#a78bfaa6,#8b5cf673);border-color:#a78bfa80;box-shadow:0 1px 4px #a78bfa26}body.mobile-studio .mex-roll-timeline{z-index:5;background:#080c12eb;border-top:1px solid #ffffff0f;box-sizing:border-box!important;width:100%!important;height:24px!important;min-height:24px!important;display:block!important;position:sticky!important;bottom:0!important;left:0!important;overflow:hidden!important}body.mobile-studio .mex-roll-tchip{box-sizing:border-box!important;color:#ffffff80!important;cursor:pointer!important;height:20px!important;font-size:.56rem!important;font-weight:700!important;line-height:14px!important;font-family:var(--mono)!important;white-space:nowrap!important;-webkit-tap-highlight-color:transparent!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:6px!important;margin:0!important;padding:2px 8px!important;transition:background .15s,border-color .15s!important;position:absolute!important}body.mobile-studio .mex-roll-tchip.active{color:#fff!important;border-color:var(--teal)!important;background:#00f0cc26!important}body.mobile-studio .mex-roll-tchip-num{color:#ffffff4d;margin-right:2px;font-size:.48rem}body.mobile-studio .mex-roll-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:100%;padding:40px 20px;display:flex}body.mobile-studio .mex-roll-empty-icon{color:#a78bfa40;font-size:2.5rem;line-height:1}body.mobile-studio .mex-roll-empty strong{color:#ffffff80;font-size:.85rem;font-weight:700}body.mobile-studio .mex-roll-empty span{color:#ffffff4d;max-width:260px;font-size:.7rem;line-height:1.4}body.mobile-studio .mex-roll-playhead{background-color:var(--teal);z-index:4;pointer-events:none;width:2px;box-shadow:0 0 8px var(--teal);transition:transform 50ms linear;display:none;position:absolute;transform:translate(0);top:24px!important;bottom:24px!important}body.mobile-studio .mex-roll-playhead.is-active{display:block}body.mobile-studio .mex-roll-note.is-playing{opacity:1;filter:brightness(1.3)drop-shadow(0 0 6px);z-index:4}body.mobile-studio .mex-roll-chord-hdr.is-playing{color:var(--teal);background:#00f0cc1a}body.mobile-studio .mex-roll-control-bar{background:#060a10f5;border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;display:flex}body.mobile-studio .mex-roll-ctrl-btn{color:#fff;cursor:pointer;font-size:.65rem;font-weight:700;font-family:var(--body);-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:6px 14px;transition:all .15s}body.mobile-studio .mex-roll-ctrl-btn.primary{background:var(--teal);color:#000;border-color:var(--teal)}body.mobile-studio .mex-roll-ctrl-btn.primary:active{filter:brightness(.9)}body.mobile-studio .mex-roll-ctrl-btn:not(.primary):active{background:#ffffff26}body.mobile-studio .mex-roll-toolbar-group{background:#0000004d;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;display:flex}body.mobile-studio .mex-roll-lbl{color:#fff6;text-transform:uppercase;font-size:.55rem;font-weight:700}body.mobile-studio .mex-roll-select{color:#fff9;font-size:.6rem;font-family:var(--mono);appearance:none;opacity:.5;background:0 0;border:none;outline:none;padding:0}body.mobile-studio .mex-roll-info-panel{font-family:var(--mono);background:#0c121cfa;border-top:1px solid #ffffff08;flex-shrink:0;align-items:center;gap:12px;padding:6px 12px;display:flex}body.mobile-studio .mex-roll-info-chord{color:#fff;min-width:60px;font-size:.8rem;font-weight:900}body.mobile-studio .mex-roll-info-roman{color:var(--teal);font-size:.6rem;font-weight:700}body.mobile-studio .mex-roll-info-notes{color:#fff6;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.55rem;overflow:hidden}body.mobile-studio .mex-roll-info-duration{color:#ffffff4d;text-align:right;font-size:.55rem}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-selected{outline-offset:1px;z-index:5;outline:2px solid #ffd166;box-shadow:0 0 8px #ffd166b3}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-selected.is-playing{filter:brightness(1.3)drop-shadow(0 0 6px);outline-color:#ffd166}body.mobile-studio.mobile-studio-landscape .mex-roll-chord-hdr.is-selected{color:#ffd166;background:#ffd1661f;box-shadow:inset 0 -2px #ffd166}body.mobile-studio.mobile-studio-landscape .mex-roll-chord-hdr.is-selected.is-playing{color:#ffd166;background:#ffd16629}body.mobile-studio.mobile-studio-landscape .mex-roll-tchip.is-selected{color:#ffd166;background:#ffd16624;border-color:#ffd166}body.mobile-studio.mobile-studio-landscape .mex-roll-tchip.is-selected.is-playing{color:#ffd166;background:#ffd1662e}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-muted{opacity:.35;filter:grayscale(.7)saturate(.4);background-image:repeating-linear-gradient(45deg,#ffffff14 0 2px,#0000 2px 5px);border:1px dashed #ffffff8c}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-muted.is-selected{opacity:.6;outline-offset:1px;outline:2px solid #ffd166}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-muted.is-playing{filter:grayscale(.7)saturate(.4);opacity:.35}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-actions{flex-wrap:nowrap;align-items:center;gap:8px;margin-left:auto;display:flex}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-btn{color:#ffd166;font-size:.6rem;font-weight:700;font-family:var(--body);cursor:pointer;-webkit-tap-highlight-color:transparent;text-transform:uppercase;letter-spacing:.04em;background:#ffd1662e;border:1px solid #ffd166;border-radius:5px;padding:4px 10px}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-btn.is-unmute{color:var(--teal);border-color:var(--teal);background:#00f0cc29}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-btn.is-reset{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff38}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-btn:active{filter:brightness(.85)}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-btn:disabled{opacity:.42;cursor:default;filter:grayscale(.7)}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-tag{color:#ffffff73;font-size:.55rem;font-family:var(--mono);white-space:nowrap}body.mobile-studio.mobile-studio-landscape .mex-roll-note{overflow:hidden}body.mobile-studio.mobile-studio-landscape .mex-roll-note:after{content:"";width:calc(var(--mex-roll-velocity,57) * 1%);pointer-events:none;background:#ffffff2e;position:absolute;inset:0 auto 0 0}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-velocity-edited{box-shadow:inset 0 0 0 1px #ffd16673,0 1px 4px #ffd1662e}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-muted:after{opacity:.28}body.mobile-studio.mobile-studio-landscape .mex-roll-velocity-control{background:#ffd16612;border:1px solid #ffd16642;border-radius:6px;grid-template-rows:auto auto;gap:3px;width:clamp(152px,22vw,210px);min-width:152px;padding:4px 6px;display:grid}body.mobile-studio.mobile-studio-landscape .mex-roll-velocity-head,body.mobile-studio.mobile-studio-landscape .mex-roll-velocity-row{align-items:center;display:flex}body.mobile-studio.mobile-studio-landscape .mex-roll-velocity-head{font-family:var(--mono);color:#ffffff94;white-space:nowrap;justify-content:space-between;gap:8px;font-size:.5rem}body.mobile-studio.mobile-studio-landscape .mex-roll-velocity-head strong{color:#ffd166;font-size:.58rem}body.mobile-studio.mobile-studio-landscape .mex-roll-velocity-row{gap:6px}body.mobile-studio.mobile-studio-landscape .mex-roll-velocity-step{color:#ffd166;cursor:pointer;background:#ffd1661f;border:1px solid #ffd16666;border-radius:5px;flex:0 0 24px;place-items:center;width:24px;height:22px;font-size:.72rem;font-weight:800;line-height:1;display:grid}body.mobile-studio.mobile-studio-landscape .mex-roll-velocity-slider{accent-color:#ffd166;width:100%;min-width:0}body.mobile-studio.mobile-studio-landscape .mex-roll-voicing-control{white-space:nowrap;background:#00f0cc0f;border:1px solid #00f0cc38;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;display:flex}body.mobile-studio.mobile-studio-landscape .mex-roll-voicing-label{color:#ffffff94;font-family:var(--mono);font-size:.5rem}body.mobile-studio.mobile-studio-landscape .mex-roll-octave-btn{color:var(--teal);background:#00f0cc1a;border-color:#00f0cc6b;padding:4px 7px}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-actions{flex:none}body.mobile-studio.mobile-studio-landscape .mex-roll-duplicate-btn{color:#ffd166;background:#ffd1661f;border-color:#ffd16680;padding:4px 7px}body.mobile-studio.mobile-studio-landscape .mex-roll-duplicate-btn:active{filter:brightness(.9)}body.mobile-studio.mobile-studio-landscape .mex-roll-duplicate-btn[disabled]{color:#ffd16659;cursor:not-allowed;background:#ffd1660a;border-color:#ffd16638}body.mobile-studio.mobile-studio-landscape .mex-roll-timing-control{background:#60a5fa12;border:1px solid #60a5fa47;border-radius:6px;grid-template-rows:auto auto auto;gap:3px;min-width:270px;max-width:360px;padding:4px 6px;display:grid}body.mobile-studio.mobile-studio-landscape .mex-roll-edit-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:5px}body.mobile-studio.mobile-studio-landscape .mex-roll-timing-head,body.mobile-studio.mobile-studio-landscape .mex-roll-timing-values,body.mobile-studio.mobile-studio-landscape .mex-roll-timing-row{align-items:center;display:flex}body.mobile-studio.mobile-studio-landscape .mex-roll-timing-head{font-family:var(--mono);color:#ffffff9e;white-space:nowrap;justify-content:space-between;gap:8px;font-size:.5rem}body.mobile-studio.mobile-studio-landscape .mex-roll-timing-head strong{color:#93c5fd;font-size:.56rem}body.mobile-studio.mobile-studio-landscape .mex-roll-timing-values{font-family:var(--mono);color:#ffffff7a;white-space:nowrap;font-size:.5rem}body.mobile-studio.mobile-studio-landscape .mex-roll-timing-row{flex-wrap:nowrap;gap:5px}body.mobile-studio.mobile-studio-landscape .mex-roll-timing-btn{color:#bfdbfe;background:#60a5fa1c;border-color:#93c5fd6b;padding:4px 6px;font-size:.52rem}body.mobile-studio.mobile-studio-landscape .mex-roll-timing-btn[disabled]{color:#bfdbfe57;cursor:not-allowed;background:#60a5fa0a;border-color:#93c5fd2e}body.mobile-studio.mobile-studio-landscape .mex-roll-note{cursor:grab;touch-action:pan-x pan-y}body.mobile-studio.mobile-studio-landscape .mex-roll-grid.is-dragging-timing{cursor:grabbing}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-dragging-timing{z-index:8;cursor:grabbing;touch-action:none;opacity:1;border-color:#93c5fde6;transition:none;box-shadow:0 0 0 2px #93c5fd3d,0 8px 18px #00000059}body.mobile-studio.mobile-studio-landscape .mex-roll-resize-handle{z-index:6;cursor:ew-resize;touch-action:pan-x pan-y;background:linear-gradient(90deg,#0f172a00,#0f172a47),#93c5fd33;border-left:1px solid #ffffff57;width:12px;position:absolute;top:1px;bottom:1px;right:0}body.mobile-studio.mobile-studio-landscape .mex-roll-resize-handle:before{content:"";background:#ffffffc7;border-radius:999px;width:2px;height:9px;position:absolute;top:50%;right:3px;transform:translateY(-50%);box-shadow:-4px 0 #ffffff6b}body.mobile-studio.mobile-studio-landscape .mex-roll-grid.is-resizing-duration{cursor:ew-resize}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-resizing-duration{z-index:9;cursor:ew-resize;touch-action:none;opacity:1;border-color:#ffd166e6;transition:none;box-shadow:0 0 0 2px #ffd16640,0 8px 18px #00000059}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-resizing-duration .mex-roll-resize-handle{touch-action:none;background:#ffd16657;border-left-color:#ffffff94}body.mobile-studio.mobile-studio-landscape .mex-roll-grid.is-dragging-pitch{cursor:ns-resize}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-dragging-pitch{z-index:10;cursor:ns-resize;touch-action:none;opacity:1;border-color:#00f0ccf2;transition:none;box-shadow:0 0 0 2px #00f0cc3d,0 10px 20px #00000061}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-dragging-pitch .mex-roll-resize-handle{opacity:.42;pointer-events:none}body.mobile-studio.mobile-studio-landscape .mex-roll-pitch-mode-toggle{background:#0f172a73;border:1px solid #94a3b859;border-radius:999px;align-items:stretch;margin-right:6px;display:inline-flex;overflow:hidden}body.mobile-studio.mobile-studio-landscape .mex-roll-pitch-mode-btn{appearance:none;color:#e2e8f0c7;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.1}body.mobile-studio.mobile-studio-landscape .mex-roll-pitch-mode-btn+.mex-roll-pitch-mode-btn{border-left:1px solid #94a3b847}body.mobile-studio.mobile-studio-landscape .mex-roll-pitch-mode-btn.is-active{color:#e5fffaf5;background:#00f0cc2e;box-shadow:inset 0 0 0 1px #00f0cc6b}body.mobile-studio.mobile-studio-landscape .mex-roll-pitch-mode-hint{color:#00f0cce0;letter-spacing:.01em;margin-left:4px;font-size:11px}body.mobile-studio.mobile-studio-landscape .mex-roll-grid.is-dragging-pitch-class{cursor:ns-resize}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-dragging-pitch-class{z-index:11;cursor:ns-resize;touch-action:none;opacity:1;border-color:#ffb86cf2;transition:none;box-shadow:0 0 0 2px #ffb86c42,0 10px 20px #00000061}body.mobile-studio.mobile-studio-landscape .mex-roll-note.is-dragging-pitch-class .mex-roll-resize-handle{opacity:.42;pointer-events:none}body.mobile-studio.mobile-studio-landscape .mex-roll-info-panel{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-sizing:border-box!important;background:#0a101ad9!important;border-top:1px solid #ffffff14!important;height:auto!important;max-height:155px!important;padding:8px 12px!important;display:block!important;overflow-y:auto!important}body.mobile-studio.mobile-studio-landscape .mex-roll-info-grid{box-sizing:border-box!important;flex-flow:wrap!important;gap:8px!important;width:100%!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card{box-sizing:border-box!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:8px!important;flex-direction:column!important;padding:8px 10px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;box-shadow:0 4px 12px #0003!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card.card-note{border-left:3px solid #fff6!important;flex:150px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card.card-velocity{border-left:3px solid #ffd166!important;flex:160px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card.card-timing{border-left:3px solid #60a5fa!important;flex:2 240px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card.card-voicing{border-left:3px solid #00f0cc!important;flex:2 240px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card.card-safety{border-left:3px solid #f87171!important;flex:150px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card-header{font-family:var(--body);text-transform:uppercase!important;letter-spacing:.05em!important;color:#ffffffe6!important;border-bottom:1px solid #ffffff0d!important;margin-bottom:6px!important;padding-bottom:3px!important;font-size:.62rem!important;font-weight:700!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card-body{flex-direction:column!important;flex:1!important;justify-content:center!important;min-height:0!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-note-details{flex-direction:column!important;gap:3px!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-note-detail-row{font-size:.58rem!important;font-family:var(--mono)!important;justify-content:space-between!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-note-detail-row span{color:#ffffff73!important}body.mobile-studio.mobile-studio-landscape .mex-roll-note-detail-row strong{color:#ffffffd9!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-velocity-control,body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-control{background:0 0!important;border:none!important;flex-direction:column!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-velocity-head,body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-head{color:#ffffff80!important;font-size:.55rem!important;font-family:var(--mono)!important;justify-content:space-between!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-velocity-head strong{color:#ffd166!important;font-size:.58rem!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-velocity-row{align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-velocity-slider{accent-color:#ffd166!important;flex:1!important;height:24px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-velocity-step{color:#ffd166!important;cursor:pointer!important;background:#ffd16626!important;border:1px solid #ffd16666!important;border-radius:5px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:26px!important;font-size:.85rem!important;font-weight:800!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-velocity-step:active{background:#ffd1664d!important;transform:scale(.95)!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-head strong{color:#60a5fa!important;font-size:.55rem!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-values{color:#ffffffd9!important;font-size:.58rem!important;font-weight:700!important;font-family:var(--mono)!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-row{grid-template-columns:repeat(4,1fr)!important;gap:4px!important;width:100%!important;margin-top:4px!important;display:grid!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-btn{text-align:center!important;color:#93c5fd!important;text-transform:uppercase!important;cursor:pointer!important;font-size:.52rem!important;font-weight:700!important;font-family:var(--body)!important;background:#60a5fa26!important;border:1px solid #60a5fa66!important;border-radius:4px!important;padding:5px 2px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-btn:active{filter:brightness(1.2)!important;transform:scale(.96)!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-btn[disabled]{opacity:.4!important;cursor:default!important;transform:none!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-timing-btn:nth-child(5){color:#fff!important;background:#ffffff14!important;border-color:#ffffff26!important;grid-column:span 4!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-voicing-control{background:0 0!important;border:none!important;grid-template-columns:1fr 1fr 1fr!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;display:grid!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-voicing-label{color:#ffffff80!important;font-size:.58rem!important;font-family:var(--mono)!important;grid-column:span 3!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-pitch-mode-toggle{background:#0f172a73!important;border:1px solid #ffffff1a!important;border-radius:6px!important;grid-column:span 3!important;width:100%!important;margin-right:0!important;display:inline-flex!important;overflow:hidden!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-pitch-mode-btn{text-align:center!important;color:#e2e8f0b3!important;cursor:pointer!important;background:0 0!important;border:none!important;flex:1!important;padding:5px 0!important;font-size:.55rem!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-pitch-mode-btn.is-active{color:#e5fffa!important;background:#00f0cc33!important;font-weight:700!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-pitch-mode-hint{color:#00f0cc!important;text-align:center!important;grid-column:span 3!important;font-size:.52rem!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-octave-btn,body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-duplicate-btn{text-align:center!important;cursor:pointer!important;font-size:.52rem!important;font-weight:700!important;font-family:var(--body)!important;border-radius:4px!important;grid-column:span 1!important;padding:5px 2px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-octave-btn:active,body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-duplicate-btn:active{filter:brightness(1.2)!important;transform:scale(.96)!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-octave-btn[disabled],body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-duplicate-btn[disabled]{opacity:.4!important;cursor:default!important;transform:none!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-octave-btn{color:#00f0cc!important;background:#00f0cc26!important;border:1px solid #00f0cc66!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-duplicate-btn{color:#ffd166!important;background:#ffd16626!important;border:1px solid #ffd16666!important}body.mobile-studio.mobile-studio-landscape .mex-roll-safety-body{flex-direction:column!important;gap:5px!important;width:100%!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-edit-btn{text-align:center!important;text-transform:uppercase!important;cursor:pointer!important;width:100%!important;font-size:.55rem!important;font-weight:700!important;font-family:var(--body)!important;border-radius:5px!important;padding:6px 8px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-edit-btn:active{filter:brightness(1.2)!important;transform:scale(.96)!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-edit-btn[disabled]{opacity:.4!important;cursor:default!important;transform:none!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-edit-btn.is-reset{color:#f87171!important;background:#f8717126!important;border:1px solid #f8717166!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-edit-btn:not(.is-reset){color:#ffffffe6!important;background:#ffffff14!important;border:1px solid #ffffff26!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-edit-btn.is-unmute{color:#00f0cc!important;background:#00f0cc26!important;border-color:#00f0cc66!important}body.mobile-studio.mobile-studio-landscape .mex-roll-card .mex-roll-edit-tag{color:#ffffff59!important;text-align:center!important;white-space:normal!important;font-size:.45rem!important;line-height:1.2!important;font-family:var(--mono)!important;margin-top:2px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-info-default{text-align:center!important;box-sizing:border-box!important;color:#ffffffb3!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:80px!important;padding:12px!important;display:flex!important}body.mobile-studio.mobile-studio-landscape .mex-roll-info-default strong{color:#ffd166!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.75rem!important;font-family:var(--body)!important;margin-bottom:4px!important}body.mobile-studio.mobile-studio-landscape .mex-roll-info-default span{color:#fff6!important;max-width:400px!important;font-size:.6rem!important;font-family:var(--mono)!important}}@media (pointer:coarse) and (width<=768px){body.mobile-studio.mobile-studio-portrait .mex-roll-info-panel{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;box-sizing:border-box!important;background:#0a101aeb!important;border-top:1px solid #ffffff17!important;height:auto!important;max-height:215px!important;padding:8px 10px!important;display:block!important;overflow-y:auto!important}body.mobile-studio.mobile-studio-portrait .mex-roll-info-grid{box-sizing:border-box!important;flex-direction:column!important;gap:6px!important;width:100%!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card{box-sizing:border-box!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:8px!important;flex-direction:column!important;margin-bottom:2px!important;padding:6px 10px!important;transition:background-color .2s!important;display:flex!important;box-shadow:0 4px 10px #00000040!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card.card-note{border-left:3px solid #ffffff80!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card.card-velocity{border-left:3px solid #ffd166!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card.card-timing{border-left:3px solid #60a5fa!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card.card-voicing{border-left:3px solid #00f0cc!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card.card-safety{border-left:3px solid #f87171!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card-header{font-family:var(--body);text-transform:uppercase!important;letter-spacing:.05em!important;color:#ffffffe6!important;box-sizing:border-box!important;border-bottom:1px solid #ffffff0d!important;margin-bottom:0!important;padding-bottom:4px!important;font-size:.65rem!important;font-weight:700!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card:not(.card-note) .mex-roll-card-header{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;justify-content:space-between!important;align-items:center!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card:not(.card-note) .mex-roll-card-header:after{content:"▶"!important;color:#ffffff73!important;margin-left:6px!important;font-size:.52rem!important;transition:transform .2s!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card:not(.card-note).is-expanded .mex-roll-card-header:after{color:#ffffffd9!important;transform:rotate(90deg)!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card-body{flex-direction:column!important;flex:1!important;justify-content:center!important;min-height:0!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card:not(.card-note):not(.is-expanded) .mex-roll-card-body{display:none!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card:not(.card-note).is-expanded .mex-roll-card-body{margin-top:6px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-note-details{flex-direction:column!important;gap:3px!important;margin-top:4px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-note-detail-row{font-size:.6rem!important;font-family:var(--mono)!important;justify-content:space-between!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-note-detail-row span{color:#ffffff73!important}body.mobile-studio.mobile-studio-portrait .mex-roll-note-detail-row strong{color:#ffffffe0!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-velocity-control,body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-control{background:0 0!important;border:none!important;flex-direction:column!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-velocity-head,body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-head{color:#ffffff80!important;font-size:.58rem!important;font-family:var(--mono)!important;justify-content:space-between!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-velocity-head strong{color:#ffd166!important;font-size:.6rem!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-velocity-row{align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-velocity-slider{accent-color:#ffd166!important;flex:1!important;height:32px!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-velocity-step{color:#ffd166!important;cursor:pointer!important;background:#ffd16626!important;border:1px solid #ffd16666!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:32px!important;font-size:.95rem!important;font-weight:800!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-velocity-step:active{background:#ffd1664d!important;transform:scale(.95)!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-head strong{color:#60a5fa!important;font-size:.58rem!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-values{color:#ffffffe0!important;font-size:.6rem!important;font-weight:700!important;font-family:var(--mono)!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-row{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;width:100%!important;margin-top:4px!important;display:grid!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-btn{text-align:center!important;color:#93c5fd!important;text-transform:uppercase!important;cursor:pointer!important;font-size:.58rem!important;font-weight:700!important;font-family:var(--body)!important;background:#60a5fa26!important;border:1px solid #60a5fa66!important;border-radius:5px!important;padding:8px 2px!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-btn:active{filter:brightness(1.2)!important;transform:scale(.96)!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-btn[disabled]{opacity:.4!important;cursor:default!important;transform:none!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-btn:nth-child(5){color:#fff!important;background:#ffffff14!important;border-color:#ffffff26!important;grid-column:span 4!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-voicing-control{background:0 0!important;border:none!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;display:grid!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-voicing-label{color:#ffffff80!important;font-size:.58rem!important;font-family:var(--mono)!important;grid-column:span 3!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-pitch-mode-toggle{background:#0f172a73!important;border:1px solid #ffffff1a!important;border-radius:6px!important;grid-column:span 3!important;width:100%!important;margin-bottom:2px!important;display:inline-flex!important;overflow:hidden!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-pitch-mode-btn{text-align:center!important;color:#e2e8f0b3!important;cursor:pointer!important;background:0 0!important;border:none!important;flex:1!important;padding:8px 0!important;font-size:.58rem!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-pitch-mode-btn.is-active{color:#e5fffa!important;background:#00f0cc33!important;font-weight:700!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-pitch-mode-hint{color:#00f0cc!important;text-align:center!important;grid-column:span 3!important;margin-bottom:2px!important;font-size:.55rem!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-octave-btn,body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-duplicate-btn{text-align:center!important;cursor:pointer!important;font-size:.58rem!important;font-weight:700!important;font-family:var(--body)!important;border-radius:5px!important;grid-column:span 1!important;padding:8px 2px!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-octave-btn:active,body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-duplicate-btn:active{filter:brightness(1.2)!important;transform:scale(.96)!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-octave-btn[disabled],body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-duplicate-btn[disabled]{opacity:.4!important;cursor:default!important;transform:none!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-octave-btn{color:#00f0cc!important;background:#00f0cc26!important;border:1px solid #00f0cc66!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-duplicate-btn{color:#ffd166!important;background:#ffd16626!important;border:1px solid #ffd16666!important}body.mobile-studio.mobile-studio-portrait .mex-roll-safety-body{flex-direction:column!important;gap:6px!important;width:100%!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-edit-btn{text-align:center!important;text-transform:uppercase!important;cursor:pointer!important;width:100%!important;font-size:.58rem!important;font-weight:700!important;font-family:var(--body)!important;border-radius:5px!important;padding:8px 10px!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-edit-btn:active{filter:brightness(1.2)!important;transform:scale(.96)!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-edit-btn[disabled]{opacity:.4!important;cursor:default!important;transform:none!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-edit-btn.is-reset{color:#f87171!important;background:#f8717126!important;border:1px solid #f8717166!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-edit-btn:not(.is-reset){color:#ffffffe6!important;background:#ffffff14!important;border:1px solid #ffffff26!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-edit-btn.is-unmute{color:#00f0cc!important;background:#00f0cc26!important;border-color:#00f0cc66!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-edit-tag{color:#ffffff59!important;text-align:center!important;white-space:normal!important;font-size:.48rem!important;line-height:1.2!important;font-family:var(--mono)!important;margin-top:2px!important}body.mobile-studio.mobile-studio-portrait .mex-roll-info-default{text-align:center!important;box-sizing:border-box!important;color:#ffffffb3!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:80px!important;padding:16px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-info-default strong{color:#ffd166!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.78rem!important;font-family:var(--body)!important;margin-bottom:6px!important}body.mobile-studio.mobile-studio-portrait .mex-roll-info-default span{color:#fff6!important;max-width:280px!important;font-size:.65rem!important;line-height:1.3!important;font-family:var(--mono)!important}body.mobile-studio.mobile-studio-portrait .mex-roll-control-bar{background:#060a10fa!important;border-top:1px solid #ffffff14!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-ctrl-btn{box-sizing:border-box!important;flex:80px!important;justify-content:center!important;align-items:center!important;min-height:38px!important;padding:6px 12px!important;font-size:.7rem!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-zoom-group{box-sizing:border-box!important;flex:2 180px!important;justify-content:space-between!important;gap:3px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-zoom-btn{box-sizing:border-box!important;flex:1!important;justify-content:center!important;align-items:center!important;min-height:38px!important;padding:0!important;font-size:.65rem!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-toolbar-group{box-sizing:border-box!important;background:#0000004d!important;border:1px solid #ffffff0f!important;border-radius:6px!important;flex:calc(50% - 4px)!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0 8px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-select{font-size:.68rem!important}body.mobile-studio.mobile-studio-portrait .mex-roll-lbl{font-size:.6rem!important}body.mobile-studio.mobile-studio-portrait .mex-compose-header{box-sizing:border-box!important;grid-template-rows:auto auto!important;grid-template-columns:1fr auto!important;gap:8px 10px!important;padding:8px 12px!important;display:grid!important}body.mobile-studio.mobile-studio-portrait .mex-compose-header-left{grid-area:1/1!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-compose-header-left .mex-brand span{display:none!important}body.mobile-studio.mobile-studio-portrait .mex-compose-header-left .mex-brand strong{color:#fff!important;font-size:.85rem!important;font-weight:800!important}body.mobile-studio.mobile-studio-portrait .mex-compose-header-right{grid-area:1/2!important;justify-content:flex-end!important;align-items:center!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-compose-header-center{box-sizing:border-box!important;border-top:1px solid #ffffff0d!important;grid-area:2/span 2!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;padding-top:6px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-compose-ctx-pill{padding:2px 8px!important;font-size:.65rem!important}body.mobile-studio.mobile-studio-portrait .mex-compose-ctx-mode{font-size:.55rem!important}body.mobile-studio.mobile-studio-portrait .mex-compose-status-area{box-sizing:border-box!important;grid-template-rows:auto auto!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:8px 12px!important;display:grid!important;overflow-x:hidden!important}body.mobile-studio.mobile-studio-portrait .mex-status-card{box-sizing:border-box!important;flex-direction:column!important;flex:none!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;height:auto!important;min-height:40px!important;padding:5px 10px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-status-card span{margin-bottom:1px!important;font-size:.52rem!important;line-height:1.1!important}body.mobile-studio.mobile-studio-portrait .mex-status-card strong{font-size:.7rem!important;line-height:1.1!important}}@media (pointer:coarse) and (width<=932px),(pointer:coarse) and (height<=768px){body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-combined .mex-card-roman{color:var(--teal)!important;opacity:.95!important;font-size:.6rem!important;font-weight:700!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-combined .mex-card-symbol{color:#fff!important;opacity:1!important;font-size:.8rem!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-combined .mex-card-meta{color:#ffffff73!important;font-size:.55rem!important;font-weight:400!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-function .mex-card-roman{opacity:.22!important;color:#ffffff4d!important;font-size:.5rem!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-function .mex-card-symbol{color:#ffffffbf!important;font-size:.72rem!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-function .mex-card-meta{color:#fff!important;opacity:.95!important;font-size:.62rem!important;font-weight:700!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-degree .mex-card-roman{color:#ffd166!important;opacity:1!important;font-size:.95rem!important;font-weight:900!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-degree .mex-card-symbol{color:#fff6!important;opacity:.5!important;font-size:.65rem!important}body.mobile-studio.mobile-studio-landscape .mex-universe-grid .mex-card.mex-view-degree .mex-card-meta{color:#ffffff40!important;opacity:.4!important;font-size:.52rem!important}}@media (pointer:coarse) and (width<=768px){body.mobile-studio.mobile-studio-portrait .mex-compose-controls{box-sizing:border-box!important;grid-template-rows:auto auto!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:8px 10px!important;display:grid!important;position:relative!important;overflow-x:hidden!important}body.mobile-studio.mobile-studio-portrait .mex-ctrl-sep{display:none!important}body.mobile-studio.mobile-studio-portrait .mex-ctrl-group--playback{box-sizing:border-box!important;flex-shrink:0!important;grid-area:1/1!important;gap:4px!important;width:100%!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-ctrl-group--edit{box-sizing:border-box!important;flex-shrink:0!important;grid-area:1/2!important;justify-content:flex-end!important;gap:4px!important;width:100%!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-ctrl-group--export{box-sizing:border-box!important;border-top:1px solid #ffffff0d!important;flex-shrink:0!important;grid-area:2/span 2!important;gap:4px!important;width:100%!important;padding-top:6px!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-comp-btn{box-sizing:border-box!important;text-align:center!important;white-space:nowrap!important;flex:1!important;justify-content:center!important;align-items:center!important;min-height:38px!important;padding:6px 4px!important;font-size:.64rem!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-compose-count{opacity:.7!important;pointer-events:none!important;margin-left:0!important;font-size:.52rem!important;position:absolute!important;top:4px!important;right:12px!important}body.mobile-studio.mobile-studio-portrait .mex-comp-card.is-playing{border-color:var(--teal)!important;background:#00f0cc14!important;transition:all .2s!important;box-shadow:0 0 10px #00f0cc40!important}body.mobile-studio.mobile-studio-portrait .mex-comp-card.is-playing .mex-comp-symbol{color:var(--teal)!important}body.mobile-studio.mobile-studio-portrait .mex-comp-card.is-playing-groove{border-color:var(--purple)!important;background:#a78bfa14!important;transition:all .2s!important;box-shadow:0 0 10px #a78bfa40!important}body.mobile-studio.mobile-studio-portrait .mex-comp-card.is-playing-groove .mex-comp-symbol{color:var(--purple)!important}}@media (pointer:coarse) and (width<=932px),(pointer:coarse) and (height<=768px){body.mobile-studio-portrait .mex-portrait-back-btn{color:var(--teal)!important;font-size:.88rem!important;font-weight:600!important;font-family:var(--font)!important;cursor:pointer!important;background:#00f0cc14!important;border:1px solid #00f0cc66!important;border-radius:12px!important;margin-top:20px!important;padding:10px 22px!important;transition:all .2s!important}body.mobile-studio-portrait .mex-portrait-back-btn:active{background:#00f0cc29!important;transform:scale(.97)!important}body.mobile-studio .mex-compose-empty-btn,body.mobile-studio .mex-roll-empty-btn{color:var(--teal)!important;font-size:.72rem!important;font-weight:700!important;font-family:var(--body)!important;cursor:pointer!important;background:#00f0cc14!important;border:1px solid #00f0cc66!important;border-radius:8px!important;margin-top:10px!important;padding:8px 18px!important;transition:all .2s ease-in-out!important}body.mobile-studio .mex-compose-empty-btn:active,body.mobile-studio .mex-roll-empty-btn:active{background:#00f0cc29!important;transform:scale(.95)!important}body.mobile-studio #universeErrorRetryBtn{color:#fff!important;cursor:pointer!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:8px!important;margin-top:12px!important;padding:8px 18px!important;font-size:.72rem!important;font-weight:700!important;transition:all .2s ease-in-out!important}body.mobile-studio #universeErrorRetryBtn:active{background:#ffffff29!important;transform:scale(.95)!important}body.mobile-studio.mobile-studio-landscape .mex-card.is-selected{border-color:var(--teal)!important;box-shadow:0 0 0 1px var(--teal), 0 0 24px #00f0cc66!important;z-index:10!important;background:linear-gradient(#00f0cc2e,#00f0cc14),#070b11f2!important;transition:all .2s ease-in-out!important;transform:translateY(-2px)scale(1.02)!important}body.mobile-studio.mobile-studio-portrait .mex-comp-card.is-playing{border-color:var(--teal)!important;z-index:1!important;background:#00f0cc1f!important;transition:all .15s ease-in-out!important;transform:scale(1.02)!important;box-shadow:0 0 14px #00f0cc66!important}body.mobile-studio.mobile-studio-landscape .mex-card.is-added{border-color:var(--teal)!important;box-shadow:0 0 15px var(--teal)!important;background:#00f0cc33!important;animation:.8s ease-in-out fhTealFlash!important}body.mobile-studio #mexAddLaneBtn.is-added{background:var(--teal)!important;color:#000!important;box-shadow:0 0 12px var(--teal)!important;border-color:var(--teal)!important;animation:.8s ease-in-out fhTealFlash!important}body.mobile-studio .mex-comp-btn,body.mobile-studio .mex-bpm-step{transition:background .15s,transform .12s ease-in-out,box-shadow .15s,border-color .15s!important}body.mobile-studio .mex-comp-btn:active,body.mobile-studio .mex-bpm-step:active{background:#ffffff26!important;transform:scale(.96)!important}body.mobile-studio .mex-comp-play-path:active{box-shadow:0 0 10px #4ade8066!important}body.mobile-studio .mex-comp-play-groove:active{box-shadow:0 0 10px #a855f766!important}body.mobile-studio #mexCompUndo:active,body.mobile-studio #mexCompClear:active{box-shadow:0 0 10px #ef44444d!important}body.mobile-studio #mexCompExpBasic:active,body.mobile-studio #mexCompExpGroove:active{box-shadow:0 0 10px #00f0cc4d!important}body.mobile-studio .mex-comp-btn.is-flashing{background:#ffffff40!important;border-color:#ffffff80!important;transition:all .15s ease-in-out!important;box-shadow:0 0 12px #ffffff4d!important}body.mobile-studio #mexCompExpBasic.is-flashing,body.mobile-studio #mexCompExpGroove.is-flashing{border-color:var(--teal)!important;background:#00f0cc33!important;transition:all .15s ease-in-out!important;box-shadow:0 0 12px #00f0cc66!important}@keyframes fhTealFlash{0%{transform:scale(1);box-shadow:0 0 #00f0cc00}30%{transform:scale(1.03);box-shadow:0 0 15px #00f0cc99}to{transform:scale(1);box-shadow:0 0 #00f0cc00}}@media (prefers-reduced-motion:reduce){body.mobile-studio.mobile-studio-landscape .mex-card.is-selected,body.mobile-studio.mobile-studio-portrait .mex-comp-card.is-playing,body.mobile-studio .mex-comp-btn:active,body.mobile-studio .mex-bpm-step:active,body.mobile-studio.mobile-studio-landscape .mex-card.is-added,body.mobile-studio #mexAddLaneBtn.is-added,body.mobile-studio .mex-roll-note.is-touch-feedback,body.mobile-studio .mex-roll-chord-hdr.is-touch-feedback,body.mobile-studio .mex-roll-velocity-step:active,body.mobile-studio .mex-roll-timing-btn:active,body.mobile-studio .mex-roll-pitch-mode-btn:active,body.mobile-studio .mex-roll-octave-btn:active,body.mobile-studio .mex-roll-duplicate-btn:active,body.mobile-studio .mex-roll-card:not(.card-note) .mex-roll-card-header:active{transition:none!important;animation:none!important;transform:none!important}}body.mobile-studio .mex-roll-note.is-touch-feedback{outline:2px solid var(--teal)!important;outline-offset:1px!important;z-index:10!important;transition:outline-color .1s,box-shadow .1s!important;box-shadow:0 0 12px #00f0cccc!important}body.mobile-studio .mex-roll-chord-hdr.is-touch-feedback{color:var(--teal)!important;box-shadow:inset 0 -2px 0 0 var(--teal)!important;background:#00f0cc33!important;transition:all .1s!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-velocity-step{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-height:38px!important;transition:background .12s,transform .1s,box-shadow .12s!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-btn{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-height:38px!important;padding:0 4px!important;font-size:.58rem!important;transition:background .12s,transform .1s,box-shadow .12s,border-color .12s!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-pitch-mode-btn{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-height:38px!important;font-size:.58rem!important;transition:background .12s,color .12s!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-octave-btn,body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-duplicate-btn{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-height:38px!important;padding:0 4px!important;font-size:.58rem!important;transition:background .12s,transform .1s,box-shadow .12s,border-color .12s!important;display:flex!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card:not(.card-note).is-expanded{background:#ffffff0d!important;border-color:#fff3!important;transition:all .2s ease-in-out!important;box-shadow:0 4px 12px #00000026!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card:not(.card-note) .mex-roll-card-header{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;transition:background .15s ease-in-out!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card:not(.card-note) .mex-roll-card-header:active{background:#ffffff14!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-timing-btn:active{box-shadow:0 0 8px #60a5fa66!important}body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-octave-btn:active,body.mobile-studio.mobile-studio-portrait .mex-roll-card .mex-roll-duplicate-btn:active{box-shadow:0 0 8px #00f0cc4d!important}}.cc-export-desc{font-family:var(--mono);pointer-events:none;opacity:.65;margin-top:1px;font-size:.5rem;font-weight:400;line-height:1.1;transition:opacity .2s;display:block}#clearComposerBtn.is-confirming{animation:1s infinite alternate clearConfirmPulse;border-color:var(--orange)!important;color:var(--orange)!important;background:#fdba741a!important;box-shadow:0 0 8px #fdba7466!important}body.mobile-studio #mexCompClear.is-confirming{border-color:var(--orange)!important;color:var(--orange)!important;background:#fdba7426!important;animation:1s infinite alternate clearConfirmPulseMobile!important;box-shadow:0 0 10px #fdba7480!important}@keyframes clearConfirmPulse{0%{transform:scale(1);box-shadow:0 0 4px #fdba7433}to{transform:scale(1.02);box-shadow:0 0 10px #fdba7480}}@keyframes clearConfirmPulseMobile{0%{transform:scale(1)}to{transform:scale(.98)}}.pill-btn.just-exported{border-color:var(--teal)!important;color:var(--teal)!important;background:#00f0cc1f!important;transition:all .2s ease-in-out!important;box-shadow:0 0 10px #00f0cc66!important}.mex-comp-btn.just-exported{border-color:var(--teal)!important;color:var(--teal)!important;background:#00f0cc26!important;transition:all .2s ease-in-out!important;box-shadow:0 0 12px #00f0cc80!important}.fh-onboarding[hidden]{display:none!important}.fh-onboarding{z-index:9999;pointer-events:auto;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.fh-onboarding-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c128c;position:absolute;inset:0}.fh-onboarding-card{width:100%;max-width:460px;color:var(--text);font-family:var(--sans,"Inter", sans-serif);background:linear-gradient(160deg,#161c26f5,#0e121af5);border:1px solid #00d4b440;border-radius:14px;outline:none;padding:28px 28px 22px;animation:.24s ease-out fhOnboardingFadeIn;position:relative;box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff0a}@keyframes fhOnboardingFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fh-onboarding-card{animation:none}}.fh-onboarding-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;width:28px;height:28px;font-size:1.2rem;line-height:1;transition:background .12s,color .12s;position:absolute;top:10px;right:12px}.fh-onboarding-close:hover,.fh-onboarding-close:focus-visible{color:var(--text);background:#ffffff0f;outline:none}.fh-onboarding-brand{justify-content:flex-start;align-items:center;margin-bottom:14px;display:flex}.fh-onboarding-title{font-family:var(--sans,"Inter", sans-serif);letter-spacing:.01em;color:var(--text);margin:0 0 10px;font-size:1.5rem;font-weight:700}.fh-onboarding-subtitle{color:var(--muted);margin:0 0 20px;font-size:.92rem;line-height:1.5}.fh-onboarding-steps{flex-direction:column;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.fh-onboarding-step{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.fh-onboarding-step-num{color:#00d4b4;width:24px;height:24px;font-family:var(--mono,"JetBrains Mono", monospace);background:#00d4b42e;border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;display:inline-flex}.fh-onboarding-step-text{color:var(--text);font-size:.85rem;line-height:1.35}.fh-onboarding-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.fh-onboarding-cta{color:#00d4b4;cursor:pointer;background:#00d4b429;border:1px solid #00d4b48c;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .14s,transform .12s}.fh-onboarding-cta:hover,.fh-onboarding-cta:focus-visible{background:#00d4b442;outline:none}.fh-onboarding-cta:active{transform:translateY(1px)}.fh-onboarding-dismiss{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:.78rem;font-weight:500;transition:color .14s,border-color .14s}.fh-onboarding-dismiss:hover,.fh-onboarding-dismiss:focus-visible{color:var(--text);border-color:#ffffff40;outline:none}@media (width<=640px),(height<=720px){.fh-onboarding{align-items:flex-start;padding:56px 16px 16px}.fh-onboarding-card{max-width:100%;padding:22px 20px 18px}.fh-onboarding-title{font-size:1.25rem}.fh-onboarding-subtitle{margin-bottom:14px;font-size:.85rem}.fh-onboarding-steps{gap:8px;margin-bottom:16px}.fh-onboarding-step{padding:7px 10px}.fh-onboarding-step-text{font-size:.8rem}.fh-onboarding-actions{flex-direction:column-reverse;align-items:stretch;gap:8px}.fh-onboarding-cta,.fh-onboarding-dismiss{text-align:center;width:100%;padding:10px 14px}}@media (height<=480px){.fh-onboarding{padding:12px}.fh-onboarding-card{max-height:calc(100vh - 24px);padding:18px 18px 14px;overflow-y:auto}.fh-onboarding-title{margin-bottom:6px;font-size:1.1rem}.fh-onboarding-subtitle{margin-bottom:10px;font-size:.78rem}.fh-onboarding-steps{gap:6px;margin-bottom:12px}}.composer-empty-example{flex-direction:column;align-items:center;gap:4px;margin-top:6px;display:flex}.fh-example-btn{color:#00d4b4;font-family:var(--mono,"JetBrains Mono", monospace);letter-spacing:.02em;cursor:pointer;background:#00d4b41a;border:1px solid #00d4b473;border-radius:7px;padding:6px 14px;font-size:.7rem;font-weight:600;transition:background .14s,color .14s,border-color .14s}.fh-example-btn:hover,.fh-example-btn:focus-visible{background:#00d4b433;border-color:#00d4b4b3;outline:none}.fh-example-btn:active{transform:translateY(1px)}.fh-example-hint{color:var(--faint);font-size:.6rem;font-family:var(--mono,"JetBrains Mono", monospace);letter-spacing:.02em}.composer-preset-picker{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:5px;width:min(100%,360px);margin:4px auto 0;padding:8px;display:flex}.preset-picker-host{width:100%}.composer-preset-picker.composer-preset-picker--panel{background:0 0;border:none;border-radius:0;align-items:stretch;gap:4px;width:100%;max-width:none;margin:0;padding:0}.composer-preset-picker--panel .composer-preset-row{grid-template-columns:minmax(0,1fr);gap:4px}.composer-preset-picker--panel .composer-preset-select,.composer-preset-picker--panel .composer-preset-load{width:100%}.composer-preset-picker--panel .composer-preset-preview{display:none}.composer-preset-label{font-family:var(--mono,"JetBrains Mono", monospace);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem}.composer-preset-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;width:100%;display:grid}.composer-preset-select,.composer-preset-load{min-height:30px;font-family:var(--mono,"JetBrains Mono", monospace);border-radius:7px;font-size:.68rem}.composer-preset-select{min-width:0;color:var(--text);background:#070a12eb;border:1px solid #ffffff1f;padding:0 8px}.composer-preset-load{color:#00d4b4;cursor:pointer;background:#00d4b41a;border:1px solid #00d4b473;padding:0 10px;font-weight:700}.composer-preset-load:hover,.composer-preset-load:focus-visible{background:#00d4b433;border-color:#00d4b4b3;outline:none}.composer-preset-meta{overflow-wrap:anywhere;max-width:100%;color:var(--faint);font-family:var(--mono,"JetBrains Mono", monospace);font-size:.58rem;line-height:1.25}.composer-preset-preview{background:#00000029;border-radius:7px;gap:4px;width:100%;padding:6px;display:grid}.composer-preset-preview-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.composer-preset-preview-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:.68rem;overflow:hidden}.composer-preset-risk{font-family:var(--mono,"JetBrains Mono", monospace);text-transform:uppercase;border:1px solid #ffffff1f;border-radius:999px;flex:none;padding:2px 6px;font-size:.55rem;font-weight:800}.composer-preset-risk.is-safe{color:#00d4b4;background:#00d4b41a}.composer-preset-risk.is-color{color:#f7c948;background:#f7c9481a}.composer-preset-risk.is-tension{color:#ff7ab6;background:#ff7ab61a}.composer-preset-preview-sub,.composer-preset-preview-row{color:var(--faint);font-family:var(--mono,"JetBrains Mono", monospace);font-size:.58rem;line-height:1.25}.composer-preset-preview-row{text-align:left;grid-template-columns:72px minmax(0,1fr);gap:8px;display:grid}.composer-preset-preview-row strong{color:var(--muted);overflow-wrap:anywhere;font-weight:700}.composer-preset-preview-suggested{color:#00d4b4;font-family:var(--mono,"JetBrains Mono", monospace);text-align:center;background:#00d4b414;border-radius:4px;margin-top:2px;padding:4px;font-size:.55rem;line-height:1.2}.composer-preset-confirm{color:#f7c948;width:100%;font-family:var(--mono,"JetBrains Mono", monospace);background:#f7c9481a;border:1px solid #f7c94847;border-radius:7px;gap:6px;padding:7px;font-size:.6rem;line-height:1.3;display:grid}.composer-preset-confirm[hidden]{display:none!important}.composer-preset-confirm.has-roll-edits{color:#ff7ab6;background:#ff7ab61a;border-color:#ff7ab647}.composer-preset-confirm-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.composer-preset-confirm-btn,.composer-preset-cancel-btn{min-height:28px;font-family:var(--mono,"JetBrains Mono", monospace);cursor:pointer;border-radius:7px;padding:0 9px;font-size:.62rem;font-weight:800}.composer-preset-confirm-btn{color:#fff;background:#ff7ab638;border:1px solid #ff7ab673}.composer-preset-cancel-btn{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff1f}.mex-compose-empty-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:6px;display:flex}.mex-compose-empty-btn--example{color:#00d4b4;background:#00d4b41a;border:1px solid #00d4b473}.mex-compose-empty-btn--example:hover,.mex-compose-empty-btn--example:focus-visible{background:#00d4b433;border-color:#00d4b4b3;outline:none}.mex-compose-empty-hint{color:var(--faint);font-size:.65rem;font-family:var(--mono,"JetBrains Mono", monospace);letter-spacing:.02em;text-align:center;margin-top:6px;display:block}.mex-preset-picker{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:6px;width:min(100%,300px);margin-top:8px;padding:8px;display:flex}.mex-preset-label{color:#ffffff73;font-family:var(--mono,"JetBrains Mono", monospace);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem}.mex-preset-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.mex-preset-select,.mex-preset-load{border-radius:8px;min-height:34px;font-size:.68rem;font-weight:700}.mex-preset-select{color:#fff;background:#070a12f0;border:1px solid #ffffff1f;min-width:0;padding:0 8px}.mex-preset-load{color:var(--teal);background:#00f0cc14;border:1px solid #00f0cc61;padding:0 10px}.mex-preset-load:active{background:#00f0cc29;transform:scale(.96)}.mex-preset-meta{color:#ffffff52;overflow-wrap:anywhere;font-size:.62rem;line-height:1.3}body.mobile-studio .composer-preset-picker{width:min(100%,300px);margin-top:8px}body.mobile-studio .composer-preset-row{grid-template-columns:minmax(0,1fr) auto}body.mobile-studio .composer-preset-select,body.mobile-studio .composer-preset-load{min-height:34px;font-size:.68rem}body.mobile-studio .composer-preset-preview-row{grid-template-columns:66px minmax(0,1fr)}@media (width>=520px){.mex-compose-empty-actions{flex-direction:row;justify-content:center;gap:10px}}.fh-context-hint[hidden]{display:none!important}.fh-context-hint{font-family:var(--mono,"JetBrains Mono", monospace);color:var(--muted);background:#00d4b40f;border:1px solid #00d4b438;border-radius:8px;align-items:center;gap:8px;margin:6px 16px;padding:6px 8px 6px 12px;font-size:.68rem;line-height:1.35;animation:.2s ease-out fhHintFadeIn;display:flex}@keyframes fhHintFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fh-context-hint{animation:none}}.fh-context-hint-text{letter-spacing:.01em;flex:auto}.fh-context-hint-dismiss{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;flex:0 0 24px;justify-content:center;align-items:center;padding:0;font-size:.9rem;line-height:1;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.fh-context-hint-dismiss:hover,.fh-context-hint-dismiss:focus-visible{color:var(--text);background:#ffffff0f;border-color:#fff3;outline:none}.fh-context-hint-dismiss:active{transform:translateY(1px)}.fh-context-hint--compact{justify-content:center;margin:10px 0 0;padding:5px 6px 5px 10px;font-size:.65rem}.fh-context-hint--compact .fh-context-hint-text{text-align:center;flex:0 auto}.fh-context-hint--inline{margin:6px 16px}.fh-context-hint--lane{margin:0 0 8px}.fh-context-hint--mobile{margin:8px 12px 6px;padding:8px 10px 8px 12px;font-size:.72rem}.fh-context-hint--mobile .fh-context-hint-dismiss{width:32px;height:32px;font-size:1rem}@media (width<=480px){.fh-context-hint{margin-left:10px;margin-right:10px}}.ftl-section{box-sizing:border-box;border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;font-family:var(--mono,monospace);color:var(--text);background:#ffffff04;padding:10px 12px;display:block}.ftl-section--central{max-height:min(68vh,760px);margin:0;overflow-y:auto}.ftl-section--central.is-collapsed{max-height:none;overflow:visible}body.mobile-studio .ftl-section,body.section-learn .ftl-section{display:none!important}.ftl-section.is-collapsed .ftl-body{display:none}.ftl-section.is-collapsed .ftl-collapse-chev{transform:rotate(-90deg)}.fh-hidden,.ftl-section.is-collapsed>.fme-container,.ftl-section.is-collapsed>.fji-container,.ftl-section.is-collapsed .fme-container,.ftl-section.is-collapsed .fji-container{display:none!important}.ftl-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ftl-header-title-wrap{flex:1;min-width:0}.ftl-header-title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.ftl-header-title{letter-spacing:.06em;color:var(--teal,#00d4b4);text-transform:uppercase;font-size:.72rem;font-weight:700}.ftl-status-badge{min-height:18px;color:var(--orange,#f59e0b);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#f59e0b14;border:1px solid #f59e0b52;border-radius:999px;align-items:center;padding:1px 7px;font-size:.52rem;font-weight:700;display:inline-flex}.ftl-header-subtitle{color:var(--muted);margin-top:1px;font-size:.58rem;line-height:1.2}.ftl-collapse-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:color .15s,border-color .15s;display:inline-flex}.ftl-collapse-btn:hover{color:var(--text);border-color:var(--teal,#00d4b4)}.ftl-collapse-chev{font-size:.7rem;line-height:1;transition:transform .15s;display:inline-block}.ftl-flow-intro{color:var(--muted);background:#00d4b40b;border:1px solid #00d4b429;border-radius:7px;flex-wrap:wrap;align-items:stretch;gap:10px;padding:8px 10px;font-size:.62rem;line-height:1.35;display:flex}.ftl-flow-copy{flex:260px;align-content:center;gap:2px;min-width:180px;display:grid}.ftl-flow-copy strong,.ftl-flow-step strong{color:var(--teal,#00d4b4);letter-spacing:.06em;text-transform:uppercase;font-size:.64rem}.ftl-flow-copy span{max-width:62rem}.ftl-flow-path{flex:2 440px;grid-template-columns:repeat(5,minmax(78px,1fr));gap:6px;min-width:0;display:grid}.ftl-flow-step{background:#ffffff07;border:1px solid #ffffff14;border-radius:6px;gap:2px;min-width:0;padding:6px 7px;display:grid}.ftl-flow-step small{color:var(--muted);font-size:.56rem;line-height:1.25}@media (width<=760px){.ftl-flow-path{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.ftl-flow-copy,.ftl-flow-path{flex-basis:100%}.ftl-flow-path{grid-template-columns:minmax(0,1fr)}}.ftl-step-head{background:#ffffff07;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:9px;min-width:0;padding:8px 10px;display:flex}.ftl-step-number{width:22px;height:22px;color:var(--teal,#00d4b4);background:#00d4b414;border:1px solid #00d4b457;border-radius:999px;flex:0 0 22px;justify-content:center;align-items:center;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.ftl-step-copy{min-width:0}.ftl-step-title{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.ftl-step-hint{color:var(--muted);font-size:.58rem;line-height:1.3}.ftl-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""liveHead""roll""context""notes""suggest""recording""convert""sketch""advanced""tools";gap:10px;min-width:0;display:grid}.ftl-body>*{min-width:0;max-width:100%}.ftl-flow-intro{grid-area:intro}.ftl-step-head--live{grid-area:liveHead}.ftl-context-row{grid-area:context}.ftl-notes-stack{grid-area:notes}.ftl-block--suggestions{grid-area:suggest}.fms-strip{grid-area:sketch}.ftl-live-roll{grid-area:roll;min-width:0}.ftl-containment--advanced{grid-area:advanced}.ftl-containment--recording{grid-area:recording}.ftl-containment--convert{grid-area:convert}.ftl-containment--tools{grid-area:tools}.ftl-notes-stack{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}@media (width>=720px){.ftl-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro intro""liveHead liveHead""roll roll""context context""notes suggest""recording recording""convert convert""sketch sketch""advanced advanced""tools tools";gap:10px}.ftl-notes-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.ftl-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""liveHead""roll""context""notes""suggest""recording""convert""sketch""advanced""tools"}.ftl-notes-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.ftl-notes-stack{grid-template-columns:minmax(0,1fr)}}@media (width>=1280px){.ftl-body{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"intro intro intro intro intro intro""liveHead liveHead liveHead liveHead liveHead liveHead""roll roll roll roll roll roll""context context notes notes suggest suggest""recording recording recording recording recording recording""convert convert convert convert convert convert""sketch sketch sketch sketch sketch sketch""advanced advanced advanced advanced advanced advanced""tools tools tools tools tools tools";gap:10px 12px}.ftl-notes-stack{grid-template-columns:minmax(0,1fr)}}.ftl-containment{background:#ffffff05;border:1px solid #ffffff14;border-radius:7px;min-width:0;overflow:hidden}.ftl-containment:not([open]){align-self:start;height:auto;min-height:auto}.ftl-containment-summary{cursor:pointer;grid-template-columns:auto auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:6px 9px;list-style:none;display:grid}.ftl-containment-summary::-webkit-details-marker{display:none}.ftl-containment-summary:before{content:"▸";color:var(--muted);font-size:.62rem;transition:transform .15s}.ftl-containment[open]>.ftl-containment-summary:before{transform:rotate(90deg)}.ftl-containment-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-weight:700}.ftl-containment-hint{min-width:0;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;line-height:1.25;overflow:hidden}.ftl-containment-toggle{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;border:1px solid #ffffff14;border-radius:999px;padding:2px 7px;font-size:.5rem;font-weight:700}.ftl-containment[open]>.ftl-containment-summary{background:#ffffff06;border-bottom:1px solid #ffffff12}.ftl-containment-body{flex-direction:column;gap:8px;padding:8px;display:flex}.ftl-containment:not([open])>.ftl-containment-body{display:none!important}.ftl-subgroup{background:#00000021;border:1px solid #ffffff13;border-left:3px solid #ffffff24;border-radius:7px;flex-direction:column;gap:8px;min-width:0;padding:8px;display:flex}.ftl-subgroup-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.ftl-subgroup-title{min-width:0;color:var(--text);letter-spacing:.05em;text-transform:uppercase;font-size:.6rem;font-weight:700}.ftl-subgroup-hint{min-width:0;color:var(--faint);overflow-wrap:anywhere;font-size:.56rem;line-height:1.3}.ftl-subgroup-grid{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.ftl-subgroup-grid>*{min-width:0;margin-top:0}.ftl-subgroup--capture{border-left-color:#00d4b473}.ftl-subgroup--review{border-left-color:#93c5fd73}.ftl-subgroup--convert{border-left-color:#facc156b}.ftl-subgroup--melody-files{border-left-color:#00d4b46b;order:1}.ftl-subgroup--diagnostics{border-left-color:#93c5fd6b;order:2}.ftl-subgroup--experimental{opacity:.92;border-left-color:#facc1559;order:3}.ftl-containment--recording,.ftl-containment--convert{background:linear-gradient(#00d4b406,#ffffff03),#ffffff05;border-color:#00d4b424}.ftl-containment--advanced,.ftl-containment--tools{background:#ffffff03;border-color:#ffffff0e}.ftl-containment--advanced:not([open]),.ftl-containment--tools:not([open]){opacity:.78}.ftl-containment--advanced:not([open]):hover,.ftl-containment--tools:not([open]):hover{opacity:1}.ftl-containment--recording[open]>.ftl-containment-body>.ftl-subgroup,.ftl-containment--tools[open]>.ftl-containment-body>.ftl-subgroup--melody-files{grid-column:1/-1}.ftl-containment--tools[open]>.ftl-containment-body>.ftl-future-block{order:4}.ftl-subgroup--melody-files .fji-container{order:1}.ftl-subgroup--melody-files .fme-container{order:2}.ftl-subgroup--melody-files .fmm-strip{order:3}.ftl-subgroup--melody-files .fji-container,.ftl-subgroup--melody-files .fme-container{background:#ffffff06;border:1px solid #ffffff13;border-radius:6px;margin-top:0;padding:8px}.ftl-subgroup--melody-files .fji-container{border-left:3px solid #22c55e59}.ftl-subgroup--melody-files .fme-container{border-left:3px solid #60a5fa59}.ftl-containment-body>.fvi-strip,.ftl-containment-body>.ftr-strip,.ftl-containment-body>.fh-take-review,.ftl-containment-body>.fh-harmonic-guidance,.ftl-containment-body>.fh-audio-telemetry,.ftl-containment-body>.fh-audio-dry-monitor,.ftl-containment-body>.fh-ptc,.ftl-containment-body>.fmm-strip{margin-top:0}.ftl-containment--advanced[open],.ftl-containment--recording[open],.ftl-containment--convert[open],.ftl-containment--tools[open]{background:#ffffff06}.ftl-containment--recording[open]>.ftl-containment-body,.ftl-containment--convert[open]>.ftl-containment-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;display:grid}.ftl-containment--recording .fh-take-review,.ftl-containment--recording .fvi-strip,.ftl-containment--recording .ftr-strip,.ftl-containment--recording .ftb-strip,.ftl-containment--recording .ftm-strip,.ftl-containment--convert .ftm-strip{min-width:0}.ftl-containment--recording .fvi-head,.ftl-containment--recording .ftr-head,.ftl-containment--recording .ftb-head,.ftl-containment--recording .ftm-head,.ftl-containment--convert .ftm-head,.ftl-containment--tools .fmm-head{flex-wrap:wrap;gap:12px;min-width:0}.ftl-containment--recording .fvi-copy,.ftl-containment--recording .ftr-copy,.ftl-containment--recording .ftb-copy,.ftl-containment--recording .ftm-copy,.ftl-containment--convert .ftm-copy,.ftl-containment--tools .fmm-copy{min-width:0}.ftl-containment--recording .ftr-captured-actions,.ftl-containment--recording .ftr-pre-actions,.ftl-containment--recording .fvi-pre-actions,.ftl-containment--recording .ftm-pre-actions,.ftl-containment--convert .ftm-pre-actions,.ftl-containment--convert .fta-sel-actions,.ftl-containment--convert .fta-confirm-actions,.ftl-containment--recording .fta-sel-actions,.ftl-containment--recording .fta-confirm-actions{flex-wrap:wrap}.ftl-containment--recording .ftr-btn-keep{margin-right:0}.ftl-containment--tools[open]>.ftl-containment-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;display:grid}.ftl-containment--tools[open]>.ftl-containment-body>.fh-audio-telemetry,.ftl-containment--tools[open]>.ftl-containment-body>.fh-audio-dry-monitor,.ftl-containment--tools[open]>.ftl-containment-body>.fh-ptc,.ftl-containment--tools[open]>.ftl-containment-body>.fmm-strip{min-width:0}@media (width>=1180px){.ftl-containment--recording[open]>.ftl-containment-body,.ftl-subgroup-grid--capture,.ftl-subgroup-grid--files{grid-template-columns:repeat(2,minmax(0,1fr))}.ftl-subgroup--melody-files .fmm-strip,.ftl-containment--recording .fh-take-review,.ftl-containment--recording .ftb-strip,.ftl-containment--recording .ftm-strip{grid-column:1/-1}.ftl-containment--tools[open]>.ftl-containment-body{grid-template-columns:repeat(2,minmax(0,1fr))}.ftl-containment--tools[open]>.ftl-containment-body>.fh-audio-telemetry{grid-column:1/-1}}@media (width<=520px){.ftl-containment-summary{grid-template-columns:auto minmax(0,1fr) auto}.ftl-containment-hint{white-space:normal;grid-column:2/-1}.ftl-subgroup-head{flex-direction:column;align-items:flex-start}.ftl-containment--recording .fvi-head,.ftl-containment--recording .ftr-head,.ftl-containment--recording .ftb-head,.ftl-containment--recording .ftm-head,.ftl-containment--tools .fmm-head{flex-direction:column;align-items:stretch}.ftl-containment--recording .fvi-btn-enable,.ftl-containment--recording .fvi-btn-stop,.ftl-containment--recording .ftr-btn-record,.ftl-containment--recording .ftr-btn-stop,.ftl-containment--recording .ftb-btn-clear,.ftl-subgroup--melody-files .fme-btn-secondary,.ftl-subgroup--melody-files .fji-btn-secondary,.ftl-subgroup--melody-files .fme-btn-primary,.ftl-subgroup--melody-files .fji-btn-primary,.ftl-subgroup--melody-files .fji-btn-sm,.ftl-containment--tools .fmm-btn-download,.ftl-containment--tools .fmm-btn-drag{width:100%}}.fh-harmonic-guidance{background:linear-gradient(#ffffff07,#0000001a),#ffffff05;border:1px solid #ffffff14;border-left:3px solid #ffffff2e;border-radius:7px;gap:8px;min-width:0;padding:9px;display:grid}.fh-harmonic-guidance[data-role=stable]{border-left-color:var(--teal,#00d4b4)}.fh-harmonic-guidance[data-role=color],.fh-harmonic-guidance[data-role=blue_note]{border-left-color:var(--purple,#a78bfa)}.fh-harmonic-guidance[data-role=passing],.fh-harmonic-guidance[data-role=approach]{border-left-color:#f0a000}.fh-harmonic-guidance[data-role=tension]{border-left-color:#f59e0b}.fh-harmonic-guidance[data-role=outside]{border-left-color:#f87171d1}.fh-harmonic-guidance[data-role=low_confidence],.fh-harmonic-guidance[data-role=unvoiced]{border-left-color:#ffffff2e}.fh-hg-head{gap:3px;min-width:0;display:grid}.fh-hg-title{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-weight:700;line-height:1.2}.fh-hg-message{color:var(--text);overflow-wrap:anywhere;font-size:.68rem;line-height:1.35}.fh-hg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;display:grid}.fh-hg-field{background:#0000002e;border:1px solid #ffffff12;border-radius:6px;gap:2px;min-width:0;padding:6px;display:grid}.fh-hg-label{color:var(--faint);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.52rem;font-weight:700}.fh-hg-value{min-width:0;color:var(--text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:700;overflow:hidden}@media (width<=900px){.fh-hg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.fh-hg-grid{grid-template-columns:minmax(0,1fr)}}.ftl-context-row{border:1px solid var(--border);background:#ffffff08;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;padding:6px 8px;display:grid}.ftl-context-item{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.ftl-context-label{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;font-size:.55rem}.ftl-context-val{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;font-weight:600;overflow:hidden}.ftl-block{flex-direction:column;gap:4px;min-width:0;display:flex}.ftl-block-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.58rem;display:inline-flex}.ftl-block-hint{color:var(--faint);font-size:.56rem;line-height:1.2}.ftl-dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.ftl-dot--stable{background:var(--teal,#00d4b4)}.ftl-dot--color{background:var(--blue,#60a5fa)}.ftl-dot--outside{background:var(--pink,#f472b6)}.ftl-dot--approach{background:var(--purple,#a78bfa)}.ftl-dot--resolution{background:var(--teal,#00d4b4)}.ftl-mode-row{flex-wrap:wrap;gap:4px;display:flex}.ftl-mode-btn{color:var(--muted);border:1px solid var(--border);font-size:.6rem;font-family:var(--mono,monospace);letter-spacing:.03em;cursor:pointer;background:#ffffff0a;border-radius:5px;padding:3px 7px;font-weight:600;transition:color .15s,background .15s,border-color .15s}.ftl-mode-btn:hover{color:var(--text);border-color:#00d4b466}.ftl-mode-btn.is-active{color:var(--teal,#00d4b4);background:#00d4b41f;border-color:#00d4b480}.ftl-chip-row{flex-wrap:wrap;gap:4px;min-height:18px;display:flex}.ftl-chip{font-size:.66rem;font-weight:600;font-family:var(--mono,monospace);color:var(--text);border:1px solid var(--border);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:4px;padding:1px 6px;display:inline-flex}.ftl-chip--stable{color:var(--teal,#00d4b4);background:#00d4b41a;border-color:#00d4b466}.ftl-chip--color{color:var(--blue,#60a5fa);background:#60a5fa14;border-color:#60a5fa59}.ftl-chip-degree{color:var(--faint);margin-left:2px;font-size:.52rem;font-weight:500}.ftl-empty{color:var(--faint);font-size:.65rem;font-style:italic}.ftl-suggest-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.ftl-suggest-item{border:1px solid var(--border);background:#ffffff08;border-radius:6px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;padding:4px 6px;display:grid}.ftl-suggest-note{font-size:.72rem;font-weight:700;font-family:var(--mono,monospace);color:var(--text);min-width:22px}.ftl-suggest-reason{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.6rem;line-height:1.2;overflow:hidden}.ftl-suggest-tag{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#ffffff08;border-radius:4px;padding:1px 5px;font-size:.5rem;font-weight:700}.ftl-suggest-tag[data-cat=stable]{color:var(--teal,#00d4b4);background:#00d4b414;border-color:#00d4b466}.ftl-suggest-tag[data-cat=color]{color:var(--blue,#60a5fa);background:#60a5fa14;border-color:#60a5fa59}.ftl-suggest-tag[data-cat=approach]{color:var(--purple,#a78bfa);background:#a78bfa14;border-color:#a78bfa59}.ftl-suggest-tag[data-cat=resolution]{color:var(--teal,#00d4b4);background:#00d4b414;border-color:#00d4b466}.ftl-suggest-empty{color:var(--faint);padding:4px 2px;font-size:.6rem;font-style:italic;list-style:none}.ftl-add-note-btn,.fms-clear,.fms-delete{font-family:var(--mono,monospace);cursor:pointer}.ftl-add-note-btn{min-width:22px;min-height:20px;color:var(--teal,#00d4b4);background:#00d4b414;border:1px solid #00d4b459;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.ftl-add-note-btn:hover{background:#00d4b424;border-color:#00d4b499}.ftl-chip[data-fms-add=true]{cursor:pointer;transition:border-color .15s,background .15s,transform .12s}.ftl-chip[data-fms-add=true]:hover{border-color:#ffffff52;transform:translateY(-1px)}.fms-strip{background:#ffffff06;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:5px;min-width:0;padding:6px 8px;display:flex}.fms-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.fms-copy{min-width:0}.fms-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.58rem;font-weight:700}.fms-hint,.fms-empty,.fms-warning{color:var(--faint);font-size:.56rem;line-height:1.2}.fms-clear{border:1px solid var(--border);min-height:22px;color:var(--muted);letter-spacing:.03em;background:#ffffff09;border-radius:5px;flex:none;padding:2px 7px;font-size:.56rem;font-weight:700}.fms-clear:hover{color:var(--text);border-color:#00d4b466}.fms-actions{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:inline-flex}.fms-play,.fms-stop{border:1px solid var(--border);min-height:22px;color:var(--muted);letter-spacing:.03em;background:#ffffff09;border-radius:5px;flex:none;padding:2px 7px;font-size:.56rem;font-weight:700}.fms-play:hover:not(:disabled),.fms-stop:hover:not(:disabled){color:var(--text);border-color:#00d4b466}.fms-play:disabled,.fms-stop:disabled{opacity:.45;cursor:default}.fms-stop[hidden]{display:none}.fms-warning{color:var(--orange,#f59e0b)}.fms-persistence-notice{color:var(--orange,#f59e0b);background:#f59e0b14;border:1px solid #f59e0b47;border-radius:5px;padding:4px 6px;font-size:.56rem;line-height:1.25;display:block}.fms-persistence-notice[hidden]{display:none}.fms-notes{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;min-height:20px;display:flex}.fms-chip{border:1px solid var(--border);max-width:100%;color:var(--text);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 6px;font-size:.62rem;font-weight:700;display:inline-flex}.fms-chip[data-cat=stable]{background:#00d4b414;border-color:#00d4b461}.fms-chip[data-cat=color]{background:#60a5fa14;border-color:#60a5fa59}.fms-chip[data-cat=approach]{background:#a78bfa14;border-color:#a78bfa59}.fms-chip[data-cat=resolution]{background:#00d4b414;border-color:#00d4b461}.fms-chip[data-cat=tension]{background:#f472b614;border-color:#f472b659}.fms-pitch{color:var(--text)}.fms-meta{color:var(--faint);font-size:.52rem;font-weight:600}.fms-delete{width:16px;height:16px;color:var(--muted);background:#ffffff0f;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.7rem;line-height:1;display:inline-flex}.fms-delete:hover{color:var(--text);background:#ffffff1f}.fms-group{border:1px dashed #ffffff1f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 4px;display:inline-flex}.fms-group-label{letter-spacing:.04em;max-width:100%;color:var(--muted);white-space:nowrap;align-items:center;gap:3px;font-size:.54rem;font-weight:700;display:inline-flex}.fms-group-roman{color:var(--faint);font-weight:600}.fms-time{color:var(--faint);white-space:nowrap;font-size:.5rem;font-weight:600}.ftl-future-block{border:1px dashed var(--border);opacity:.72;background:#ffffff03;border-radius:6px;align-items:flex-start;gap:8px;min-width:0;margin-top:0;padding:6px 8px;display:flex}.ftl-future-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex:none;font-size:.56rem;font-weight:700}.ftl-future-list{flex-flow:wrap;flex:auto;gap:3px 8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ftl-future-list li{color:var(--faint);white-space:nowrap;align-items:center;gap:4px;font-size:.58rem;display:inline-flex}.ftl-future-tag{letter-spacing:.05em;border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:3px;padding:1px 5px;font-size:.48rem;font-weight:700;display:inline-block}.ftl-future-footnote{color:var(--faint);flex:0 auto;min-width:140px;margin-left:auto;font-size:.54rem;font-style:italic;line-height:1.2}@media (width<=520px){.ftl-context-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.ftl-containment-summary{grid-template-columns:auto minmax(0,1fr)}.ftl-containment-title,.ftl-containment-hint{grid-column:2}.ftl-containment-toggle{grid-column:2;justify-self:flex-start}.ftl-containment-hint,.ftl-suggest-reason{white-space:normal}.fms-head{flex-direction:column;align-items:flex-start;gap:5px}.fms-clear{align-self:flex-start}.ftl-future-block{flex-direction:column;align-items:flex-start;gap:5px}.ftl-future-footnote{min-width:0;margin-left:0}.ftl-future-list li{white-space:normal}}.fvi-strip{background:#0a0a0f66;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:12px;margin-top:12px;padding:12px;display:flex}.fvi-head{justify-content:space-between;align-items:center;display:flex}.fvi-copy{flex-direction:column;display:flex}.fvi-title{color:var(--text);font-size:.75rem;font-weight:600}.fvi-hint{color:var(--muted);font-size:.6rem;font-family:var(--mono)}.fvi-btn-enable{color:var(--teal);cursor:pointer;background:#00f0cc26;border:1px solid #00f0cc4d;border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:all .2s}.fvi-btn-enable:hover{background:#00f0cc40;border-color:#00f0cc80}.fvi-btn-stop{color:var(--red);cursor:pointer;background:#f8717126;border:1px solid #f871714d;border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:all .2s}.fvi-btn-stop:hover{background:#f8717140}.fvi-pre-permission{background:#0006;border:1px solid #ffffff1a;border-radius:6px;padding:12px}.fvi-pre-title{color:var(--text);margin-bottom:6px;font-size:.75rem;font-weight:600}.fvi-pre-text{color:var(--muted);margin-bottom:8px;font-size:.65rem}.fvi-pre-list{color:var(--faint);margin:0 0 12px;padding:0;font-size:.65rem;list-style:none}.fvi-pre-list li{margin-bottom:4px}.fvi-pre-actions{justify-content:flex-end;gap:8px;display:flex}.fvi-btn-cancel{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;font-size:.7rem}.fvi-btn-cancel:hover{background:#ffffff0d}.fvi-btn-continue{background:var(--teal);color:#000;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:600}.fvi-btn-continue:hover{background:#00f0cc}.fvi-active-area{background:#00f0cc08;border:1px solid #00f0cc1a;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.fvi-status-bar{color:var(--muted);align-items:center;gap:8px;font-size:.65rem;display:flex}.fvi-mic-indicator{background:var(--red);width:8px;height:8px;box-shadow:0 0 8px var(--red);border-radius:50%;animation:1.5s infinite fviPulse}@keyframes fviPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.9)}}.fvi-result{background:#0003;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.fvi-note-display{align-items:center;gap:12px;display:flex}.fvi-note-value{font-size:1.2rem;font-weight:700;font-family:var(--mono);color:var(--text);min-width:40px}.fvi-note-class{text-transform:uppercase;color:var(--muted);background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.fvi-note-class[data-cat=stable]{color:var(--teal);background:#00f0cc26;border:1px solid #00f0cc4d}.fvi-note-class[data-cat=color]{color:var(--purple);background:#b89dfa26;border:1px solid #b89dfa4d}.fvi-note-class[data-cat=tension]{color:var(--pink);background:#f9a8d426;border:1px solid #f9a8d44d}.fvi-note-class[data-cat=outside]{color:var(--faint);background:#ffffff0d;border:1px solid #ffffff1a}.fvi-freq-display{font-size:.8rem;font-family:var(--mono);color:var(--text);align-items:baseline;gap:4px;display:flex}.fvi-confidence{color:var(--muted);margin-left:8px;font-size:.6rem}.fvi-error-area{color:var(--red);background:#f871711a;border:1px solid #f8717133;border-radius:4px;padding:8px 12px;font-size:.65rem}.fh-take-review{background:#0a12166b;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.fh-tr-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.fh-tr-title{color:var(--text);font-size:.75rem;font-weight:700}.fh-tr-empty{color:var(--faint);text-align:center;padding:4px 0;font-size:.65rem;font-style:italic}.fh-tr-controls{grid-template-columns:minmax(120px,1.2fr) auto auto auto auto minmax(120px,2fr) auto;align-items:center;gap:8px;display:grid}.fh-tr-button{color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;padding:6px 10px;font-size:.65rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.fh-tr-button:hover:not(:disabled),.fh-tr-button:focus-visible{color:var(--teal,#00d4b4);background:#00d4b41a;border-color:#00d4b45c;outline:none}.fh-tr-button:disabled{cursor:not-allowed;opacity:.45}.fh-tr-button--compact{padding:5px 8px;font-size:.6rem}.fh-tr-select{width:100%;min-width:0;height:30px;color:var(--text);background:#00000047;border:1px solid #ffffff1f;border-radius:4px;padding:0 8px;font-size:.66rem}.fh-tr-progress{width:100%;min-width:110px;accent-color:var(--teal,#00d4b4)}.fh-tr-time{color:var(--muted);font-family:var(--mono);white-space:nowrap;font-size:.65rem}.fh-tr-status{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.6rem}.fh-tr-summary{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;padding-top:8px;display:flex}.fh-tr-summary-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:700}.fh-tr-summary-headline{color:var(--text);font-size:.82rem;font-weight:700;line-height:1.25}.fh-tr-summary-empty{color:var(--faint);font-size:.65rem;font-style:italic}.fh-tr-summary-chips{flex-wrap:wrap;gap:6px;display:flex}.fh-tr-summary-chip{white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:.62rem;line-height:1.3;display:inline-flex}.fh-tr-summary-chip-label{color:var(--muted);font-weight:600}.fh-tr-summary-chip-count{color:var(--text);font-family:var(--mono);font-weight:700}.fh-tr-summary-chip--core{background:#00d4b41a;border-color:#00d4b461}.fh-tr-summary-chip--safe{background:#6cc4ff1a;border-color:#6cc4ff5c}.fh-tr-summary-chip--color{background:#a08cff1a;border-color:#a08cff61}.fh-tr-summary-chip--tension{background:#ffc45a1a;border-color:#ffc45a66}.fh-tr-summary-chip--outside{background:#ff8c781a;border-color:#ff8c7866}.fh-tr-summary-chip--muted{background:#ffffff08;border-color:#ffffff1f}.fh-tr-summary-notes{color:var(--muted);font-size:.62rem}.fh-tr-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.fh-tr-summary-metric{background:#00000029;border:1px solid #ffffff14;border-radius:4px;min-width:0;padding:5px 7px}.fh-tr-summary-metric-label,.fh-tr-summary-metric-value{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fh-tr-summary-metric-label{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-size:.56rem}.fh-tr-summary-metric-value{color:var(--text);font-family:var(--mono);font-size:.68rem;font-weight:700}.fh-tr-timeline{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;min-width:0;padding:8px 0;display:flex}.fh-tr-timeline-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.fh-tr-timeline-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:700}.fh-tr-timeline-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.fh-tr-timeline-stage{touch-action:pan-y;background:#03080c6b;border:1px solid #ffffff14;border-radius:6px;width:100%;position:relative;overflow:auto hidden}.fh-tr-timeline--fit .fh-tr-timeline-svg{width:100%;min-width:0}.fh-tr-timeline--zoom .fh-tr-timeline-svg{max-width:none}.fh-tr-timeline-svg{height:260px;display:block}.fh-tr-timeline-bg{fill:#070c109e}.fh-tr-timeline-grid-y,.fh-tr-timeline-grid-x{stroke:#ffffff14;stroke-width:1px}.fh-tr-timeline-note-label,.fh-tr-timeline-time-label{fill:var(--muted);font-family:var(--mono);font-size:10px}.fh-tr-timeline-note-label{text-anchor:end}.fh-tr-timeline-time-label{text-anchor:middle}.fh-tr-timeline-curve{fill:none;stroke:var(--teal,#00d4b4);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.fh-tr-timeline-point{stroke:#0000006b;stroke-width:1px}.fh-tr-timeline-point--stable,.fh-tr-timeline-point--safe{fill:var(--teal,#00d4b4)}.fh-tr-timeline-point--color{fill:#a08cff}.fh-tr-timeline-point--tension{fill:#ffc45a}.fh-tr-timeline-point--outside{fill:#ff8c78}.fh-tr-timeline-point--unknown{fill:#ffffff61}.fh-tr-timeline-segment{pointer-events:none}.fh-tr-timeline-segment--color{fill:#a08cff1f}.fh-tr-timeline-segment--tension{fill:#ffc45a21}.fh-tr-timeline-segment--outside{fill:#ff8c7826}.fh-tr-timeline-chord line{stroke:#ffffff2e;stroke-width:1px;stroke-dasharray:4 4}.fh-tr-timeline-chord text{fill:var(--text);font-family:var(--mono);font-size:10px}.fh-tr-timeline-selection{fill:#00d4b429;stroke:#00d4b48c;stroke-width:1px;pointer-events:none}.fh-tr-timeline-playhead{stroke:#fff;stroke-width:1.5px;pointer-events:none}.fh-tr-heatmap-label{fill:var(--faint);font-family:var(--mono);text-anchor:end;text-transform:uppercase;font-size:9px}.fh-tr-heatmap-bucket{cursor:pointer;stroke:#00000057;stroke-width:.5px}.fh-tr-heatmap-bucket--stable{fill:#00d4b4d1}.fh-tr-heatmap-bucket--expressive{fill:#a08cffd6}.fh-tr-heatmap-bucket--tension{fill:#ffc45adb}.fh-tr-heatmap-bucket--outside{fill:#ff8c78db}.fh-tr-heatmap-bucket--uncertain{fill:#b4bcc67a}.fh-tr-heatmap-bucket--centered{opacity:.96}.fh-tr-heatmap-bucket--slight{opacity:.76;stroke:#ffffff57;stroke-dasharray:2 2}.fh-tr-heatmap-bucket--drifting{opacity:.62;stroke:#ffffff85;stroke-dasharray:1 3}.fh-tr-heatmap-bucket--na{opacity:.54;stroke:#ffffff38;stroke-dasharray:3 3}.fh-tr-heatmap-legend{flex-wrap:wrap;gap:6px;padding:0 2px;display:flex}.fh-tr-heatmap-legend-item{color:var(--muted);align-items:center;gap:5px;font-size:.58rem;font-weight:600;display:inline-flex}.fh-tr-heatmap-swatch{border:1px solid #ffffff2e;border-radius:2px;width:14px;height:7px}.fh-tr-heatmap-legend-item--stable .fh-tr-heatmap-swatch,.fh-tr-heatmap-spread-item--stable{background:#00d4b429;border-color:#00d4b457}.fh-tr-heatmap-legend-item--expressive .fh-tr-heatmap-swatch,.fh-tr-heatmap-spread-item--expressive{background:#a08cff29;border-color:#a08cff57}.fh-tr-heatmap-legend-item--tension .fh-tr-heatmap-swatch,.fh-tr-heatmap-spread-item--tension{background:#ffc45a29;border-color:#ffc45a57}.fh-tr-heatmap-legend-item--outside .fh-tr-heatmap-swatch,.fh-tr-heatmap-spread-item--outside{background:#ff8c7829;border-color:#ff8c7857}.fh-tr-heatmap-legend-item--uncertain .fh-tr-heatmap-swatch,.fh-tr-heatmap-spread-item--uncertain{background:#b4bcc61f;border-color:#b4bcc647}.fh-tr-heatmap-summary{background:#00000024;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;gap:6px;padding:7px;display:flex}.fh-tr-heatmap-summary-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:8px;font-size:.58rem;font-weight:700;display:flex}.fh-tr-heatmap-spread{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.fh-tr-heatmap-spread-item{min-width:0;color:var(--muted);border:1px solid #ffffff1a;border-radius:4px;padding:4px 5px;font-size:.55rem}.fh-tr-heatmap-spread-item span,.fh-tr-heatmap-spread-item strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fh-tr-heatmap-spread-item strong{color:var(--text);font-family:var(--mono);font-size:.64rem}.fh-tr-heatmap-insights{color:var(--muted);margin:0;padding-left:16px;font-size:.62rem}.fh-tr-heatmap-no-analysis{color:var(--faint)}.fh-tr-timeline-message,.fh-tr-timeline-empty{color:var(--faint);justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.65rem;display:flex}.fh-tr-no-analysis{max-width:min(620px,100% - 32px);color:var(--muted);text-align:left;pointer-events:auto;background:#0a0e16d1;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;margin:0 auto;padding:14px;font-size:.68rem;line-height:1.45;display:flex;position:absolute;inset:16px}.fh-tr-no-analysis-title{color:var(--text);font-size:.78rem;font-weight:800}.fh-tr-no-analysis-body,.fh-tr-no-analysis-helper,.fh-tr-no-analysis-note{max-width:100%}.fh-tr-no-analysis-helper{color:var(--text)}.fh-tr-no-analysis-note{color:var(--faint);font-size:.62rem}.fh-tr-no-analysis-action{white-space:normal;text-align:left}@media (width<=720px){.fh-tr-controls{grid-template-columns:1fr auto auto}.fh-tr-select,.fh-tr-progress,.fh-tr-time{grid-column:1/-1}.fh-tr-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-tr-heatmap-spread{grid-template-columns:repeat(3,minmax(0,1fr))}.fh-tr-no-analysis{max-width:calc(100% - 20px);padding:12px;font-size:.64rem;inset:10px}.fh-tr-timeline-head{flex-direction:column;align-items:flex-start}.fh-tr-summary-headline{font-size:.76rem}}@media (width<=420px){.fh-tr-timeline-svg{height:230px}.fh-tr-summary-metrics{grid-template-columns:1fr}.fh-tr-heatmap-spread{grid-template-columns:1fr 1fr}.fh-tr-heatmap-legend{gap:5px}.fh-tr-timeline-note-label,.fh-tr-timeline-time-label,.fh-tr-timeline-chord text{font-size:9px}.fh-tr-timeline-actions{justify-content:flex-start;width:100%}}.fh-tr-compare{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.fh-tr-compare-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fh-tr-compare-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.fh-tr-compare-empty{color:var(--faint);margin-top:6px;font-size:.7rem}.fh-tr-compare-selectors{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.fh-tr-compare-field{min-width:0;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:2px;font-size:.6rem;display:flex}.fh-tr-compare-field select{width:100%;min-width:0;color:var(--text);border:1px solid var(--border);background:#ffffff0d;border-radius:4px;padding:3px 6px;font-size:.66rem}.fh-tr-compare-grid{flex-direction:column;gap:2px;display:flex}.fh-tr-compare-row{border-radius:4px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:6px;padding:3px 4px;display:grid}.fh-tr-compare-row:nth-child(odd){background:#ffffff06}.fh-tr-compare-row--head{text-transform:uppercase;letter-spacing:.05em;color:var(--faint);background:0 0;font-size:.55rem;font-weight:700}.fh-tr-compare-metric{color:var(--muted);overflow-wrap:anywhere;min-width:0;font-size:.64rem}.fh-tr-compare-a,.fh-tr-compare-b{font-family:var(--mono);color:var(--text);text-align:right;font-size:.66rem}.fh-tr-compare-delta{text-align:center;color:var(--faint);font-size:.66rem;line-height:1}.fh-tr-compare-delta--small{color:var(--muted)}.fh-tr-compare-delta--notable{color:var(--teal,#00d4b4);font-weight:700}.fh-tr-compare-delta--equal,.fh-tr-compare-delta--na{color:var(--faint)}.fh-tr-compare-note{color:var(--faint);margin-top:6px;font-size:.6rem;font-style:italic}.fh-tr-compare-insights{flex-direction:column;gap:3px;margin:8px 0 0;padding-left:16px;display:flex}.fh-tr-compare-insights li{color:var(--text);font-size:.68rem;line-height:1.3}@media (width<=768px){.fh-tr-compare-selectors{grid-template-columns:1fr}.fh-tr-compare-metric{font-size:.6rem}.fh-tr-compare-a,.fh-tr-compare-b{font-size:.62rem}}.ftr-strip{background:#0f0a0f66;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:12px;margin-top:12px;padding:12px;display:flex}.ftr-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ftr-copy{flex-direction:column;min-width:0;display:flex}.ftr-title{color:var(--text);font-size:.75rem;font-weight:600}.ftr-hint{color:var(--muted);font-size:.6rem;font-family:var(--mono)}.ftr-btn-record{color:var(--pink,#f472b6);cursor:pointer;background:#f472b626;border:1px solid #f472b659;border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:background .15s,border-color .15s}.ftr-btn-record:hover{background:#f472b640;border-color:#f472b68c}.ftr-btn-stop{color:var(--red);cursor:pointer;background:#f871712e;border:1px solid #f8717159;border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:background .15s}.ftr-btn-stop:hover{background:#f8717147}.ftr-pre-panel{background:#0006;border:1px solid #ffffff1a;border-radius:6px;padding:12px}.ftr-pre-title{color:var(--text);margin-bottom:6px;font-size:.75rem;font-weight:600}.ftr-pre-text{color:var(--muted);margin-bottom:8px;font-size:.65rem;line-height:1.4}.ftr-pre-list{color:var(--faint);margin:0 0 12px;padding:0;font-size:.65rem;list-style:none}.ftr-pre-list li{margin-bottom:4px}.ftr-pre-actions{justify-content:flex-end;gap:8px;display:flex}.ftr-btn-cancel{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;font-size:.7rem}.ftr-btn-cancel:hover{background:#ffffff0d}.ftr-btn-start{background:var(--pink,#f472b6);color:#000;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:600}.ftr-btn-start:hover{background:#f9a8d4}.ftr-btn-start:disabled{cursor:not-allowed}.ftr-status-bar{color:var(--text);background:#f871710f;border:1px solid #f8717140;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:.7rem;display:flex}.ftr-rec-indicator{background:var(--red);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite ftr-pulse;display:inline-block;box-shadow:0 0 8px #f8717199}@keyframes ftr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.ftr-status-text{color:var(--red);letter-spacing:.03em;flex:1;font-weight:600}.ftr-timer{font-family:var(--mono);color:var(--muted);font-size:.7rem}.ftr-captured-panel{background:#f472b60d;border:1px solid #f472b62e;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ftr-captured-head{justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.ftr-captured-label{color:var(--pink,#f472b6);font-weight:600}.ftr-captured-timer{font-family:var(--mono);color:var(--muted);font-size:.65rem}.ftr-preview-audio{width:100%;min-height:32px}.ftr-captured-actions{justify-content:flex-end;gap:8px;display:flex}.ftr-btn-discard{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;font-size:.7rem}.ftr-btn-discard:hover{color:var(--red);background:#f8717114;border-color:#f871714d}.ftr-error-area{color:var(--red);background:#f871711a;border:1px solid #f8717133;border-radius:4px;padding:8px 12px;font-size:.65rem}@media (width<=520px){.ftr-head{flex-direction:column;align-items:stretch;gap:8px}.ftr-status-bar{flex-wrap:wrap}}.ftr-btn-keep{color:var(--teal,#00d4b4);cursor:pointer;background:#00f0cc26;border:1px solid #00f0cc59;border-radius:4px;margin-right:6px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:background .15s,border-color .15s}.ftr-btn-keep:hover{background:#00f0cc40;border-color:#00f0cc8c}.ftr-kept-toast{color:var(--teal,#00d4b4);font-size:.62rem;font-family:var(--mono);text-align:center;background:#00f0cc1a;border:1px solid #00f0cc4d;border-radius:4px;margin-top:6px;padding:4px 8px}.ftb-strip{background:#0a0f1466;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.ftb-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ftb-copy{flex-direction:column;min-width:0;display:flex}.ftb-title{color:var(--text);font-size:.75rem;font-weight:600}.ftb-hint{color:var(--muted);font-size:.6rem;font-family:var(--mono)}.ftb-btn-clear{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;padding:5px 10px;font-size:.65rem;transition:background .15s,border-color .15s,color .15s}.ftb-btn-clear:hover{color:var(--red);background:#f8717114;border-color:#f871714d}.ftb-empty{color:var(--faint);text-align:center;padding:8px 4px;font-size:.65rem;font-style:italic}.ftb-list{flex-direction:column;gap:6px;display:flex}.ftb-saved-section{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;margin-top:2px;padding-top:10px;display:flex}.ftb-saved-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ftb-local-note{color:var(--muted);font-family:var(--mono);font-size:.58rem}.ftb-saved-status{color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere;font-size:.58rem;line-height:1.45}.ftb-btn-clear--saved{align-self:flex-start}.ftb-list--saved .ftb-row{border-color:#00f0cc1f}.ftb-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.ftb-row--demo{border-color:#a78bfa2e;grid-template-columns:minmax(0,1fr) auto auto auto}.ftb-label{color:var(--text);cursor:text;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;overflow:hidden}.ftb-label-input{color:var(--text);background:#ffffff0d;border:1px solid #00f0cc66;border-radius:3px;outline:none;width:100%;max-width:220px;padding:2px 6px;font-family:inherit;font-size:.72rem;font-weight:600}.ftb-meta{color:var(--muted);font-size:.6rem;font-family:var(--mono);white-space:nowrap}.ftb-demo-onboarding{background:#a78bfa0f;border:1px solid #a78bfa24;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 8px;display:flex}.ftb-demo-helper{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.62rem;line-height:1.35}.ftb-demo-badge{color:#c4b5fd;font-family:var(--mono);white-space:nowrap;border:1px solid #a78bfa47;border-radius:4px;align-self:center;padding:2px 6px;font-size:.56rem}.ftb-actions{gap:4px;display:inline-flex}.ftb-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;padding:3px 8px;font-size:.62rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.ftb-btn:disabled{cursor:not-allowed;opacity:.45}.ftb-btn:hover{color:var(--text);background:#ffffff0d}.ftb-btn--play{color:var(--teal,#00d4b4);border-color:#00f0cc4d}.ftb-btn--play:hover{background:#00f0cc1f;border-color:#00f0cc80}.ftb-btn--stop{color:var(--red);border-color:#f8717159}.ftb-btn--stop:hover{background:#f871711f;border-color:#f871718c}.ftb-btn--discard:hover{color:var(--red);background:#f8717114;border-color:#f8717166}.ftb-btn--save-local{color:var(--teal,#00d4b4);border-color:#00f0cc40}.ftb-btn--delete-local:hover{color:var(--red);background:#f8717114;border-color:#f8717166}.ftb-saved-marker{color:var(--teal,#00d4b4);font-family:var(--mono);white-space:nowrap;border:1px solid #00f0cc3d;border-radius:4px;align-self:center;padding:2px 6px;font-size:.56rem}.ftb-inline-state{grid-column:1/-1;font-size:.6rem;line-height:1.35}.ftb-inline-state--local{color:var(--muted)}.ftb-inline-state--demo{color:#c4b5fd}.ftb-inline-state--error,.ftb-inline-state--audio-unavailable{color:var(--red)}.fhs-review{box-sizing:border-box;border-top:1px solid #ffffff0f;grid-column:1/-1;min-width:0;max-width:100%;margin-top:2px;padding-top:6px}.fhs-review-toggle{min-height:24px;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.64rem;font-weight:600;display:flex}.fhs-review-title{color:var(--text)}.fhs-review-count,.fhs-metric{color:var(--muted);font-family:var(--mono);border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:.58rem}.fhs-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px 0 2px;display:grid}.fhs-group{min-width:0}.fhs-group-title,.fhs-next-label{color:var(--muted);font-size:.58rem;font-family:var(--mono);text-transform:uppercase}.fhs-list{margin:4px 0 0;padding-left:14px}.fhs-list-item,.fhs-empty-line,.fhs-neutral,.fhs-next-copy{color:var(--text);font-size:.65rem;line-height:1.4}.fhs-empty-line,.fhs-neutral{color:var(--faint);margin-top:4px;font-style:italic}.fhs-next{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-top:4px;display:flex}.fhs-pro-metrics{flex-wrap:wrap;grid-column:1/-1;gap:5px;padding-top:2px;display:flex}.fhrs-card{box-sizing:border-box;background:linear-gradient(#ffffff07,#0000001a),#ffffff05;border:1px solid #ffffff14;border-left:3px solid #38bdf87a;border-radius:7px;gap:8px;min-width:0;max-width:100%;margin-top:9px;padding:9px;display:grid}.fhrs-title{color:var(--text);font-size:.6rem;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.fhrs-subtitle,.fhrs-suggestions-help,.fhrt-subtitle{min-width:0;color:var(--faint);font-size:.58rem;line-height:1.35}.fhrs-insight,.fhrs-context-note,.fhrs-empty{min-width:0;color:var(--text);font-size:.65rem;line-height:1.35}.fhrs-context-note,.fhrs-empty{color:var(--faint)}.fhrs-suggestions{background:#0f172a5c;border:1px solid #ffffff0f;border-radius:8px;gap:5px;min-width:0;padding:7px 8px;display:grid}.fhrs-suggestions-title{min-width:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem;font-weight:700}.fhrs-suggestions-help{margin-top:-2px}.fhrs-suggestions-list{gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.fhrs-suggestions-item{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:.62rem;line-height:1.35}.fhrs-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;min-width:0;display:grid}.fhrs-row{grid-template-columns:minmax(70px,.75fr) minmax(52px,1fr) 34px;align-items:center;gap:6px;min-width:0;display:grid}.fhrs-label,.fhrs-pct{min-width:0;color:var(--muted);font-size:.58rem;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fhrs-pct{color:var(--text);text-align:right}.fhrs-track{background:#94a3b821;border:1px solid #ffffff14;border-radius:999px;min-width:0;height:8px;display:block;position:relative;overflow:hidden}.fhrs-fill{background:#94a3b873;border-radius:999px;min-width:0;height:100%;display:block}.fhrs-fill--stable{background:#6366f1ad}.fhrs-fill--color{background:#a78bfaad}.fhrs-fill--tension{background:#0ea5e9a3}.fhrs-fill--passingApproach{background:#22d3ee9e}.fhrs-fill--outside{background:#f59e0b9e}.fhrs-fill--unknown{background:#94a3b87a}.fhrt-card{box-sizing:border-box;background:linear-gradient(#ffffff07,#0000001a),#ffffff05;border:1px solid #ffffff14;border-left:3px solid #6366f17a;border-radius:7px;gap:8px;min-width:0;max-width:100%;margin-top:9px;padding:9px;display:grid}.fhrt-title{color:var(--text);font-size:.6rem;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.fhrt-empty{min-width:0;max-width:100%;color:var(--faint);overflow-wrap:anywhere;font-size:.62rem;line-height:1.4}.fhrt-bar,.fhrt-aggregate-bar{background:linear-gradient(#ffffff0e,#00000014),#94a3b821;border:1px solid #ffffff14;border-radius:999px;width:100%;min-width:0;max-width:100%;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e}.fhrt-aggregate-bar{display:flex}.fhrt-seg{background:#94a3b873;border:1px solid #ffffff29;border-radius:999px;min-width:5px;position:absolute;top:2px;bottom:2px}.fhrt-aggregate-seg{background:#94a3b873;border-right:1px solid #00000038;min-width:5px;height:100%;display:block}.fhrt-seg--stable{background:#6366f1ad}.fhrt-seg--color{background:#a78bfaad}.fhrt-seg--tension{background:#0ea5e9a3}.fhrt-seg--passingApproach{background:#22d3ee9e}.fhrt-seg--outside{background:#f59e0b9e}.fhrt-seg--unknown{background:#94a3b87a}.fhrl-legend{background:#02061738;border:1px solid #ffffff12;border-radius:6px;flex-wrap:wrap;align-items:center;gap:5px 6px;min-width:0;max-width:100%;margin-top:8px;padding:6px 7px;display:flex}.fhrl-title{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;flex:none;font-size:.54rem;font-weight:700;line-height:1.25}.fhrl-item{min-width:0;color:var(--text);align-items:center;gap:4px;font-size:.56rem;line-height:1.25;display:inline-flex}.fhrl-swatch{border:1px solid #ffffff24;border-radius:999px;flex:none;width:9px;height:9px}.fhrl-text{overflow-wrap:anywhere;min-width:0}.fhrt-legend{flex-wrap:wrap;align-items:center;gap:5px 6px;min-width:0;display:flex}.fhrt-legend-item{background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:4px;min-width:0;padding:2px 6px;display:inline-flex}.fhrt-swatch{border:1px solid #ffffff24;border-radius:999px;flex:none;width:10px;height:10px}.fhrt-legend-text{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:.58rem;line-height:1.25}.fhrt-list{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:5px;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:grid}.fhrt-list-item{min-width:0;color:var(--text);overflow-wrap:anywhere;background:#00000024;border:1px solid #ffffff0f;border-radius:5px;padding:4px 6px;font-size:.6rem;line-height:1.35}.fhrt-aggregate-list{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.ftb-error-area{color:var(--red);background:#f871711a;border:1px solid #f8717133;border-radius:4px;padding:6px 10px;font-size:.62rem}.fhs-timeline{background:linear-gradient(#ffffff07,#0000001a),#ffffff05;border:1px solid #ffffff14;border-left:3px solid #a78bfa7a;border-radius:7px;gap:8px;min-width:0;margin-top:9px;padding:9px;display:grid}.fhs-timeline-title{color:var(--text);font-size:.6rem;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.fhs-timeline-bar{background:linear-gradient(#ffffff0e,#00000014),#94a3b821;border:1px solid #ffffff14;border-radius:999px;width:100%;min-width:0;max-width:100%;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e}.fhs-timeline-seg{background:#94a3b873;border:1px solid #ffffff29;border-radius:999px;min-width:6px;position:absolute;top:2px;bottom:2px;box-shadow:0 0 10px #0000002e}.fhs-timeline-seg--stable{background:#6366f1a6}.fhs-timeline-seg--color{background:#a78bfaa6}.fhs-timeline-seg--passing{background:#38bdf899}.fhs-timeline-seg--approach{background:#22d3ee99}.fhs-timeline-seg--review_zone{background:#f59e0b99}.fhs-timeline-seg--low_confidence{background:#94a3b88c}.fhs-timeline-seg--unvoiced{background:#94a3b84d}.fhs-timeline-legend{flex-wrap:wrap;align-items:center;gap:5px 6px;min-width:0;display:flex}.fhs-timeline-legend-label{color:var(--muted);font-size:.55rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}.fhs-timeline-legend-item{background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:4px;min-width:0;padding:2px 6px;display:inline-flex}.fhs-timeline-swatch{border:1px solid #ffffff24;border-radius:999px;flex:none;width:10px;height:10px;display:inline-block}.fhs-timeline-legend-text{color:var(--text);overflow-wrap:anywhere;font-size:.6rem;line-height:1.25}.fhs-timeline-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:5px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.fhs-timeline-list-item{color:var(--text);overflow-wrap:anywhere;background:#00000024;border:1px solid #ffffff0f;border-radius:5px;min-width:0;padding:4px 6px;font-size:.62rem;line-height:1.4}.fhs-timeline-empty{color:var(--faint);background:#0000001f;border:1px dashed #ffffff1f;border-radius:6px;padding:7px 8px;font-size:.62rem;font-style:italic;line-height:1.4}@media (width<=520px){.fhs-timeline{gap:7px;padding:8px}.fhs-timeline-bar{height:18px}.fhs-timeline-legend{align-items:flex-start;gap:5px}.fhs-timeline-legend-label{flex-basis:100%}.fhs-timeline-legend-item{max-width:100%}.fhs-timeline-list{grid-template-columns:minmax(0,1fr)}.fhrs-card{gap:7px;padding:8px}.fhrs-suggestions{padding:6px 7px}.fhrs-bars{grid-template-columns:minmax(0,1fr)}.fhrs-row{grid-template-columns:minmax(72px,.85fr) minmax(52px,1fr) 34px}.fhrl-legend{padding:6px}.fhrt-card{gap:7px;padding:8px}.fhrt-bar,.fhrt-aggregate-bar{height:20px}.fhrt-list{grid-template-columns:minmax(0,1fr)}.ftb-row{grid-template-columns:1fr;align-items:stretch}.ftb-row--demo{grid-template-columns:1fr}.ftb-meta{white-space:normal}.ftb-actions{flex-wrap:wrap}.ftb-demo-onboarding{flex-direction:column;align-items:stretch}.ftb-demo-onboarding .ftb-btn{align-self:flex-start}.fhs-body{grid-template-columns:1fr}}.ftb-btn--analyze{color:var(--purple,#a78bfa);border-color:#a78bfa59}.ftb-btn--analyze:hover{background:#a78bfa1f;border-color:#a78bfa8c}.ftm-strip{background:#0f0c1466;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.ftm-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ftm-copy{flex-direction:column;min-width:0;display:flex}.ftm-title{color:var(--text);font-size:.75rem;font-weight:600}.ftm-hint{color:var(--muted);font-size:.6rem;font-family:var(--mono)}.ftm-empty{color:var(--faint);text-align:center;padding:6px 4px;font-size:.65rem;font-style:italic}.ftm-pre-panel{background:#0006;border:1px solid #ffffff1a;border-radius:6px;padding:12px}.ftm-pre-title{color:var(--text);margin-bottom:6px;font-size:.75rem;font-weight:600}.ftm-pre-text{color:var(--muted);margin-bottom:8px;font-size:.65rem;line-height:1.4}.ftm-pre-take{color:var(--muted);margin-bottom:6px;font-size:.65rem}.ftm-pre-take strong{color:var(--text);margin-left:4px}.ftm-pre-list{color:var(--faint);margin:0 0 12px;padding:0;font-size:.65rem;list-style:none}.ftm-pre-list li{margin-bottom:4px}.ftm-pre-actions{justify-content:flex-end;gap:8px;display:flex}.ftm-btn{cursor:pointer;border:1px solid var(--border);border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.ftm-btn--cancel{color:var(--muted);background:0 0;border-color:#ffffff1a}.ftm-btn--cancel:hover{background:#ffffff0d}.ftm-btn--analyze{background:var(--purple,#a78bfa);color:#000;border:none}.ftm-btn--analyze:hover{background:#c4b5fd}.ftm-btn--discard{color:var(--muted);background:0 0;border-color:#ffffff1a}.ftm-btn--discard:hover{color:var(--red);background:#f8717114;border-color:#f8717166}.ftm-progress-panel{background:#a78bfa0a;border:1px solid #a78bfa2e;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ftm-progress-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ftm-progress-label{color:var(--purple,#a78bfa);font-size:.7rem;font-weight:600}.ftm-progress-track{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.ftm-progress-bar{background:var(--purple,#a78bfa);height:100%;transition:width .15s}.ftm-draft-panel{background:#a78bfa0d;border:1px solid #a78bfa2e;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ftm-draft-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ftm-draft-header{color:var(--purple,#a78bfa);font-size:.72rem;font-weight:600}.ftm-draft-summary{color:var(--muted);font-size:.6rem;font-family:var(--mono)}.ftm-event-list{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.ftm-event{background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.ftm-event-note{font-size:.72rem;font-weight:700;font-family:var(--mono);color:var(--text);min-width:32px}.ftm-event-time{color:var(--muted);font-size:.6rem;font-family:var(--mono)}.ftm-event-cat,.ftm-event-conf{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#ffffff08;border-radius:3px;padding:2px 6px;font-size:.55rem;font-weight:700}.ftm-event-cat[data-cat=stable]{color:var(--teal,#00d4b4);background:#00d4b414;border-color:#00d4b466}.ftm-event-cat[data-cat=color]{color:var(--blue,#60a5fa);background:#60a5fa14;border-color:#60a5fa59}.ftm-event-cat[data-cat=tension]{color:var(--pink,#f472b6);background:#f472b614;border-color:#f472b659}.ftm-event-cat[data-cat=outside]{color:var(--red);background:#f8717114;border-color:#f8717159}.ftm-event-conf[data-conf=high]{color:var(--teal,#00d4b4);border-color:#00d4b466}.ftm-event-conf[data-conf=medium]{color:var(--muted)}.ftm-event-conf[data-conf=low]{color:var(--faint);opacity:.85}.ftm-draft-hint{color:var(--faint);font-size:.6rem;font-style:italic}.ftm-draft-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ftm-accept-future{color:var(--faint);font-size:.55rem;font-style:italic}.ftm-error-area{color:var(--red);background:#f871711a;border:1px solid #f8717133;border-radius:4px;padding:6px 10px;font-size:.62rem}.fta-selection-bar{background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 8px;display:flex}.fta-sel-actions{gap:6px;display:flex}.fta-sel-btn{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;padding:3px 6px;font-size:.6rem}.fta-sel-btn:hover{background:#ffffff1a}.fta-sel-count{color:var(--muted);font-size:.6rem}.fta-checkbox{appearance:none;border:1px solid var(--border);cursor:pointer;background:#0000004d;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;margin:0;display:flex}.fta-checkbox:checked{background:var(--teal,#00d4b4);border-color:var(--teal,#00d4b4)}.fta-checkbox:checked:after{content:"✓";color:#000;font-size:10px;font-weight:700}.fta-btn-primary{background:var(--teal,#00d4b4);color:#000;border:none}.fta-btn-primary:hover:not(:disabled){background:#00ebd0}.fta-btn-primary:disabled{opacity:.5;cursor:not-allowed}.fta-confirm-card{border:1px solid var(--border);background:#0000004d;border-radius:6px;margin-top:10px;padding:10px}.ftt-accept-feedback{min-width:0;color:var(--text);overflow-wrap:anywhere;background:#ffffff09;border:1px solid #ffffff1a;border-left-width:3px;border-radius:6px;padding:8px 10px;font-size:.64rem;line-height:1.4}.ftt-accept-feedback[data-tone=info]{color:var(--muted);border-left-color:#94a3b8bf}.ftt-accept-feedback[data-tone=success]{border-color:#00d4b438;border-left-color:var(--teal,#00d4b4);color:var(--teal,#00d4b4);background:#00d4b412}.ftt-accept-feedback[data-tone=warning]{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b3d #f59e0b3d #f59e0b3d #f59e0bf2}.ftt-accept-feedback[data-tone=error]{border-color:#f871713d;border-left-color:var(--red);color:var(--red);background:#f8717114}.fta-confirm-warn{color:var(--text);align-items:flex-start;gap:6px;margin-bottom:10px;font-size:.65rem;line-height:1.4;display:flex}.fta-warn-icon{color:var(--yellow,#fbbf24);font-weight:700}.fta-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.fta-btn-cancel,.fta-btn-confirm{cursor:pointer;border-radius:4px;padding:4px 10px;font-size:.65rem}.fta-btn-cancel{color:var(--text);border:1px solid var(--border);background:0 0}.fta-btn-cancel:hover{background:#ffffff0d}.fta-btn-confirm{background:var(--teal,#00d4b4);color:#000;border:none;font-weight:600}.fta-btn-confirm:hover{background:#00ebd0}.ftm-event--selected{background:#00d4b414;border-color:#00d4b433}.ftm-event--warning{border-color:#f472b666}@media (width<=520px){.ftm-event{grid-template-rows:auto auto;grid-template-columns:auto auto 1fr}.ftm-event-cat,.ftm-event-conf{justify-self:end}}.fme-container{border-top:1px solid #333;margin-top:10px;padding-top:10px;font-family:sans-serif}.fme-header{justify-content:flex-end;display:flex}.fme-btn-secondary{color:#fff;cursor:pointer;background:#444;border:none;border-radius:4px;padding:5px 10px}.fme-btn-secondary:hover:not(:disabled){background:#555}.fme-btn-primary{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:5px 10px}.fme-btn-primary:hover:not(:disabled){background:#0056b3}.fme-btn-primary:disabled,.fme-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.fme-panel{background:#222;border-radius:4px;margin-top:10px;padding:10px}.fme-summary{color:#ccc;margin-bottom:10px;font-size:.9em}.fme-actions{gap:10px;margin-bottom:10px;display:flex}.fme-privacy-note{color:#aaa;align-items:center;gap:5px;font-size:.8em;display:flex}.fme-badge{color:#0f0;background:#050;border-radius:3px;padding:2px 5px;font-size:.8em;font-weight:700}.fme-error{color:#f55;margin-top:10px;font-size:.9em}.fme-feedback,.fji-feedback{overflow-wrap:anywhere;border:1px solid #ffffff1a;border-left-width:3px;border-radius:4px;margin:8px 0;padding:6px 8px;font-size:.82em;line-height:1.35}.fme-feedback[data-tone=info],.fji-feedback[data-tone=info]{color:#cbd5e1;background:#94a3b81a;border-left-color:#94a3b8}.fme-feedback[data-tone=success],.fji-feedback[data-tone=success],.fji-success[data-tone=success]{color:#86efac;background:#22c55e1a;border-left-color:#22c55e}.fme-feedback[data-tone=warning],.fji-feedback[data-tone=warning]{color:#facc15;background:#facc151a;border-left-color:#facc15}.fme-feedback[data-tone=error],.fji-feedback[data-tone=error]{color:#fca5a5;background:#f871711a;border-left-color:#f87171}.fmm-strip{background:#140c1666;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.fmm-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.fmm-copy{flex-direction:column;min-width:0;display:flex}.fmm-title{color:var(--text);font-size:.75rem;font-weight:600}.fmm-hint{color:var(--muted);font-size:.6rem;font-family:var(--mono)}.fmm-empty{color:var(--faint);text-align:center;padding:6px 4px;font-size:.65rem;font-style:italic}.fmm-panel{flex-direction:column;gap:10px;display:flex}.fmm-summary{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;padding:8px 10px;display:grid}.fmm-summary-row{flex-direction:column;gap:2px;min-width:0;display:flex}.fmm-summary-label{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-size:.55rem}.fmm-summary-val{color:var(--text);font-size:.72rem;font-weight:600;font-family:var(--mono)}.fmm-warnings{background:#f472b60f;border:1px solid #f472b633;border-radius:5px;flex-direction:column;gap:3px;margin:0;padding:6px 10px;list-style:none;display:flex}.fmm-warning-item{color:var(--pink,#f472b6);font-size:.6rem;line-height:1.3}.fmm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.fmm-btn-download{background:var(--teal,#00d4b4);color:#000;cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:.72rem;font-weight:700;transition:background .15s}.fmm-btn-download:hover{background:#5eead4}.fmm-btn-download:disabled,.fmm-btn-drag:disabled{color:var(--faint);cursor:not-allowed;background:#ffffff14}.fmm-btn-drag{color:var(--text);cursor:grab;background:#ffffff0f;border:1px dashed #00d4b46b;border-radius:4px;padding:6px 12px;font-size:.68rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.fmm-btn-drag:hover:not(:disabled),.fmm-btn-drag.is-dragging{color:var(--teal,#00d4b4);background:#00d4b41a;border-color:#00d4b4b8}.fmm-btn-drag:active{cursor:grabbing}.fmm-drag-hint{color:var(--faint);font-family:var(--mono);text-align:right;font-size:.58rem;line-height:1.35}.fmm-privacy{color:var(--faint);font-size:.58rem;font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fmm-privacy-badge{color:var(--teal,#00d4b4);background:#00d4b41f;border-radius:3px;padding:2px 6px;font-weight:600}.fmm-error-area{color:var(--red);background:#f871711a;border:1px solid #f8717133;border-radius:4px;padding:6px 10px;font-size:.62rem}.fmm-error-area.fmm-toast-ok{color:var(--teal,#00d4b4);background:#00d4b41a;border-color:#00d4b44d}@media (width<=520px){.fmm-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fmm-actions{justify-content:stretch}.fmm-actions>button{flex:150px}.fmm-drag-hint{text-align:left}}.fji-container{border-top:1px solid #333;margin-top:10px;padding-top:10px;font-family:sans-serif}.fji-header{justify-content:flex-end;display:flex}.fji-btn-secondary{color:#fff;cursor:pointer;background:#444;border:none;border-radius:4px;padding:5px 10px}.fji-btn-secondary:hover:not(:disabled){background:#555}.fji-btn-primary{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;padding:5px 10px}.fji-btn-primary:hover:not(:disabled){background:#218838}.fji-btn-primary:disabled,.fji-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.fji-btn-sm{color:#ccc;cursor:pointer;background:#555;border:none;border-radius:3px;padding:3px 8px;font-size:.8em}.fji-btn-sm:hover{background:#666}.fji-panel{background:#222;border-radius:4px;margin-top:10px;padding:10px}.fji-summary{color:#ccc;margin-bottom:8px;font-size:.85em}.fji-warnings{color:#e8a838;background:#e8a8381a;border-radius:3px;margin-bottom:8px;padding:4px 8px;font-size:.8em}.fji-error{color:#f55;margin-bottom:8px;font-size:.9em}.fji-info{color:#aaa}.fji-success{color:#28a745;overflow-wrap:anywhere;border-radius:4px;margin-bottom:8px;padding:6px 8px;font-size:.9em}.fji-success[data-tone=success]{border:1px solid #ffffff1a;border-left-width:3px}.fji-note-list{max-height:200px;margin-bottom:8px;overflow-y:auto}.fji-note-row{color:#ccc;border-bottom:1px solid #333;align-items:center;gap:6px;padding:3px 0;font-size:.82em;display:flex}.fji-note-invalid{opacity:.4;text-decoration:line-through}.fji-note-warned{color:#e8a838}.fji-note-label{min-width:40px;font-weight:700}.fji-note-cat{background:#333;border-radius:3px;padding:1px 4px;font-size:.75em}.fji-cat-stable{color:#0f0;background:#050}.fji-cat-color{color:#fa0;background:#530}.fji-cat-tension{color:#f55;background:#500}.fji-cat-outside{color:#888;background:#333}.fji-cat-unknown{color:#666;background:#222}.fji-note-src{color:#999;font-size:.75em}.fji-note-detail{color:#777;font-size:.75em}.fji-note-warn{color:#e8a838;margin-left:auto;font-size:.7em;font-style:italic}.fji-note-more{color:#888;text-align:center;padding:4px;font-size:.8em}.fji-controls{gap:8px;margin-bottom:8px;display:flex}.fji-actions{gap:10px;margin-bottom:8px;display:flex}.fji-confirm{background:#2a2a2a;border-radius:4px;margin-bottom:8px;padding:8px}.fji-confirm-text{color:#ccc;margin-bottom:8px;font-size:.85em}.fji-privacy-note{color:#aaa;align-items:center;gap:5px;font-size:.8em;display:flex}.fji-badge{color:#0f0;background:#050;border-radius:3px;padding:2px 5px;font-size:.8em;font-weight:700}#toplineLabBody>.fme-container,#toplineLabBody>.fji-container{font-family:var(--mono,monospace);background:#ffffff05;border:1px solid #ffffff14;border-radius:7px;grid-column:1/-1;margin-top:0;padding:8px 9px;display:none!important}#toplineLabBody>.ftl-containment--tools[open]{border-bottom-right-radius:0;border-bottom-left-radius:0}#toplineLabBody>.ftl-containment--tools[open]~.fme-container,#toplineLabBody>.ftl-containment--tools[open]~.fji-container{border-top-color:#ffffff0f;border-top-left-radius:0;border-top-right-radius:0;margin-top:-10px;display:block!important}#toplineLabBody>.fme-container .fme-header,#toplineLabBody>.fji-container .fji-header{flex-wrap:wrap;justify-content:flex-start;gap:8px}#toplineLabBody>.fme-container .fme-actions,#toplineLabBody>.fji-container .fji-controls,#toplineLabBody>.fji-container .fji-actions,#toplineLabBody>.fji-container .fji-note-row{flex-wrap:wrap}#toplineLabBody>.fme-container .fme-btn-secondary,#toplineLabBody>.fji-container .fji-btn-secondary,#toplineLabBody>.fme-container .fme-btn-primary,#toplineLabBody>.fji-container .fji-btn-primary,#toplineLabBody>.fji-container .fji-btn-sm{border:1px solid #ffffff1f;border-radius:5px;min-height:24px;font-size:.62rem}@media (width<=520px){#toplineLabBody>.fme-container .fme-btn-secondary,#toplineLabBody>.fji-container .fji-btn-secondary,#toplineLabBody>.fme-container .fme-btn-primary,#toplineLabBody>.fji-container .fji-btn-primary,#toplineLabBody>.fji-container .fji-btn-sm{width:100%}}#toplineLabBody>.fme-container .fme-panel,#toplineLabBody>.fji-container .fji-panel{background:#0000003d;border:1px solid #ffffff14;margin-top:8px}.fh-topline-visualizer{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.fh-tv-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.fh-tv-title{color:var(--text);margin:0;font-size:.9rem;font-weight:600}.fh-tv-subtitle{color:var(--muted);font-size:.75rem}.fh-tv-grid{background:#0003;border:1px solid #ffffff0d;border-radius:4px;flex-direction:row;align-items:center;gap:8px;min-height:60px;padding:8px;display:flex;overflow-x:auto}.fh-tv-note{font-family:var(--mono);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-width:48px;padding:4px 8px;font-size:.7rem;font-weight:600;display:flex}.fh-tv-note-name{font-size:.9rem}.fh-tv-note-cat{text-transform:uppercase;opacity:.9;margin-top:4px;font-size:.55rem}.fh-tv-note--core{color:var(--teal);border:1px solid var(--teal);background:#00f0cc33;box-shadow:0 0 8px #00f0cc4d}.fh-tv-note--safe{color:var(--teal);background:#00f0cc1a;border:1px solid #00f0cc80}.fh-tv-note--color{color:var(--purple);border:1px dashed var(--purple);background:#a78bfa1a}.fh-tv-note--tension{color:#f0a000;background:#f0a0001a;border:1px solid #f0a000;animation:2s infinite alternate fh-tv-pulse}.fh-tv-note--outside{color:var(--muted);border:1px dotted var(--muted);background:#ffffff0d}.fh-tv-note--unknown{color:var(--faint);background:#ffffff05;border:1px solid #ffffff1a}@keyframes fh-tv-pulse{0%{box-shadow:0 0 2px #f0a00033}to{box-shadow:0 0 8px #f0a00099}}.fh-tv-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px;padding-top:4px;font-size:.65rem;display:flex}.fh-tv-legend-item{align-items:center;gap:4px;display:flex}.fh-tv-legend-dot{border-radius:50%;width:8px;height:8px}.fh-tv-legend-dot--root{background:var(--teal,#00f0cc);box-shadow:0 0 0 1px #00f0cc47}.fh-tv-legend-dot--chord-tones{background:#65d7e7}.fh-tv-legend-dot--safe{background:#8fb6c7}.fh-tv-legend-dot--color{background:var(--purple,#b89dfa)}.fh-tv-legend-dot--tension{background:#f0a000}.fh-tv-empty-state{color:var(--faint);justify-content:center;align-items:center;width:100%;min-height:60px;font-size:.8rem;display:flex}.fh-tv-live{background:#0000002e;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:8px;padding:8px;display:flex}.fh-topline-visualizer--review{border-color:#00d4b447}.fh-tv-live--review{background:#00d4b40b;border-color:#00d4b42e}.fh-tv-live--review .fh-tv-live-label{color:var(--teal,#00d4b4)}.fh-tv-live-current{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;min-height:28px;display:grid}.fh-tv-harmonic-card{background:#ffffff06;border:1px solid #ffffff14;border-left:3px solid #ffffff29;border-radius:7px;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:10px;display:grid}.fh-tv-harmonic-card--core,.fh-tv-harmonic-card--safe{border-left-color:var(--teal,#00f0cc)}.fh-tv-harmonic-card--color{border-left-color:var(--purple,#b89dfa)}.fh-tv-harmonic-card--tense{border-left-color:#f0a000}.fh-tv-harmonic-card--outside{border-left-color:#f87171d9}.fh-tv-harmonic-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.fh-tv-harmonic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0;display:grid}.fh-tv-hg-field{background:#00000029;border:1px solid #ffffff0e;border-radius:6px;gap:3px;min-width:0;padding:7px 8px;display:grid}.fh-tv-hg-label{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:.54rem;font-weight:700}.fh-tv-hg-value{color:var(--text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;font-weight:700;overflow:hidden}.fh-tv-live-label{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:.62rem;font-weight:700}.fh-tv-live-note{font-family:var(--mono);text-align:center;border-radius:4px;min-width:76px;padding:6px 8px;font-size:.74rem;font-weight:700;line-height:1}.fh-tv-live-meta{color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere;min-width:0;font-size:.68rem}.fh-tv-live-history{flex-wrap:wrap;gap:6px;min-height:18px;display:flex}.fh-tv-live-chip{font-family:var(--mono);text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:.6rem;font-weight:700;line-height:1}.fh-tv-live-chip--core,.fh-tv-live-chip--safe{color:var(--teal);background:#00f0cc1f;border:1px solid #00f0cc8c}.fh-tv-live-chip--color{border:1px dashed var(--purple);color:var(--purple);background:#a78bfa1f}.fh-tv-live-chip--tension{color:#f0a000;background:#f0a0001f;border:1px solid #f0a000}.fh-tv-live-chip--outside{border:1px dotted var(--muted);color:var(--muted);background:#ffffff0d}.fh-tv-live-chip--unknown{color:var(--faint);background:#ffffff05;border:1px solid #ffffff1a}.fh-tv-pitch-dot-wrap{background:#ffffff05;border-radius:6px;align-items:center;gap:8px;max-width:100%;min-height:22px;margin:4px 0 6px;padding:4px 8px;display:flex;overflow:hidden}.fh-tv-pitch-dot{opacity:.55;background:#b4b4b459;border:1px solid #0000;border-radius:50%;flex:0 0 12px;width:12px;height:12px;transition:background-color .14s,box-shadow .14s,opacity .14s,transform .14s,border-color .14s;display:inline-block;transform:scale(1)}.fh-tv-pitch-dot--listening,.fh-tv-pitch-dot--unknown{opacity:.55;background:#a0a0a066}.fh-tv-pitch-dot--core{background:var(--teal,#00f0cc);opacity:1;box-shadow:0 0 6px #00f0cc73}.fh-tv-pitch-dot--safe{opacity:.95;background:#00f0ccb3;box-shadow:0 0 4px #00f0cc59}.fh-tv-pitch-dot--color{background:var(--purple,#b89dfa);opacity:1;transform:scale(1.06);box-shadow:0 0 7px #b89dfa80}.fh-tv-pitch-dot--tense{opacity:1;background:#f0a000;transform:scale(1.14);box-shadow:0 0 8px #f0a00099}.fh-tv-pitch-dot--outside{opacity:1;background:#f87171d9;border-style:dashed;border-color:#ffffff80;transform:scale(1.18);box-shadow:0 0 8px #f871718c}.fh-tv-pitch-dot-label{font-family:var(--mono);color:var(--text);white-space:nowrap;letter-spacing:.02em;font-size:.72rem;font-weight:600}.fh-tv-pitch-dot-meta{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:.6rem;overflow:hidden}.fh-tv-pitch-trail{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:4px 8px;display:grid}.fh-tv-pitch-trail-label{color:var(--muted);font-family:var(--mono);text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:700}.fh-tv-pitch-trail-body{grid-template-columns:minmax(88px,1fr) minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.fh-tv-pitch-trail-svg{width:100%;height:34px;display:block;overflow:visible}.fh-tv-pitch-trail-line{fill:none;stroke:#ffffff52;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.fh-tv-pitch-trail-point{stroke:#080c16d9;stroke-width:1px;transition:cx .1s,cy .1s,fill .12s,opacity .12s}.fh-tv-pitch-trail-point--core{fill:var(--teal,#00f0cc);opacity:.95}.fh-tv-pitch-trail-point--color{fill:var(--purple,#b89dfa);opacity:.95}.fh-tv-pitch-trail-point--tension{fill:#f0a000;opacity:.95}.fh-tv-pitch-trail-point--outside{fill:#f87171eb;opacity:.95;stroke-dasharray:1.6 1.2}.fh-tv-pitch-trail-point--unknown{fill:#a0a0a073;opacity:.35}.fh-tv-pitch-axis{pointer-events:none}.fh-tv-pitch-axis-line{stroke:#ffffff14;stroke-width:.8px;vector-effect:non-scaling-stroke}.fh-tv-pitch-axis-label{fill:#e0e8f4b8;font-family:var(--mono);letter-spacing:0;paint-order:stroke;stroke:#04071294;stroke-width:2px;font-size:7px;font-weight:700}.fh-tv-pitch-trail-summary{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.58rem;line-height:1.25;overflow:hidden}@media (prefers-reduced-motion:reduce){.fh-tv-pitch-dot{transition:background-color linear,opacity linear,border-color linear;box-shadow:none!important;animation:none!important;transform:none!important}.fh-tv-pitch-trail-point{transition:none!important}}.fh-tv-target-bands{pointer-events:none}.fh-tv-target-band{fill:#ffffff29;opacity:.55;transition:y .1s,height .1s,fill .12s,opacity .12s}.fh-tv-target-band--core{fill:var(--teal,#00f0cc);opacity:.2}.fh-tv-target-band--root{fill:var(--teal,#00f0cc);opacity:.28}.fh-tv-target-band--third{fill:#30e4d0;opacity:.22}.fh-tv-target-band--fifth{fill:#65d7e7;opacity:.19}.fh-tv-target-band--seventh{fill:#8fb6c7;opacity:.17}.fh-tv-target-band--chord-ext{fill:#55d6c7;opacity:.16}.fh-tv-target-band--safe{fill:#8fb6c7;opacity:.14}.fh-tv-target-band--color{fill:var(--purple,#b89dfa);opacity:.2}.fh-tv-target-band--tension{fill:#f0a000;opacity:.18}.fh-tv-resolution-arrows{pointer-events:none}.fh-tv-resolution-arrow-marker path{fill:currentColor}.fh-tv-resolution-arrows--resolve-strong .fh-tv-resolution-arrow-marker path{fill:#f0a000}.fh-tv-resolution-arrows--resolve-soft .fh-tv-resolution-arrow-marker path{fill:var(--purple,#b89dfa)}.fh-tv-resolution-arrow-path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #00000073);transition:d .1s,opacity .12s}.fh-tv-resolution-arrow-path--resolve-strong{color:#f0a000;opacity:.95}.fh-tv-resolution-arrow-path--resolve-soft{color:var(--purple,#b89dfa);opacity:.82;stroke-dasharray:3 3}.fh-tv-resolution-arrow-label{fill:#f4f8ffe6;font-family:var(--mono);letter-spacing:0;paint-order:stroke;stroke:#040712b8;stroke-width:2.4px;font-size:8px;font-weight:800}.fh-tv-target-band-summary{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.fh-tv-target-band{transition:none!important}.fh-tv-resolution-arrow-path{transition:none!important;animation:none!important}.fh-tv-mode-button{transition:none!important}}.fh-tv-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:440px;display:flex}.fhrx-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;margin-top:2px;display:flex}.fhrx-btn{appearance:none;color:var(--text);cursor:pointer;font-family:var(--mono);background:#0f172ac7;border:1px solid #ffffff1f;border-radius:6px;min-width:0;padding:6px 8px;font-size:.58rem;font-weight:700;line-height:1.2}.fhrx-btn:hover{background:#1e293bdb;border-color:#ffffff38}.fhrx-btn:disabled{cursor:default;opacity:.62}.fhrx-feedback{min-width:0;color:var(--faint);font-size:.58rem;line-height:1.3}.fhrx-fallback{box-sizing:border-box;resize:vertical;width:100%;min-width:0;max-width:100%;min-height:86px;color:var(--text);font-family:var(--mono);background:#020617c2;border:1px solid #ffffff1a;border-radius:6px;flex:1 0 100%;padding:7px;font-size:.58rem;line-height:1.35}.fh-tv-mode-stack{gap:3px;min-width:0;max-width:230px;display:grid}.fh-tv-mode-toggle{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:2px;min-height:28px;padding:2px;display:inline-flex}.fh-tv-mode-button{color:var(--muted);cursor:pointer;font-family:var(--mono);text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:999px;min-height:22px;padding:4px 7px;font-size:.6rem;font-weight:700;line-height:1;transition:background .12s,border-color .12s,color .12s}.fh-tv-mode-button:hover{color:var(--text)}.fh-tv-mode-button--active{color:var(--text);text-underline-offset:2px;background:#ffffff1f;border-color:#ffffff47;text-decoration:underline}.fh-tv-mode-help{min-width:0;color:var(--faint);text-align:right;font-size:.6rem;line-height:1.3}.fh-tv-live-button{border:1px solid var(--border);cursor:pointer;font-family:var(--mono);text-transform:uppercase;border-radius:4px;min-height:28px;padding:6px 9px;font-size:.66rem;font-weight:700;line-height:1}.fh-tv-live-button--start{color:var(--teal);background:#00f0cc1f;border-color:#00f0cc8c}.fh-tv-live-button--stop{color:var(--muted);background:#ffffff0a}.fh-tv-live-button:hover:not(:disabled){filter:brightness(1.12)}.fh-tv-live-button:disabled{cursor:not-allowed;opacity:.45}.fh-tv-live-status{color:var(--muted);font-family:var(--mono);text-align:center;text-transform:uppercase;border:1px solid #ffffff1f;border-radius:999px;min-width:64px;padding:5px 8px;font-size:.62rem;font-weight:700;line-height:1}.fh-tv-live-status--idle,.fh-tv-live-status--stopped,.fh-tv-live-status--starting{background:#ffffff0a}.fh-tv-live-status--listening{color:var(--teal);background:#00f0cc1f;border-color:#00f0cc8c}.fh-tv-live-status--error{color:#ff6b7a;background:#ff4b5c1f;border-color:#ff4b5c8c}.fh-tv-live-control-message{color:var(--muted);font-family:var(--mono);text-align:right;flex-basis:100%;font-size:.64rem;line-height:1.25}.fh-tv-btn{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:4px 10px;font-size:.7rem;transition:all .2s}.fh-tv-btn:hover:not(:disabled){border-color:var(--muted);background:#ffffff1a}.fh-tv-btn:disabled{opacity:.4;cursor:not-allowed}.ftl-live-roll{margin-top:4px;display:block}.ftl-live-roll .fh-topline-visualizer{background:linear-gradient(180deg, #ffffff05, #0000001a), var(--bg-card);gap:10px;min-height:360px;margin-top:0;padding:14px 14px 12px}.ftl-live-roll .fh-topline-visualizer--starter{box-sizing:border-box;height:590px;min-height:590px;max-height:590px;overflow:hidden}.ftl-live-roll .fh-tv-header{flex-wrap:wrap;gap:8px 12px}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-header{flex:0 0 76px;min-height:76px;max-height:76px;overflow:hidden}.ftl-live-roll .fh-tv-title{letter-spacing:.02em;font-size:.82rem}.ftl-live-roll .fh-tv-controls{max-width:none}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-controls{min-height:52px;max-height:52px;overflow:hidden}.ftl-live-roll .fh-tv-live-status{justify-content:center;align-items:center;min-width:82px;min-height:24px;display:inline-flex}.ftl-live-roll .fh-tv-live-control-message{text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:18px;line-height:18px;overflow:hidden}.ftl-live-roll .fh-tv-grid,.ftl-live-roll .fh-tv-empty-state{border-radius:8px;flex:auto;min-height:220px}.ftl-live-roll .fh-tv-grid{background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 34px),#00000038;flex-wrap:wrap;place-content:center}.ftl-live-roll .fh-tv-grid.fh-tv-grid--compact-empty{background:#0000002e;border-color:#fff1;flex:none;place-content:center flex-start;height:46px;min-height:46px;max-height:46px;padding:8px 10px}.ftl-live-roll .fh-tv-grid.fh-tv-grid--compact-empty .fh-tv-empty-state{text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;height:28px;min-height:0;max-height:28px;overflow:hidden}.ftl-live-roll .fh-tv-live{flex:auto;gap:10px;padding:10px}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-live{box-sizing:border-box;flex:0 0 410px;grid-template-rows:344px 28px;gap:10px;height:410px;min-height:410px;max-height:410px;display:grid;overflow:hidden}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-live.fh-tv-live--detail-open{flex:none;grid-template-rows:344px auto;height:auto;min-height:410px;max-height:none;overflow:visible}.ftl-live-roll .fh-tv-starter-guide{order:0}.ftl-live-roll .fh-tv-starter-detail,.ftl-live-roll .fh-tv-pitch-trail{order:1}.ftl-live-roll .fh-tv-live-current{order:2}.ftl-live-roll .fh-tv-live-history{order:3}.ftl-live-roll .fh-tv-starter-guide{box-sizing:border-box;background:linear-gradient(#00f0cc12,#ffffff06),#060c14b8;border:1px solid #00f0cc47;border-radius:7px;grid-template-rows:18px 26px 112px 48px 28px 34px;gap:10px;height:344px;min-height:344px;max-height:344px;padding:14px;display:grid;overflow:hidden}.ftl-live-roll .fh-tv-live--advanced .fh-tv-starter-guide{display:none}.ftl-live-roll .fh-tv-starter-guide-head{justify-content:space-between;align-items:center;gap:10px;min-height:18px;display:flex;overflow:hidden}.ftl-live-roll .fh-tv-starter-guide-title{color:var(--text);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.ftl-live-roll .fh-tv-starter-feedback{color:var(--muted);font-family:var(--mono);text-transform:uppercase;border:1px solid #ffffff24;border-radius:999px;flex:none;padding:4px 8px;font-size:.64rem;font-weight:700;line-height:1}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-starter-guide-head .fh-tv-starter-feedback{display:none}.ftl-live-roll .fh-tv-starter-context{width:fit-content;max-width:100%;height:24px;color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;padding:5px 9px;font-size:.64rem;line-height:1.2;overflow:hidden}.ftl-live-roll .fh-tv-starter-hero{grid-template-rows:42px 28px 22px;gap:8px;min-height:108px;display:grid;overflow:hidden}.ftl-live-roll .fh-tv-starter-target-action{color:var(--text);overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;min-height:42px;font-size:2.35rem;font-weight:800;line-height:42px;overflow:hidden}.ftl-live-roll .fh-tv-starter-main-status{color:var(--teal,#00d4b4);overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;min-height:28px;font-size:1.28rem;font-weight:800;line-height:28px;overflow:hidden}.ftl-live-roll .fh-tv-starter-guide[data-feedback=low] .fh-tv-starter-main-status,.ftl-live-roll .fh-tv-starter-guide[data-feedback=high] .fh-tv-starter-main-status{color:#f3b64d}.ftl-live-roll .fh-tv-starter-guide[data-feedback=outside] .fh-tv-starter-main-status{color:#fca5a5}.ftl-live-roll .fh-tv-starter-guide[data-feedback=waiting] .fh-tv-starter-main-status{color:var(--muted)}.ftl-live-roll .fh-tv-starter-detected-line{color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;min-height:22px;font-size:.92rem;line-height:22px;overflow:hidden}.ftl-live-roll .fh-tv-starter-meter{gap:7px;min-height:48px;display:grid;overflow:hidden}.ftl-live-roll .fh-tv-starter-meter-labels{color:var(--muted);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;font-size:.58rem;display:flex}.ftl-live-roll .fh-tv-starter-meter-track{background:linear-gradient(90deg,#f0a0002e,#00f0cc33 45%,#00f0cc4d 50%,#00f0cc33 55%,#f0a0002e);border:1px solid #ffffff1f;border-radius:999px;height:18px;position:relative;overflow:hidden}.ftl-live-roll .fh-tv-starter-meter-fill{background:#ffffff1f;width:0;position:absolute;top:0;bottom:0}.ftl-live-roll .fh-tv-starter-meter-center{background:#ffffffd6;border-radius:999px;width:3px;position:absolute;top:2px;bottom:2px;left:50%;transform:translate(-50%)}.ftl-live-roll .fh-tv-starter-meter-needle{background:var(--text);border:2px solid #080c16e6;border-radius:999px;width:16px;height:16px;transition:left .28s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff1f}.ftl-live-roll .fh-tv-starter-meter--target .fh-tv-starter-meter-needle{background:var(--teal,#00f0cc);box-shadow:0 0 0 5px #00f0cc2e}.ftl-live-roll .fh-tv-starter-meter--outside .fh-tv-starter-meter-needle{background:#fca5a5}.ftl-live-roll .fh-tv-starter-feedback--target,.ftl-live-roll .fh-tv-starter-feedback--close{color:var(--teal,#00d4b4);background:#00f0cc1f;border-color:#00f0cc7a}.ftl-live-roll .fh-tv-starter-feedback--low,.ftl-live-roll .fh-tv-starter-feedback--high{color:#f3b64d;background:#f0a0001f;border-color:#f0a00073}.ftl-live-roll .fh-tv-starter-feedback--outside{color:#fca5a5;background:#f871711f;border-color:#f8717170}.ftl-live-roll .fh-tv-starter-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-starter-guide-grid{display:none}.ftl-live-roll .fh-tv-starter-field{background:#ffffff09;border:1px solid #ffffff13;border-radius:6px;min-width:0;padding:7px 8px}.ftl-live-roll .fh-tv-starter-label{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:.55rem;line-height:1.2;display:block}.ftl-live-roll .fh-tv-starter-value{min-width:0;color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;margin-top:3px;font-size:.88rem;line-height:1.15;display:block}.ftl-live-roll .fh-tv-starter-instruction{color:var(--teal,#00d4b4);font-family:var(--mono);overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;min-height:28px;font-size:1.02rem;font-weight:700;line-height:28px;overflow:hidden}.ftl-live-roll .fh-tv-starter-state-trail-wrap{grid-template-rows:10px 22px;gap:6px;min-height:34px;display:grid;overflow:hidden}.ftl-live-roll .fh-tv-starter-state-trail-label{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:.55rem}.ftl-live-roll .fh-tv-starter-state-trail{scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap;gap:6px;min-height:22px;max-height:22px;display:flex;overflow:auto hidden}.ftl-live-roll .fh-tv-starter-state-trail::-webkit-scrollbar{display:none}.ftl-live-roll .fh-tv-starter-state-chip{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;flex:none;max-width:128px;padding:4px 8px;font-size:.64rem;font-weight:700;line-height:12px;overflow:hidden}.ftl-live-roll .fh-tv-starter-state-chip--target,.ftl-live-roll .fh-tv-starter-state-chip--close{color:var(--teal,#00d4b4);background:#00f0cc1a;border-color:#00f0cc57}.ftl-live-roll .fh-tv-starter-state-chip--low,.ftl-live-roll .fh-tv-starter-state-chip--high{color:#f3b64d;background:#f0a0001a;border-color:#f0a00057}.ftl-live-roll .fh-tv-starter-state-chip--outside{color:#fca5a5;background:#f871711a;border-color:#f8717157}.ftl-live-roll .fh-tv-starter-detail{box-sizing:border-box;min-width:0;height:28px;min-height:28px;max-height:28px;display:block;overflow:hidden}.ftl-live-roll .fh-tv-starter-detail-summary{cursor:pointer;width:fit-content;color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:.68rem;line-height:20px;overflow:hidden}.ftl-live-roll .fh-tv-starter-detail-help{color:var(--faint);margin:-2px 0 8px;font-size:.6rem;line-height:1.3}.ftl-live-roll .fh-tv-starter-detail:not([open]) .fh-tv-starter-detail-help{display:none}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-starter-detail[open]{height:auto;min-height:0;max-height:none;overflow:visible}.ftl-live-roll .fh-tv-live--advanced .fh-tv-starter-detail[open] .fh-tv-starter-detail-summary{margin-bottom:8px}.ftl-live-roll .fh-tv-live--advanced .fh-tv-starter-detail-summary{display:none}.ftl-live-roll .fh-tv-live--advanced .fh-tv-starter-detail{height:auto;min-height:0;max-height:none;display:block;overflow:visible}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-legend,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-harmonic-card,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-live-history,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-live-current,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-pitch-dot-wrap{display:none}.ftl-live-roll .fh-tv-pitch-trail{background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 28px),#0000003d;border-color:#ffffff17;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px;min-height:240px;padding:8px 10px}.ftl-live-roll .fh-tv-pitch-trail-label{opacity:.85;font-size:.56rem}.ftl-live-roll .fh-tv-pitch-trail-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:4px;min-height:0}.ftl-live-roll .fh-tv-pitch-trail-svg{height:100%;min-height:210px}.ftl-live-roll .fh-tv-pitch-trail-line{stroke:#ffffff80;stroke-width:2px;vector-effect:non-scaling-stroke}.ftl-live-roll .fh-tv-pitch-trail-point{vector-effect:non-scaling-stroke}.ftl-live-roll .fh-tv-pitch-axis-line{stroke:#ffffff13}.ftl-live-roll .fh-tv-pitch-axis-label{fill:#e2ebf7d1;font-size:10px}.ftl-live-roll .fh-tv-pitch-trail-summary{white-space:normal;font-size:.6rem}.ftl-live-roll .fh-tv-target-band{opacity:.4}.ftl-live-roll .fh-tv-target-band--core{opacity:.34}.ftl-live-roll .fh-tv-target-band--root{opacity:.42}.ftl-live-roll .fh-tv-target-band--third{opacity:.36}.ftl-live-roll .fh-tv-target-band--fifth{opacity:.32}.ftl-live-roll .fh-tv-target-band--seventh{opacity:.28}.ftl-live-roll .fh-tv-target-band--chord-ext{opacity:.3}.ftl-live-roll .fh-tv-target-band--safe{opacity:.26}.ftl-live-roll .fh-tv-target-band--color{opacity:.32}.ftl-live-roll .fh-tv-target-band--tension{opacity:.3}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-target-band{opacity:.08}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-target-band--root,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-target-band--third,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-target-band--fifth,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-target-band--seventh,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-target-band--chord-ext{opacity:.18}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-target-band--starter-primary{opacity:.62;filter:drop-shadow(0 0 8px #00f0cc3d)}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-pitch-trail-line{stroke:#ffffff94}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-pitch-trail-point--color,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-pitch-trail-point--tension,.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-pitch-trail-point--outside{fill:#e2ebf7b8;opacity:.82}.ftl-live-roll .fh-tv-resolution-arrow-path--resolve-strong{stroke-width:2.4px}.ftl-live-roll .fh-tv-resolution-arrow-path--resolve-soft{stroke-width:2px}.ftl-live-roll .fh-tv-resolution-arrow-label{font-size:10px}.ftl-live-roll .fh-tv-live-current{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:6px;padding:0}.ftl-live-roll .fh-tv-harmonic-card{background:linear-gradient(#ffffff09,#0000001a),#ffffff05;border-color:#ffffff13}.ftl-live-roll .fh-tv-pitch-dot-wrap{background:0 0;margin:0}.ftl-live-roll .fh-tv-pitch-dot-label{font-size:.92rem}.ftl-live-roll .fh-tv-live-note{min-width:88px;font-size:.82rem}.ftl-live-roll .fh-tv-live-meta{white-space:normal;font-size:.72rem}.fh-tv-live-guidance-msg{color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;min-height:0;font-size:.72rem;line-height:1.35}.fh-tv-live-guidance-msg:empty{display:none}.fh-tv-live-guidance-msg .fh-tv-guidance-suggestion{color:var(--teal,#00d4b4);font-weight:700}.ftl-live-roll .fh-tv-live-history{opacity:.78;gap:4px;max-height:46px;overflow:hidden}.ftl-live-roll .fh-tv-live-history .fh-tv-live-chip{padding:3px 6px;font-size:.55rem}.ftl-live-roll .fh-tv-live-label{font-size:.58rem}@media (width<=768px){.ftl-live-roll .fh-topline-visualizer{min-height:300px;padding:10px}.ftl-live-roll .fh-topline-visualizer--starter{height:640px;min-height:640px;max-height:640px}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-header{flex-basis:126px;min-height:126px;max-height:126px}.ftl-live-roll .fh-topline-visualizer--starter .fh-tv-controls{min-height:94px;max-height:94px}.ftl-live-roll .fh-tv-pitch-trail{min-height:190px}.ftl-live-roll .fh-tv-pitch-trail-svg{min-height:170px}.ftl-live-roll .fh-tv-pitch-axis-label{font-size:8px}.ftl-live-roll .fh-tv-starter-target-action{font-size:1.75rem}.ftl-live-roll .fh-tv-starter-guide-head{flex-direction:column;align-items:flex-start}.ftl-live-roll .fh-tv-starter-guide-grid,.ftl-live-roll .fh-tv-harmonic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ftl-live-roll .fh-tv-hg-field[data-fh-hg=confidence]{grid-column:1/-1}.ftl-live-roll .fh-tv-controls{justify-content:flex-start}}@media (width<=430px){.fh-tv-resolution-arrow-label{display:none}.fh-tv-harmonic-head{flex-direction:column;align-items:flex-start}.ftl-live-roll .fh-tv-harmonic-grid,.ftl-live-roll .fh-tv-starter-guide-grid{grid-template-columns:minmax(0,1fr)}.ftl-live-roll .fh-tv-hg-field[data-fh-hg=confidence]{grid-column:auto}}.fh-ws-panel-hidden{display:none!important}.fh-ws-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:5px 14px;font-family:inherit;display:flex}.fh-ws-toolbar--fixed{z-index:1001;border-bottom:1px solid var(--border);border-left:1px solid var(--border);border-bottom-left-radius:8px;width:auto;position:fixed;top:0;right:0}.fh-ws-toolbar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.6rem;font-weight:600}.fh-ws-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fh-ws-btn{appearance:none;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:4px 10px;font-size:.68rem;line-height:1;transition:background .15s,color .15s,border-color .15s}.fh-ws-btn:hover{color:var(--text);background:#ffffff17}.fh-ws-btn:focus-visible{outline:2px solid var(--purple);outline-offset:1px}.fh-ws-btn[aria-pressed=true]{color:var(--text);border-color:var(--purple);background:#b89dfa29}.fh-ws-btn-legacy{margin-left:auto;display:none!important}body.mobile-studio .fh-ws-toolbar{display:none!important}.fh-ws-mode-btn[aria-pressed=true]{font-weight:600}.main-wrapper.fh-ws-mode-topline>#fhWsToolbar{order:0}.main-wrapper.fh-ws-mode-topline>#composerPanel{flex:none;order:1;max-height:24vh;overflow-y:auto}.main-wrapper.fh-ws-mode-topline>#toplineLab{flex:auto;order:2;min-height:0;max-height:none;overflow-y:auto}.main-wrapper.fh-ws-mode-topline>.workspace-grid,.main-wrapper.fh-ws-mode-edit>.workspace-grid{display:none}.main-wrapper.fh-ws-mode-edit>#composerPanel{flex:none}.main-wrapper.fh-ws-mode-edit>#bottomPanel{flex:auto;height:auto;min-height:0;max-height:none}@media (width<=700px){body.has-context-panel .app-layout:has(.main-wrapper.fh-ws-mode-topline){height:auto;min-height:100vh;margin-top:0;overflow:hidden auto}body.has-context-panel .app-layout:has(.main-wrapper.fh-ws-mode-topline) .sidebar{display:none}body.has-context-panel:has(.main-wrapper.fh-ws-mode-topline) .app-header{display:none}body.has-context-panel .main-wrapper.fh-ws-mode-topline{width:100%;min-width:0;margin-left:0;overflow:hidden visible}.main-wrapper.fh-ws-mode-topline>#fhWsToolbar,.main-wrapper.fh-ws-mode-topline>#composerPanel,.main-wrapper.fh-ws-mode-topline>#toplineLab{width:100%;min-width:0;max-width:100%}.main-wrapper.fh-ws-mode-topline>#composerPanel{overflow-x:auto}}.fh-tr-send{background:#0000002e;border:1px solid #00d4b42e;border-radius:6px;flex-direction:column;gap:8px;min-width:0;margin-top:8px;padding:10px;display:flex}.fh-tr-send-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fh-tr-send-title{color:var(--text);font-size:.72rem;font-weight:700;line-height:1.25}.fh-tr-send-range{color:var(--faint);font-family:var(--mono);margin-top:2px;font-size:.58rem}.fh-tr-send-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.fh-tr-send-context,.fh-tr-send-alert,.fh-tr-send-result{border-radius:4px;padding:6px 7px;font-size:.64rem;line-height:1.35}.fh-tr-send-context{color:var(--muted);background:#ffffff09}.fh-tr-send-alert{color:var(--gold);background:#fcd34d14;border:1px solid #fcd34d3d}.fh-tr-send-result{color:var(--teal,#00d4b4);background:#00d4b414;border:1px solid #00d4b438;flex-direction:column;gap:2px;display:flex}.fh-tr-send-result span{color:var(--muted)}.fh-tr-send-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.fh-tr-send-summary span{min-width:0;color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;padding:5px 6px;font-size:.56rem;line-height:1.25}.fh-tr-send-list{flex-direction:column;gap:5px;min-width:0;display:flex}.fh-tr-send-candidate{background:#ffffff06;border:1px solid #ffffff14;border-radius:4px;grid-template-columns:28px minmax(46px,.55fr) minmax(76px,1.1fr) minmax(54px,.65fr) minmax(44px,.55fr) minmax(74px,.8fr) minmax(110px,1.3fr);align-items:center;gap:6px;min-width:0;padding:6px;display:grid}.fh-tr-send-candidate--selected{background:#00d4b412;border-color:#00d4b452}.fh-tr-send-candidate--warning{border-color:#fcd34d33}.fh-tr-send-checkwrap{justify-content:center;align-items:center;display:flex}.fh-tr-send-checkbox{width:18px;height:18px;accent-color:var(--teal,#00d4b4)}.fh-tr-send-note{color:var(--text);font-family:var(--mono);font-size:.78rem;font-weight:700}.fh-tr-send-meta,.fh-tr-send-measure,.fh-tr-send-warnings{overflow-wrap:anywhere;min-width:0;line-height:1.25}.fh-tr-send-meta strong,.fh-tr-send-meta span{display:block}.fh-tr-send-meta strong{color:var(--text);font-size:.64rem}.fh-tr-send-meta span,.fh-tr-send-measure,.fh-tr-send-warnings{color:var(--muted);font-size:.6rem}.fh-tr-send-measure{font-family:var(--mono)}.fh-tr-send-warnings{color:var(--gold)}.fh-tr-send-empty{color:var(--faint);text-align:center;padding:8px;font-size:.66rem}@media (width<=768px){.fh-tr-send-head{flex-direction:column}.fh-tr-send-actions{justify-content:flex-start}.fh-tr-send-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.fh-tr-send-candidate{grid-template-columns:30px minmax(50px,.5fr) minmax(0,1fr)}.fh-tr-send-measure,.fh-tr-send-warnings{grid-column:2/-1}}@media (width<=420px){.fh-tr-send{padding:8px}.fh-tr-send-summary{grid-template-columns:1fr 1fr}.fh-tr-send-candidate{grid-template-columns:34px minmax(0,1fr);gap:5px}.fh-tr-send-checkbox{width:22px;height:22px}.fh-tr-send-note,.fh-tr-send-meta,.fh-tr-send-measure,.fh-tr-send-warnings{grid-column:2/-1}}.fh-ptc{background:#0a0e1670;border:1px solid #93c5fd2e;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.fh-ptc-head{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.fh-ptc-copy{min-width:0}.fh-ptc-title{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.fh-ptc-badges{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.fh-ptc-badges span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 6px;font-size:.52rem}.fh-ptc-status{color:var(--muted);text-align:right;flex:auto;font-size:.6rem;line-height:1.35}.fh-ptc-copy-list{color:var(--muted);flex-direction:column;gap:2px;margin:0;padding-left:16px;font-size:.6rem;line-height:1.35;display:flex}.fh-ptc-controls{flex-wrap:wrap;gap:8px;display:flex}.fh-ptc-open{border:1px solid var(--border);color:var(--text);cursor:pointer;opacity:1;background:#ffffff0a;border-radius:6px;flex:none;padding:6px 10px;font-size:.62rem;font-weight:600}.fh-ptc-open[disabled]{color:var(--muted);cursor:not-allowed;opacity:.55}.fh-ptc-interactive{flex-direction:column;gap:6px;margin-top:4px;display:flex}.fh-ptc-demo-note{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;font-size:.55rem}.fh-ptc-suggestions{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fh-ptc-suggestion{border:1px solid var(--border);background:#ffffff08;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:flex}.fh-ptc-suggestion-label{min-width:0;color:var(--text);flex:auto;font-size:.6rem}.fh-ptc-suggestion[data-accept-state=accepted]{border-color:#6ee7b780}.fh-ptc-suggestion[data-accept-state=rejected]{opacity:.55}.fh-ptc-suggestion[data-accept-state=appended]{opacity:.8;border-color:#93c5fd80}.fh-ptc-accept,.fh-ptc-reject{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:5px;flex:none;padding:3px 8px;font-size:.58rem;font-weight:600}.fh-ptc-result{color:var(--muted);font-size:.58rem;line-height:1.35}.fh-ptc-actions{flex-wrap:wrap;gap:8px;display:flex}.fh-ptc-actions button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:5px 10px;font-size:.6rem;font-weight:600}.fh-ptc-actions button[disabled]{cursor:not-allowed;opacity:.5}@media (width<=720px){.fh-ptc-head{flex-direction:column}.fh-ptc-status{text-align:left}.fh-ptc-suggestion{align-items:flex-start}}.fh-audio-telemetry{background:#0a0e1670;border:1px solid #93c5fd2e;border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.fh-audio-telemetry-head{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.fh-audio-telemetry-copy{min-width:0}.fh-audio-telemetry-title{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.fh-audio-telemetry-hint,.fh-audio-telemetry-status{color:var(--muted);font-size:.62rem;line-height:1.35}.fh-audio-telemetry-run{min-height:32px;color:var(--blue,#93c5fd);background:#93c5fd1a;border:1px solid #93c5fd52;border-radius:6px;flex:none;padding:6px 10px;font-size:.64rem;font-weight:700;line-height:1.1}.fh-audio-telemetry-run:hover{background:#93c5fd29;border-color:#93c5fd94}.fh-audio-telemetry-run:disabled{cursor:wait;opacity:.6}.fh-audio-telemetry-result{flex-direction:column;gap:8px;min-width:0;display:flex}.fh-audio-telemetry-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.fh-audio-telemetry-chip{min-width:0;color:var(--muted);background:#ffffff09;border:1px solid #ffffff17;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:.58rem;line-height:1.25;display:flex}.fh-audio-telemetry-chip span{overflow-wrap:anywhere;min-width:0}.fh-audio-telemetry-chip strong{color:var(--text);text-transform:uppercase;flex:none;font-size:.56rem}.fh-audio-telemetry-chip--supported{background:#86efac14;border-color:#86efac42}.fh-audio-telemetry-chip--partial,.fh-audio-telemetry-chip--risky,.fh-audio-telemetry-chip--not-ready{background:#fcd34d12;border-color:#fcd34d3d}.fh-audio-telemetry-chip--blocked{background:#fca5a512;border-color:#fca5a53d}.fh-audio-telemetry-details{background:#00000029;border:1px solid #ffffff14;border-radius:6px;min-width:0}.fh-audio-telemetry-details summary{min-height:30px;color:var(--muted);cursor:pointer;text-transform:uppercase;padding:7px 8px;font-size:.6rem;font-weight:700}.fh-audio-telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 8px 8px;display:grid}.fh-audio-telemetry-grid div{background:#ffffff08;border-radius:5px;min-width:0;padding:6px}.fh-audio-telemetry-grid dt{color:var(--faint);text-transform:uppercase;font-size:.54rem}.fh-audio-telemetry-grid dd{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:2px 0 0;font-size:.6rem;line-height:1.35}.fh-audio-telemetry-json{max-height:220px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;background:#00000047;border-radius:5px;margin:0 8px 8px;padding:8px;font-size:.56rem;line-height:1.35;overflow:auto}.fh-audio-telemetry-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0 8px 8px;display:grid}.fh-audio-telemetry-summary div{background:#ffffff08;border-left:2px solid #ffffff1f;border-radius:5px;min-width:0;padding:6px 8px}.fh-audio-telemetry-summary dt{color:var(--faint);text-transform:uppercase;font-size:.54rem}.fh-audio-telemetry-summary dd{color:var(--text);overflow-wrap:anywhere;margin:2px 0 0;font-size:.62rem;line-height:1.35}.fh-audio-telemetry-summary[data-tone=success] div{border-left-color:#00f0cc66}.fh-audio-telemetry-summary[data-tone=warning] div{border-left-color:#f0a00073}.fh-audio-telemetry-summary[data-tone=error] div{border-left-color:#f8717180}@media (width<=768px){.fh-audio-telemetry-head{flex-direction:column}.fh-audio-telemetry-run{width:100%;min-height:38px}.fh-audio-telemetry-chips,.fh-audio-telemetry-grid,.fh-audio-telemetry-summary{grid-template-columns:minmax(0,1fr)}}.fh-audio-dry-monitor{background:#0812127a;border:1px solid #2dd4bf38;border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.fh-audio-dry-monitor[hidden]{display:none!important}.fh-audio-dry-monitor-head{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.fh-audio-dry-monitor-copy{min-width:0}.fh-audio-dry-monitor-title{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.fh-audio-dry-monitor-badges{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.fh-audio-dry-monitor-badges span,.fh-audio-dry-monitor-status{min-height:22px;color:var(--teal,#2dd4bf);text-transform:uppercase;background:#2dd4bf14;border:1px solid #2dd4bf47;border-radius:999px;padding:3px 7px;font-size:.55rem;font-weight:700;line-height:1.2}.fh-audio-dry-monitor-status{color:var(--muted);background:#ffffff0b;border-color:#ffffff1f;flex:none}.fh-audio-dry-monitor[data-state=active] .fh-audio-dry-monitor-status{color:#86efac;background:#86efac1a;border-color:#86efac52}.fh-audio-dry-monitor[data-state=blocked] .fh-audio-dry-monitor-status,.fh-audio-dry-monitor[data-state=error] .fh-audio-dry-monitor-status{color:#fca5a5;background:#fca5a514;border-color:#fca5a552}.fh-audio-dry-monitor-copy-list{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin:0;padding-left:16px;font-size:.6rem;line-height:1.35;display:grid}.fh-audio-dry-monitor-copy-list li{overflow-wrap:anywhere;min-width:0}.fh-audio-dry-monitor-message{min-height:24px;color:var(--muted);overflow-wrap:anywhere;background:#00000029;border:1px solid #ffffff14;border-radius:6px;padding:6px 8px;font-size:.62rem;line-height:1.35}.fh-audio-dry-monitor-check{min-width:0;color:var(--text);align-items:center;gap:8px;font-size:.64rem;line-height:1.35;display:inline-flex}.fh-audio-dry-monitor-check input{flex:none;width:16px;height:16px}.fh-audio-dry-monitor-controls{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.fh-audio-dry-monitor-start,.fh-audio-dry-monitor-stop{border-radius:6px;min-height:34px;padding:7px 10px;font-size:.64rem;font-weight:700;line-height:1.1}.fh-audio-dry-monitor-start{color:var(--teal,#2dd4bf);background:#2dd4bf1a;border:1px solid #2dd4bf5c}.fh-audio-dry-monitor-start:hover{background:#2dd4bf29;border-color:#2dd4bf99}.fh-audio-dry-monitor-stop{color:#fca5a5;background:#f8717124;border:1px solid #f8717173}.fh-audio-dry-monitor-start:disabled,.fh-audio-dry-monitor-stop:disabled{cursor:not-allowed;opacity:.58}.fh-audio-dry-monitor-volume{min-width:0;color:var(--muted);grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:8px;font-size:.62rem;display:grid}.fh-audio-dry-monitor-volume input{width:100%;min-width:0}.fh-audio-dry-monitor-volume strong{color:var(--text);font-family:var(--mono,monospace);text-align:right;font-size:.6rem}.fh-audio-dry-monitor-active-warning{color:#fde68a;background:#fcd34d17;border:1px solid #fcd34d57;border-radius:6px;padding:8px 9px;font-size:.64rem;font-weight:700;line-height:1.35}@media (width<=768px){.fh-audio-dry-monitor-head{flex-direction:column}.fh-audio-dry-monitor-copy-list{grid-template-columns:minmax(0,1fr)}.fh-audio-dry-monitor-controls{flex-direction:column}.fh-audio-dry-monitor-start,.fh-audio-dry-monitor-stop{width:100%;min-height:40px}.fh-audio-dry-monitor-volume{grid-template-columns:minmax(0,1fr) 42px}.fh-audio-dry-monitor-volume span{grid-column:1/-1}}.fh-tv-style-profile{min-width:0;color:var(--fh-muted,#64748b);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.fh-tv-style-profile-label{font-weight:700}.fh-tv-style-profile-select{min-width:116px;max-width:150px;height:32px;color:var(--fh-ink,#0f172a);font:inherit;background:#ffffffeb;border:1px solid #64748b59;border-radius:8px;padding:0 28px 0 10px}@media (width<=480px){.fh-tv-style-profile{justify-content:space-between;width:100%}.fh-tv-style-profile-select{flex:auto;max-width:100%}}.fpe-overlay{z-index:1200;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.fpe-overlay[hidden]{display:none}.fpe-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040408b8;position:absolute;inset:0}.fpe-dialog{background:var(--surface-4,#2a2a3af5);border:1px solid var(--border-2,#ffffff26);border-radius:14px;outline:none;flex-direction:column;gap:12px;width:min(960px,100%);max-height:calc(100vh - 36px);padding:16px 18px 18px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 60px #0000008c}.fpe-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fpe-title{color:var(--text,#f0f0f5);letter-spacing:.01em;font-size:.98rem;font-weight:600}.fpe-subtitle{color:var(--muted,#8a8aab);max-width:52ch;margin-top:3px;font-size:.72rem}.fpe-context{flex-wrap:wrap;gap:6px;display:flex}.fpe-chip{border:1px solid var(--border,#ffffff14);background:var(--surface-2,#1a1a2466);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;display:inline-flex}.fpe-chip-k{color:var(--muted,#8a8aab);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem}.fpe-chip-v{color:var(--text,#f0f0f5);font-weight:600}.fpe-graph-wrap{border:1px solid var(--border,#ffffff14);background:linear-gradient(180deg, #00f0cc08, transparent 40%), var(--bg,#060608);border-radius:10px;min-height:120px;position:relative}.fpe-graph{padding:8px 8px 10px;overflow:auto hidden}.fpe-svg{display:block}.fpe-empty{text-align:center;color:var(--muted,#8a8aab);padding:28px 16px;font-size:.78rem}.fpe-grid-line{stroke:#ffffff0d;stroke-width:1px}.fpe-grid-line--octave{stroke:#ffffff1f}.fpe-grid-vline{stroke:#ffffff0d;stroke-width:1px}.fpe-grid-label{fill:var(--muted,#8a8aab);font-family:var(--mono,monospace);font-size:9px}.fpe-grid-label--octave{fill:var(--text,#f0f0f5);font-weight:600}.fpe-axis-label{fill:var(--muted,#8a8aab);font-family:var(--mono,monospace);font-size:8.5px}.fpe-curve{stroke:#f0f0f559;stroke-width:1.4px;stroke-dasharray:3 3}.fpe-curve--detected{stroke:#00f0cc8c;stroke-width:1.6px;stroke-dasharray:none}.fpe-curve--draft{stroke:#f0f0f552;stroke-width:1.4px;stroke-dasharray:3 3}.fpe-timeline-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fpe-curve-source{border:1px solid var(--border,#ffffff14);background:var(--surface-2,#1a1a2466);color:var(--muted,#8a8aab);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.66rem;display:inline-flex}.fpe-curve-source[data-src=detected]{color:var(--teal,#00f0cc);border-color:var(--teal-dim,#00b399)}.fpe-controls--timeline{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fpe-viewport-state{color:var(--muted,#8a8aab);font-size:.64rem;font-family:var(--mono,monospace);text-align:right;min-width:4.5em}.fpe-btn--zoom,.fpe-btn--pan{padding:4px 9px;font-size:.68rem}.fpe-btn--pan{font-size:.6rem}.fpe-seg{cursor:pointer;stroke-width:1px;fill:#8a8aab40;stroke:#8a8aab99;transition:filter .12s}.fpe-seg:hover{filter:brightness(1.25)}.fpe-seg--stable{fill:#00d4b44d;stroke:#00d4b4d9}.fpe-seg--color{fill:#60a5fa4d;stroke:#60a5fad9}.fpe-seg--tension{fill:#f472b64d;stroke:#f472b6d9}.fpe-seg--outside{fill:#f871714d;stroke:#f87171d9}.fpe-seg--unknown{fill:#8a8aab40;stroke:#8a8aab99}.fpe-seg--edited{stroke-dasharray:4 2;stroke-width:1.5px}.fpe-seg--selected{stroke:var(--teal,#00f0cc);stroke-width:2.5px;stroke-dasharray:none;filter:drop-shadow(0 0 5px var(--teal-glow,#00f0cc59))}.fpe-seg:focus-visible{stroke:var(--teal,#00f0cc);stroke-width:2.5px;outline:none}.fpe-seg-ghost{fill:none;stroke:#ffffff59;stroke-width:1px;stroke-dasharray:2 2;pointer-events:none}.fpe-seg-label{fill:var(--text,#f0f0f5);font-family:var(--mono,monospace);pointer-events:none;font-size:9px}.fpe-legend{color:var(--muted,#8a8aab);flex-wrap:wrap;gap:10px;font-size:.64rem;display:flex}.fpe-legend-item{align-items:center;gap:5px;display:inline-flex}.fpe-legend-swatch{border:1px solid;border-radius:3px;width:11px;height:11px;display:inline-block}.fpe-legend-swatch.fpe-seg--stable{background:#00d4b44d;border-color:#00d4b4d9}.fpe-legend-swatch.fpe-seg--color{background:#60a5fa4d;border-color:#60a5fad9}.fpe-legend-swatch.fpe-seg--tension{background:#f472b64d;border-color:#f472b6d9}.fpe-legend-swatch.fpe-seg--outside{background:#f871714d;border-color:#f87171d9}.fpe-legend-swatch--edited{border:1px dashed var(--text,#f0f0f5);background:0 0}.fpe-legend-swatch--detected{border:0;border-top:1.4px dashed #f0f0f599;border-radius:0;align-self:center;width:14px;height:0}.fpe-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fpe-selection{color:var(--text,#f0f0f5);flex-wrap:wrap;flex:220px;align-items:center;gap:5px;min-height:1.6em;font-size:.72rem;display:flex}.fpe-insp-empty{color:var(--muted,#8a8aab)}.fpe-insp-chip{border:1px solid var(--border,#ffffff14);background:var(--surface-2,#1a1a2466);border-radius:6px;align-items:baseline;gap:5px;padding:2px 7px;font-size:.68rem;display:inline-flex}.fpe-insp-chip--edited{border-color:var(--teal-dim,#00b399)}.fpe-insp-k{color:var(--muted,#8a8aab);text-transform:uppercase;letter-spacing:.05em;font-size:.58rem}.fpe-insp-v{color:var(--text,#f0f0f5);font-weight:600;font-family:var(--mono,monospace)}.fpe-context-note{color:var(--muted,#8a8aab);align-self:center;font-size:.66rem;font-style:italic}.fpe-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fpe-toolbar--musical{border-top:1px solid var(--border,#ffffff14);padding-top:8px}.fpe-controls-label{color:var(--muted,#8a8aab);text-transform:uppercase;letter-spacing:.06em;margin-right:2px;font-size:.66rem}.fpe-btn--snap{border-color:#60a5fa73}.fpe-btn--snap:hover:not(:disabled){border-color:var(--blue,#60a5fa)}.fpe-btn--preview{border-color:var(--teal-dim,#00b399);color:var(--teal,#00f0cc)}.fpe-btn{appearance:none;border:1px solid var(--border-2,#ffffff26);background:var(--surface-3,#22222f99);color:var(--text,#f0f0f5);cursor:pointer;border-radius:7px;padding:6px 11px;font-size:.72rem;transition:border-color .12s,background .12s,opacity .12s}.fpe-btn:hover:not(:disabled){border-color:var(--teal-dim,#00b399)}.fpe-btn:disabled{opacity:.4;cursor:not-allowed}.fpe-btn--send{border-color:var(--teal-dim,#00b399);background:var(--teal-glow2,#00f0cc1f);color:var(--teal,#00f0cc);font-weight:600}.fpe-btn--send:hover:not(:disabled){background:var(--teal-glow,#00f0cc40)}.fpe-btn--midi{color:#bfdbfe;background:#60a5fa1a;border-color:#60a5fa73;font-weight:600}.fpe-btn--midi:hover:not(:disabled){background:#60a5fa2e;border-color:#60a5fa}.fpe-btn--close{align-self:flex-start}.fpe-feedback{border:1px solid var(--border,#ffffff14);background:var(--surface-2,#1a1a2466);color:var(--text,#f0f0f5);border-radius:7px;padding:7px 10px;font-size:.72rem}.fpe-feedback[hidden]{display:none}.fpe-feedback[data-tone=success]{color:var(--green,#86efac);border-color:#86efac66}.fpe-feedback[data-tone=warning]{color:var(--orange,#fdba74);border-color:#fdba7466}.fpe-feedback[data-tone=error]{color:var(--red,#fca5a5);border-color:#fca5a566}.fpe-hint{color:var(--muted,#8a8aab);font-size:.66rem;line-height:1.4}.fpe-midi-hint{color:#9fb6d8;margin-top:-2px;font-size:.66rem;line-height:1.35}.ftm-btn--edit-pitch{border-color:var(--teal-dim,#00b399);color:var(--teal,#00f0cc)}@media (width<=640px){.fh-tv-mode-help{text-align:left}.fpe-dialog{gap:10px;padding:12px 12px 14px}.fpe-toolbar{flex-direction:column;align-items:stretch}.fpe-controls{width:100%}.fpe-btn{text-align:center;flex:auto}.fpe-btn--send,.fpe-btn--midi{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.fpe-seg{transition:none}}.groove-preview-wrap{flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:6px;display:flex}.groove-preview-strip{font-family:var(--mono);-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;font-size:.6rem;line-height:1;display:flex}.gp-row{align-items:center;gap:1px;display:flex}.gp-row-label{width:68px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;flex:none;font-size:.52rem}.gp-cell{text-align:center;color:#ffffff2e;flex:none;width:11px}.gp-cell.gp-beat{border-left:1px solid #ffffff1a}.gp-cell.gp-hit{color:var(--purple)}.gp-cell.gp-hit.gp-l1{opacity:.45;font-size:.55rem}.gp-cell.gp-hit.gp-l2{opacity:.8}.gp-cell.gp-hit.gp-l3{opacity:1;font-size:.75rem}.gp-cell.gp-note-kind{font-size:.58rem;font-weight:700}.groove-status-line{font-family:var(--mono);color:var(--faint);white-space:nowrap;font-size:.55rem}body.mobile-studio .groove-preview-wrap{flex-direction:column;align-items:flex-start}.groove-editor-panel{flex-direction:column;gap:12px;min-width:0;padding:16px 20px;display:none;overflow:auto}#bottomPanel.vv-mode-groove .groove-editor-panel{display:flex}#bottomPanel.vv-mode-groove .vv-roll-content,#bottomPanel.vv-mode-groove .piano-roll-header-row,#bottomPanel.vv-mode-groove .lower-controls-sidebar{display:none}.ge-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ge-title{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:.72rem}.ge-actions{gap:8px;display:flex}.ge-btn{font-family:var(--mono);cursor:pointer;color:var(--purple);background:#a78bfa0f;border:1px solid #a78bfa4d;border-radius:4px;padding:4px 12px;font-size:.62rem}.ge-btn:hover{background:#a78bfa24}.ge-btn.ge-reset{color:var(--muted);background:#ffffff0a;border-color:#ffffff24}.ge-btn:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.ge-grid{flex-wrap:wrap;gap:4px;display:flex}.ge-step{cursor:pointer;width:30px;height:34px;font-family:var(--mono);color:#ffffff47;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;flex:none;font-size:.8rem;line-height:1;transition:background .12s,border-color .12s,color .12s}.ge-step.ge-step--beat{border-left:2px solid #a78bfa59}.ge-step.is-active{color:var(--purple);background:#a78bfa29;border-color:#a78bfa8c}.ge-step:hover{border-color:#a78bfa73}.ge-step:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.ge-status{font-family:var(--mono);color:var(--faint);margin:0;font-size:.58rem}.chord-story-map-root{padding:var(--fh-panel-padding,16px);flex-direction:column;gap:16px;display:flex}.chord-story-map-root[hidden]{display:none!important}.chord-story-header{margin-bottom:8px}.chord-story-header h3{color:var(--text);margin:0;font-size:1rem}.chord-story-header p{color:var(--muted);margin:4px 0 0;font-size:.8rem}.chord-story-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.chord-story-card{border:1px solid var(--border);background:#ffffff08;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.chord-story-card-main{align-items:baseline;gap:12px;display:flex}.chord-story-degree{color:var(--text);opacity:.9;font-size:2.2rem;font-weight:800;line-height:1}.chord-story-chord{color:var(--text);font-size:1.6rem;font-weight:700;line-height:1}.chord-story-meta{flex-direction:column;gap:4px;display:flex}.chord-story-roman{font-family:var(--mono);color:var(--muted);font-size:.9rem;font-weight:600}.chord-story-role-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text);opacity:.9;font-size:.75rem;font-weight:700}.chord-story-card-footer{border-top:1px solid #ffffff0f;padding-top:10px}.chord-story-description{color:var(--muted);font-size:.8rem;line-height:1.4}.chord-story-role-home{border-left:3px solid #00d4b4}.chord-story-role-path{border-left:3px solid #3b82f6}.chord-story-role-intimate{border-left:3px solid #8b5cf6}.chord-story-role-opening{border-left:3px solid #f59e0b}.chord-story-role-tension{border-left:3px solid #ef4444}.chord-story-role-melancholy{border-left:3px solid #6366f1}.chord-story-role-unstable{border-left:3px solid #ec4899}.chord-story-role-external-color{border-left:3px solid #9ca3af}.chord-story-role-minor-home{border-left:3px solid #00d4b4}.chord-story-role-unstable-path{border-left:3px solid #ec4899}.chord-story-role-relative-light{border-left:3px solid #f59e0b}.chord-story-role-shadow{border-left:3px solid #6366f1}.chord-story-role-soft-tension{border-left:3px solid #ef4444}.chord-story-role-return{border-left:3px solid #8b5cf6}.chord-story-empty{color:var(--muted);font-size:.85rem}.chord-story-keyline{color:var(--teal);margin-top:6px;font-size:.75rem}.chord-story-label{opacity:.8;font-size:.7rem;font-weight:400}.chord-story-universe-root{padding:var(--fh-panel-padding,16px);overflow-y:auto}.chord-story-universe-root[hidden]{display:none!important}.csu-shell{flex-direction:column;gap:18px;display:flex}.csu-header-main{margin-bottom:2px}.csu-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.csu-subtitle{color:var(--muted);margin:2px 0 0;font-size:.82rem;line-height:1.4}.csu-keyline{color:var(--teal);margin-top:8px;font-size:.8rem}.csu-keyline strong{color:var(--text)}.csu-interaction-hint{font-size:.72rem;font-family:var(--mono);color:var(--faint);margin:4px 0 0}.csu-groups{flex-direction:column;gap:20px;display:flex}.csu-group-head{margin-bottom:8px}.csu-group-title{color:var(--text);align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;display:flex}.csu-group-count{font-size:.65rem;font-family:var(--mono);color:var(--muted);background:#ffffff0f;border-radius:999px;padding:1px 8px}.csu-group-desc{color:var(--muted);margin:3px 0 0;font-size:.74rem;line-height:1.35}.csu-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.csu-card{border:1px solid var(--border);border-left:3px solid var(--faint);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:10px;flex-direction:column;gap:6px;padding:12px;transition:background .15s,transform .1s,border-color .15s;display:flex}.csu-card:hover{background:#ffffff0f;transform:translateY(-1px)}.csu-card:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.csu-card.is-selected{border-color:var(--teal);background:#00d4b41a}.csu-card-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.csu-roman{font-family:var(--mono);color:var(--muted);font-size:.8rem;font-weight:600}.csu-fn-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-size:.58rem}.csu-chord{color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.1}.csu-role-label{color:var(--text);font-size:.78rem;font-weight:600}.csu-desc{color:var(--muted);font-size:.72rem;line-height:1.35}.csu-empty{color:var(--muted);text-align:center;padding:24px 0;font-size:.85rem}.csu-role-home{border-left-color:#00d4b4}.csu-role-home .csu-role-label{color:#00d4b4}.csu-role-path{border-left-color:#3b82f6}.csu-role-path .csu-role-label{color:#3b82f6}.csu-role-tension{border-left-color:#ef4444}.csu-role-tension .csu-role-label{color:#ef4444}.csu-role-color{border-left-color:#8b5cf6}.csu-role-color .csu-role-label{color:#8b5cf6}.csu-role-outside{border-left-color:#9ca3af}.style-legacy-controls{display:none!important}.style-preset-shell-host{width:100%;min-width:0;max-width:100%}.style-preset-shell{box-sizing:border-box;border:1px solid var(--border);background:#ffffff08;border-radius:8px;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;padding:10px 12px;display:flex;overflow:hidden}.style-preset-shell__header{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.style-preset-shell__title{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.64rem}.style-preset-shell__subtitle{color:var(--muted);opacity:.65;overflow-wrap:anywhere;font-size:.58rem;font-style:italic;line-height:1.25}.style-preset-shell__select-wrap{flex-direction:column;align-items:stretch;gap:4px;width:100%;min-width:0;display:flex}.style-preset-shell__select-label{font-family:var(--mono);color:var(--muted);font-size:.62rem}.style-preset-shell__select-control{width:100%;min-width:0;max-width:100%}.style-preset-shell__select{width:100%;min-width:0;max-width:100%;height:28px;font-size:.72rem}.style-preset-shell__preview{overflow-wrap:anywhere;background:#ffffff06;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:4px;min-width:0;padding:6px 8px;display:flex}.style-preset-shell__preview--empty{justify-content:center;align-items:center;min-height:36px}.style-preset-shell__no-preview{color:var(--muted);opacity:.55;font-size:.64rem;font-style:italic}.style-preset-shell__desc{color:var(--text);opacity:.8;overflow-wrap:anywhere;margin:0 0 4px;font-size:.68rem;line-height:1.4}.style-preset-shell__includes{flex-direction:column;gap:3px;min-width:0;display:flex}.style-preset-shell__includes-label{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:2px;font-size:.58rem}.style-preset-shell__meta-row{flex-wrap:wrap;align-items:flex-start;gap:6px;min-width:0;display:flex}.style-preset-shell__meta-key{font-family:var(--mono);color:var(--muted);text-transform:capitalize;flex:none;font-size:.6rem}.style-preset-shell__meta-val{min-width:0;color:var(--text);overflow-wrap:anywhere;flex-wrap:wrap;flex:120px;gap:3px;font-size:.66rem;display:flex}.style-preset-shell__meta-na{opacity:.45;font-style:italic}.style-preset-shell__chord-tag{color:var(--text);font-family:var(--mono);background:#6366f12e;border:1px solid #6366f14d;border-radius:4px;padding:1px 5px;font-size:.65rem}.style-preset-shell__tag{color:var(--muted);font-family:var(--mono);background:#ffffff0f;border-radius:3px;padding:1px 4px;font-size:.6rem}.style-preset-shell__arpeggio{gap:6px;min-width:0;padding-top:4px;display:grid}.style-preset-shell__arpeggio-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.style-preset-shell__arpeggio-toggle{min-width:0;color:var(--text);align-items:center;gap:5px;font-size:.64rem;display:inline-flex}.style-preset-shell__arpeggio-grid{grid-template-columns:1fr;gap:6px;min-width:0;display:grid}.style-preset-shell__arpeggio-field{min-width:0;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:3px;font-size:.58rem;display:grid}.style-preset-shell__arpeggio-select{width:100%;min-width:0;font-size:.66rem}.style-preset-shell__arpeggio-readout{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.64rem}.style-preset-shell__arpeggio-playback{gap:4px;min-width:0;padding-top:2px;display:grid}.style-preset-shell__arpeggio-playback-controls{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.style-preset-shell__arpeggio-play-btn,.style-preset-shell__arpeggio-stop-btn{border:1px solid var(--border,#ffffff2e);background:var(--surface-2,#ffffff0d);color:var(--text);cursor:pointer;border-radius:5px;padding:3px 9px;font-size:.64rem}.style-preset-shell__arpeggio-play-btn[disabled],.style-preset-shell__arpeggio-stop-btn[disabled]{opacity:.45;cursor:not-allowed}.style-preset-shell__arpeggio-playback-status{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.62rem}.style-preset-shell__arpeggio-playback[data-status=playing] .style-preset-shell__arpeggio-playback-status{color:var(--accent,#6ad0a0)}.style-preset-shell__arpeggio-playback[data-status=error] .style-preset-shell__arpeggio-playback-status,.style-preset-shell__arpeggio-playback[data-status=unavailable] .style-preset-shell__arpeggio-playback-status{color:var(--danger,#e06a6a)}.style-preset-shell__arpeggio-stale{color:var(--warn,#d9a441);font-style:italic}.style-preset-shell__arpeggio-audio-na{color:var(--danger,#e06a6a)}.style-preset-shell__arpeggio-live{color:var(--warn,#d9a441);font-style:italic}.style-preset-shell__arpeggio-playback[data-live=updated] .style-preset-shell__arpeggio-live{color:var(--accent,#6ad0a0);font-style:normal}.style-preset-shell__arpeggio-live--failed{color:var(--danger,#e06a6a);font-style:normal}.style-preset-shell__actions{border-top:1px solid #ffffff0f;flex-direction:column;gap:4px;min-width:0;margin-top:2px;padding-top:4px;display:flex}.style-preset-shell__actions-label{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-size:.58rem}.style-preset-shell__actions-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,104px),1fr));gap:6px;min-width:0;display:grid}.style-preset-shell__button{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;height:auto;min-height:28px;color:var(--text);border:1px solid var(--border);cursor:pointer;opacity:.88;background:#ffffff0a;border-radius:5px;padding:4px 7px;font-size:.6rem;line-height:1.2}.style-preset-shell__button--unavailable{opacity:.3;cursor:not-allowed}body.has-context-panel .style-preset-shell{max-width:100%}.csu-role-outside .csu-role-label{color:#9ca3af}.chordmini-backend-lite-mount{width:100%;margin:1rem 0;display:block}.chordmini-workspace-panel{width:100%;min-height:0;padding:1rem;overflow-y:auto}.chordmini-workspace-panel__body{gap:1rem;width:min(1120px,100%);margin:0 auto;display:grid}.chordmini-backend-lite-mount--workspace{max-width:100%;margin:0;padding:0;scroll-margin:1.5rem 0 2.5rem;overflow:visible}.interactive-cifra-backend-lite{--iclite-border:#94a3b838;--iclite-surface:#0f172ab8;--iclite-muted:#94a3b8;--iclite-accent:#5eead4;color:#e2e8f0;border:1px solid var(--iclite-border);background:var(--iclite-surface);border-radius:.6rem;gap:.6rem;padding:.85rem 1rem;display:grid}.interactive-cifra-backend-lite *,.interactive-cifra-backend-lite :before,.interactive-cifra-backend-lite :after{box-sizing:border-box}.interactive-cifra-backend-lite__title{margin:0;font-size:.95rem}.interactive-cifra-backend-lite__note,.interactive-cifra-backend-lite__hint,.interactive-cifra-backend-lite__footnote{color:var(--iclite-muted);margin:0;font-size:.8rem}.interactive-cifra-backend-lite__statusline{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.interactive-cifra-backend-lite__badge{letter-spacing:.04em;border:1px solid var(--iclite-border);color:#e2e8f0;background:#94a3b81f;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.interactive-cifra-backend-lite__badge--reachable{color:#5eead4;border-color:#5eead480}.interactive-cifra-backend-lite__badge--production_blocked,.interactive-cifra-backend-lite__badge--invalid_url,.interactive-cifra-backend-lite__badge--unreachable,.interactive-cifra-backend-lite__badge--error{color:#f8b4b4;border-color:#f8b4b480}.interactive-cifra-backend-lite__card{border:1px solid var(--iclite-border);border-radius:.45rem;gap:.25rem;padding:.5rem .65rem;display:grid}.interactive-cifra-backend-lite__card .interactive-cifra-analyze-local__field{justify-content:space-between;gap:.75rem;font-size:.8rem;display:flex}.interactive-cifra-backend-lite__card .interactive-cifra-analyze-local__field span:first-child{color:var(--iclite-muted)}.interactive-cifra-backend-lite__flags span,.interactive-cifra-backend-lite__provenance span,.interactive-cifra-backend-lite__warnings-block span{color:var(--iclite-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.interactive-cifra-backend-lite__flag-list,.interactive-cifra-backend-lite__warnings{gap:.2rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.interactive-cifra-backend-lite__flag,.interactive-cifra-backend-lite__warnings li{color:#cbd5e1;font-size:.78rem}.interactive-cifra-backend-lite__controls{gap:.5rem;display:flex}.interactive-cifra-backend-lite__controls button{cursor:pointer;font:inherit;color:#0f172a;background:var(--iclite-accent);border:none;border-radius:.4rem;padding:.4rem .8rem;font-size:.82rem}.interactive-cifra-backend-lite__controls button:hover{filter:brightness(1.05)}.interactive-cifra-audio{background:#14162259;border:1px solid #7878a047;border-radius:.6rem;margin-top:.85rem;padding:.9rem 1rem;font-size:.92rem}.interactive-cifra-audio__title{margin:0 0 .25rem;font-size:1rem}.interactive-cifra-audio__note,.interactive-cifra-audio__hint,.interactive-cifra-audio__formats,.interactive-cifra-audio__footnote{opacity:.82;margin:.25rem 0;font-size:.82rem}.interactive-cifra-audio__input{flex-direction:column;gap:.3rem;margin:.6rem 0;display:flex}.interactive-cifra-audio__input-label{font-weight:600}.interactive-cifra-audio__card{border:1px solid #7878a038;border-radius:.45rem;margin:.5rem 0;padding:.45rem .6rem}.interactive-cifra-audio__controls{margin:.6rem 0 .3rem}.interactive-cifra-audio__controls button{cursor:pointer;border:none;border-radius:.4rem;padding:.45rem .9rem;font-weight:600}.interactive-cifra-audio__controls button[disabled]{opacity:.5;cursor:not-allowed}.interactive-cifra-audio__progression-list,.interactive-cifra-audio__timeline-list{flex-wrap:wrap;gap:.3rem;margin:.3rem 0;padding:0;list-style:none;display:flex}.interactive-cifra-audio__chip{border:1px solid #8c8cbe59;border-radius:.35rem;padding:.1rem .45rem}.interactive-cifra-audio__timeline-list,.interactive-cifra-audio__beat-list{flex-direction:column;max-height:16rem;overflow-y:auto}.interactive-cifra-audio__timeline-row{gap:.6rem;display:flex}.interactive-cifra-audio__timeline-when{opacity:.75;min-width:6rem}.interactive-cifra-audio__labeled-timeline{background:#08121c94;border:1px solid #5eead447;border-radius:.55rem;gap:.65rem;margin:.75rem 0;padding:.75rem;display:grid}.interactive-cifra-audio__labeled-timeline-head,.interactive-cifra-audio__labeled-timeline-meta,.interactive-cifra-audio__labeled-timeline-boundary{flex-wrap:wrap;align-items:center;gap:.4rem .65rem;display:flex}.interactive-cifra-audio__labeled-timeline-head{justify-content:space-between}.interactive-cifra-audio__labeled-timeline-head h5{margin:.08rem 0 0;font-size:.92rem}.interactive-cifra-audio__labeled-timeline-eyebrow{color:#5eead4eb;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.interactive-cifra-audio__readonly-badge,.interactive-cifra-audio__labeled-timeline-meta span,.interactive-cifra-audio__labeled-timeline-boundary span{color:#e2e8f0d1;background:#0f172ab8;border:1px solid #94a3b838;border-radius:999px;padding:.18rem .38rem;font-size:.7rem}.interactive-cifra-audio__readonly-badge{color:#99f6e4f5;border-color:#5eead45c;font-weight:700}.interactive-cifra-audio__labeled-candidate-list{scrollbar-width:thin;gap:.42rem;margin:0;padding:0 0 .3rem;list-style:none;display:flex;overflow-x:auto}.interactive-cifra-audio__labeled-candidate{background:#0f172ad1;border:1px solid #5eead44d;border-radius:.42rem;flex:none;gap:.12rem;min-width:5.2rem;padding:.42rem .5rem;display:grid}.interactive-cifra-audio__labeled-candidate-label{color:#f1f5f9f5;font-family:var(--mono);font-size:.86rem;font-weight:700}.interactive-cifra-audio__labeled-candidate-time{color:#94a3b8db;font-family:var(--mono);font-size:.62rem}.interactive-cifra-audio__labeled-timeline-boundary span:nth-child(2){color:#fecacae6;border-color:#f8717152}.interactive-cifra-audio__beat-list{margin:.3rem 0;padding:0;list-style:none}.interactive-cifra-audio__raw{margin:.5rem 0}.interactive-cifra-audio__raw-pre{white-space:pre-wrap;word-break:break-word;max-height:16rem;font-size:.74rem;overflow:auto}.interactive-cifra-audio__composer-lock{border-top:1px dashed #a0787866;margin-top:.7rem;padding-top:.5rem}.interactive-cifra-audio__errors-block ul,.interactive-cifra-audio__warnings-block ul{margin:.2rem 0;padding-left:1.1rem;font-size:.82rem}.interactive-cifra-audio__beat-map{background:linear-gradient(#08121ca8,#08121c6b),#08121c6b;border:1px solid #5eead438;border-radius:.5rem;gap:.5rem;margin:.65rem 0;padding:.62rem .7rem;display:grid}.interactive-cifra-audio__beat-map-head{flex-wrap:wrap;align-items:baseline;gap:.45rem .7rem;font-size:.82rem;font-weight:700;display:flex}.interactive-cifra-audio__beat-map-title{color:#f1f5f9f0}.interactive-cifra-audio__beat-map-summary{color:#e2e8f0b8;font-size:.74rem;font-weight:500}.interactive-cifra-audio__beat-map-meta{flex-wrap:wrap;gap:.35rem .5rem;display:flex}.interactive-cifra-audio__beat-map-meta span{color:#e2e8f0c7;background:#0f172a75;border:1px solid #94a3b82e;border-radius:.28rem;padding:.16rem .34rem;font-size:.7rem;line-height:1.25}.interactive-cifra-audio__beat-map-meta strong{color:#5eead4eb;margin-right:.24rem;font-weight:700}.interactive-cifra-audio__beat-map-scroll{scrollbar-width:thin;scroll-behavior:smooth;padding:1rem 0 .48rem;overflow:auto hidden}.interactive-cifra-audio__beat-map-track{background:linear-gradient(90deg,#94a3b80d 1px,#0000 1px) 0 100%/2.3rem 100%;border-bottom:1px solid #94a3b852;align-items:flex-end;gap:.18rem;min-width:100%;min-height:3.4rem;padding:.3rem .28rem .2rem;display:inline-flex;position:relative}.interactive-cifra-audio__beat-marker{border-left:1px solid #94a3b88a;flex:0 0 .56rem;height:1.05rem;position:relative}.interactive-cifra-audio__beat-marker:after{content:"";background:#94a3b8d1;border-radius:999px;width:.34rem;height:.34rem;position:absolute;bottom:-.16rem;left:-.19rem;box-shadow:0 0 0 1px #08121ce6}.interactive-cifra-audio__beat-marker--bar-start{border-left-width:3px;border-left-color:#5eead4;height:2.5rem;margin-left:.08rem;margin-right:.04rem}.interactive-cifra-audio__beat-marker--bar-start:before{content:"";background:linear-gradient(#5eead45c,#5eead40a);width:.34rem;position:absolute;top:0;bottom:-.2rem;left:-.18rem}.interactive-cifra-audio__beat-marker--bar-start:after,.interactive-cifra-audio__beat-marker--beat-1:after{background:#5eead4;width:.54rem;height:.54rem;bottom:-.23rem;left:-.28rem;box-shadow:0 0 0 2px #08121cf2,0 0 0 4px #5eead42e}.interactive-cifra-audio__bar-label{min-width:1.3rem;font-family:var(--mono);color:#5eead4;white-space:nowrap;font-size:.58rem;font-weight:700;position:absolute;top:-.92rem;left:-.22rem}.interactive-cifra-audio__no-beats,.interactive-cifra-audio__beats-usable-note,.interactive-cifra-audio__safe-error{border-left:3px solid #5eead48c;padding-left:.55rem}.fh-cmod-map{background:#08121c75;border:1px solid #5eead440;border-radius:.6rem;margin:.8rem 0;padding:.75rem}.fh-cmod-map-title,.fh-cmod-map-note{margin:0 0 .45rem}.fh-cmod-map-note{color:#e2e8f0c7;font-size:.78rem}.fh-cmod-map-meta{flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem;display:flex}.fh-cmod-map-badge{color:#e2e8f0c7;border:1px solid #94a3b838;border-radius:999px;padding:.18rem .4rem;font-size:.68rem}.fh-cmod-map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.fh-cmod-map-cell{background:#0f172ab3;border-left:3px solid #5eead4b8;border-radius:.4rem;gap:.25rem;min-width:0;padding:.6rem .45rem;display:grid}.fh-cmod-map-beat{color:#e2e8f0ad;font-size:.7rem}.fh-cmod-map-chord{color:#5eead4;overflow-wrap:anywhere;font-size:1rem}@media (width<=520px){.fh-cmod-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.fh-idea-entry{display:none}.main-wrapper.fh-ws-mode-studio .fh-idea-entry{background:linear-gradient(180deg, var(--surface-raised,#181a24eb), var(--surface,#13131a99));border:1px solid var(--border,#ffffff14);border-radius:16px;margin:18px 20px 6px;padding:22px 24px;display:block}.fh-idea-entry__eyebrow{font-family:var(--mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--accent,#00f0cc);font-size:.62rem}.fh-idea-entry__title{color:var(--text-primary,#f0f0f5);margin:6px 0;font-size:1.5rem;font-weight:700;line-height:1.15}.fh-idea-entry__lead{max-width:62ch;color:var(--text-secondary,#a5acc7);margin:0 0 18px;font-size:.86rem;line-height:1.5}.fh-idea-entry__lead strong{color:var(--text-primary,#f0f0f5)}.fh-idea-entry__grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.fh-idea-card{text-align:left;background:var(--surface-3,#22222f99);border:1px solid var(--border,#ffffff14);min-height:128px;color:var(--text-primary,#f0f0f5);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:16px;transition:transform .14s,border-color .14s,background .14s;display:flex}.fh-idea-card:hover{border-color:var(--border-2,#ffffff26);transform:translateY(-2px)}.fh-idea-card:focus-visible{outline:2px solid var(--accent,#00f0cc);outline-offset:2px}.fh-idea-card__icon{color:var(--accent,#00f0cc);font-size:1.2rem}.fh-idea-card__label{font-size:.98rem;font-weight:650}.fh-idea-card__desc{color:var(--text-secondary,#a5acc7);flex:1;font-size:.76rem;line-height:1.4}.fh-idea-card__status{font-family:var(--mono,monospace);letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000;border-radius:20px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:.6rem}.fh-idea-card__status--ready{color:var(--accent,#00f0cc);background:var(--teal-glow2,#00f0cc1f);border-color:#00f0cc4d}.fh-idea-card__status--soon{color:#ffd479;background:#ffd4791a;border-color:#ffd47952}.fh-idea-card--primary{background:linear-gradient(180deg, #00f0cc14, var(--surface-3,#22222f99));border-color:#00f0cc73}.fh-idea-card--secondary{opacity:.9}.fh-idea-card--soon{cursor:not-allowed;opacity:.6}.fh-idea-card--soon:hover{border-color:var(--border,#ffffff14);transform:none}.fh-idea-entry__foot{color:var(--muted,#8a8aab);margin:16px 0 0;font-size:.72rem;line-height:1.5}.fh-idea-entry__foot strong{color:var(--text-secondary,#a5acc7)}.fh-public-chordmini-actions .fh-public-cta[aria-disabled=true]{box-shadow:none;color:#a5acc79e;cursor:not-allowed;filter:saturate(.35);opacity:.72;pointer-events:none;background:#ffffff06;border-color:#ffffff1a}.fh-public-chordmini-actions .fh-public-cta[aria-disabled=true]:after{content:" · preview";letter-spacing:0;text-transform:none;font-size:.62rem;font-weight:500}.fh-chordmini-paste{background:#00f0cc0e;border:1px solid #00f0cc33;border-radius:8px;gap:12px;min-width:0;margin-top:14px;padding:14px;display:grid}.fh-chordmini-paste[hidden]{display:none}.fh-chordmini-paste-header{gap:5px;display:grid}.fh-chordmini-paste-header h3,.fh-chordmini-paste-header p{margin:0}.fh-chordmini-paste-header h3{color:var(--text-primary,#f0f0f5);font-size:1rem}.fh-chordmini-paste-header p,.fh-chordmini-paste-examples,.fh-chordmini-paste-status,.fh-chordmini-paste-invalid{color:var(--text-secondary,#a5acc7);font-size:.74rem;line-height:1.45}.fh-chordmini-paste-field{min-width:0;color:var(--text-secondary,#a5acc7);gap:6px;font-size:.72rem;display:grid}.fh-chordmini-paste-field textarea{resize:vertical;width:100%;min-height:116px;color:var(--text-primary,#f0f0f5);font:.8rem var(--mono,monospace);background:#0a0c12e0;border:1px solid #ffffff24;border-radius:8px;padding:10px}.fh-chordmini-paste-examples,.fh-chordmini-paste-status,.fh-chordmini-paste-invalid,.fh-chordmini-paste-progression{margin:0}.fh-chordmini-paste-actions{flex-wrap:wrap;gap:8px;display:flex}.fh-chordmini-paste-actions button{min-height:34px;color:var(--text-primary,#f0f0f5);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;padding:7px 10px;font-size:.72rem}.fh-chordmini-paste-actions button:first-child{color:var(--accent,#00f0cc);background:#00f0cc1f;border-color:#00f0cc7a;font-weight:800}.fh-chordmini-paste-status.is-error,.fh-chordmini-paste-invalid{color:#ffb3b3}.fh-chordmini-paste-status.is-ready,.fh-chordmini-paste-progression{color:var(--accent,#00f0cc);overflow-wrap:anywhere}[data-flowharmony-chordmini-production-ui=true]{margin:0 0 16px}[data-flowharmony-chordmini-production-ui=true]>.fh-chordmini-production-ui{background:#081223b8;border:1px solid #7dd3fc3d;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:14px;display:grid}[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=ready],[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=completed]{border-color:#4ade806b}[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=uploading],[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=queued],[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=running],[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=cancelling]{border-color:#facc157a}[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=unavailable],[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=rejected],[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=failed],[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-state=timed_out]{border-color:#f871716b}[data-flowharmony-chordmini-production-ui=true] .fh-public-card-label,[data-flowharmony-chordmini-production-ui=true] .fh-chordmini-production-status,[data-flowharmony-chordmini-production-ui=true] .fh-chordmini-production-wait{grid-column:1;margin:0}[data-flowharmony-chordmini-production-ui=true] .fh-chordmini-production-status{color:#dbeafe;line-height:1.45}[data-flowharmony-chordmini-production-ui=true] .fh-chordmini-production-wait{color:#fde68a;font-size:.82rem}[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-file=true]{color:#e2e8f0;background:#0f172ac2;border:1px solid #94a3b857;border-radius:9px;grid-column:1/-1;width:100%;min-width:0;padding:9px}[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-action]{color:#eff6ff;cursor:pointer;background:#1e40af52;border:1px solid #7dd3fc61;border-radius:9px;grid-column:2;min-height:38px;padding:8px 13px}[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-action]:disabled{cursor:not-allowed;opacity:.48}[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-action]:focus-visible,[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-file=true]:focus-visible{outline-offset:2px;outline:2px solid #7dd3fc}@media (width<=640px){[data-flowharmony-chordmini-production-ui=true]>.fh-chordmini-production-ui{grid-template-columns:minmax(0,1fr)}[data-flowharmony-chordmini-production-ui=true] [data-fh-chordmini-production-action]{grid-column:1;width:100%}}.fh-chordmini-load-audio{background:#ffd4790e;border:1px solid #ffd4793d;border-radius:8px;gap:12px;min-width:0;margin-top:14px;padding:14px;display:grid}.fh-chordmini-load-audio[hidden]{display:none}.fh-chordmini-load-audio-header{gap:5px;display:grid}.fh-chordmini-load-audio-header h3,.fh-chordmini-load-audio-header p,.fh-chordmini-load-audio-limits,.fh-chordmini-load-audio-status,.fh-chordmini-load-audio-safety,.fh-chordmini-load-audio-loaded{margin:0}.fh-chordmini-load-audio-header h3{color:var(--text-primary,#f0f0f5);font-size:1rem}.fh-chordmini-load-audio-header p,.fh-chordmini-load-audio-limits,.fh-chordmini-load-audio-status,.fh-chordmini-load-audio-safety{color:var(--text-secondary,#a5acc7);font-size:.74rem;line-height:1.45}.fh-chordmini-load-audio-field{min-width:0;color:var(--text-secondary,#a5acc7);gap:6px;font-size:.72rem;display:grid}.fh-chordmini-load-audio-field input{width:100%;min-height:42px;color:var(--text-primary,#f0f0f5);background:#0a0c12e0;border:1px solid #ffffff24;border-radius:8px;padding:8px}.fh-chordmini-load-audio-actions{flex-wrap:wrap;gap:8px;display:flex}.fh-chordmini-load-audio-actions button{min-height:34px;color:var(--text-primary,#f0f0f5);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;padding:7px 10px;font-size:.72rem}.fh-chordmini-load-audio-metadata{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0;margin:0;display:grid}.fh-chordmini-load-audio-metadata div{background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;gap:3px;min-width:0;padding:10px;display:grid}.fh-chordmini-load-audio-metadata dt{color:var(--text-secondary,#a5acc7);font-size:.68rem}.fh-chordmini-load-audio-metadata dd{color:var(--text-primary,#f0f0f5);overflow-wrap:anywhere;margin:0;font-size:.78rem;font-weight:700}.fh-chordmini-load-audio-loaded,.fh-chordmini-load-audio-status.is-ready{color:var(--accent,#00f0cc)}.fh-chordmini-load-audio-status.is-error{color:#ffb3b3}.fh-chordmini-analyze-source-contract{background:#00f0cc0b;border:1px solid #00f0cc33;border-radius:8px;gap:12px;min-width:0;margin-top:14px;padding:14px;display:grid}.fh-chordmini-analyze-source-contract[hidden]{display:none}.fh-chordmini-analyze-source-header{gap:5px;display:grid}.fh-chordmini-analyze-source-header h3,.fh-chordmini-analyze-source-status,.fh-chordmini-analyze-source-empty,.fh-chordmini-analyze-source-loaded,.fh-chordmini-analyze-source-contract-preview h4,.fh-chordmini-analyze-source-contract-preview p,.fh-chordmini-analyze-source-current-build h4,.fh-chordmini-analyze-source-current-build p{margin:0}.fh-chordmini-analyze-source-header h3{color:var(--text-primary,#f0f0f5);font-size:1rem}.fh-chordmini-analyze-source-status{color:#ffd479;font-size:.78rem;font-weight:800}.fh-chordmini-analysis-status-strip{background:#ffd47913;border:1px solid #ffd4794d;border-radius:9px;gap:7px;min-width:0;padding:11px;display:grid}.fh-chordmini-analysis-status-strip.is-ready,.fh-chordmini-analysis-status-strip.is-completed{background:#00f0cc13;border-color:#00f0cc57}.fh-chordmini-analysis-status-strip.is-idle{background:#ffffff09;border-color:#ffffff24}.fh-chordmini-analysis-status-strip.is-unavailable{background:#ffd47913;border-color:#ffd4794d}.fh-chordmini-analysis-status-strip.is-failed,.fh-chordmini-analysis-status-strip.is-timed_out,.fh-chordmini-analysis-status-strip.is-job_lost,.fh-chordmini-analysis-status-strip.is-status_unavailable{background:#ff8b8b13;border-color:#ff8b8b61}.fh-chordmini-analysis-status-strip-heading,.fh-chordmini-analysis-status-timing,.fh-chordmini-readiness-checklist li{align-items:center;gap:8px;min-width:0;display:flex}.fh-chordmini-analysis-status-strip-heading strong{color:var(--text-primary,#f0f0f5);font-size:.84rem}.fh-chordmini-analysis-status-indicator{background:#ffd479;border-radius:999px;flex:none;width:8px;height:8px}.fh-chordmini-analysis-status-strip.is-ready .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-completed .fh-chordmini-analysis-status-indicator{background:var(--accent,#00f0cc)}.fh-chordmini-analysis-status-strip.is-failed .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-timed_out .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-job_lost .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-status_unavailable .fh-chordmini-analysis-status-indicator{background:#ff8b8b}.fh-chordmini-analysis-status-strip.is-checking_readiness .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-queued .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-running .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-cancelling .fh-chordmini-analysis-status-indicator{animation:1.5s ease-in-out infinite fh-chordmini-status-pulse}.fh-chordmini-analysis-status-detail{color:var(--text-secondary,#a5acc7);margin:0;font-size:.76rem;line-height:1.4}.fh-chordmini-analysis-status-timing{color:#d7dced;font-family:var(--mono,monospace);flex-wrap:wrap;font-size:.68rem}.fh-chordmini-analysis-status-timing span+span:before{content:"•";color:var(--text-secondary,#a5acc7);margin-right:8px}.fh-chordmini-readiness-checklist{gap:5px;margin:2px 0 0;padding:0;list-style:none;display:grid}.fh-chordmini-readiness-checklist li{color:var(--text-primary,#f0f0f5);background:#ffffff09;border-radius:6px;justify-content:space-between;padding:5px 7px;font-size:.7rem}.fh-chordmini-readiness-checklist li span:first-child{color:var(--accent,#00f0cc);text-transform:uppercase;flex:none;font-size:.62rem;font-weight:800}.fh-chordmini-readiness-checklist li.is-missing span:first-child{color:#ffb3b3}@keyframes fh-chordmini-status-pulse{50%{opacity:.38;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.fh-chordmini-analysis-status-strip.is-checking_readiness .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-queued .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-running .fh-chordmini-analysis-status-indicator,.fh-chordmini-analysis-status-strip.is-cancelling .fh-chordmini-analysis-status-indicator{animation:none}}@media (width<=480px){.fh-chordmini-analysis-status-strip{padding:10px}.fh-chordmini-readiness-checklist li{align-items:flex-start}.fh-chordmini-analyze-source-contract>button{min-height:40px}}.fh-chordmini-analyze-source-empty,.fh-chordmini-analyze-source-contract-preview p,.fh-chordmini-analyze-source-current-build p{color:var(--text-secondary,#a5acc7);font-size:.74rem;line-height:1.45}.fh-chordmini-analyze-source-loaded,.fh-chordmini-analyze-source-contract-preview h4,.fh-chordmini-analyze-source-current-build h4{color:var(--text-primary,#f0f0f5);font-size:.82rem}.fh-chordmini-analyze-source-contract-metadata{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0;margin:0;display:grid}.fh-chordmini-analyze-source-contract-metadata div,.fh-chordmini-analyze-source-contract-preview,.fh-chordmini-analyze-source-current-build{background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;gap:6px;min-width:0;padding:10px;display:grid}.fh-chordmini-analyze-source-contract-metadata dt{color:var(--text-secondary,#a5acc7);font-size:.68rem}.fh-chordmini-analyze-source-contract-metadata dd{color:var(--text-primary,#f0f0f5);overflow-wrap:anywhere;margin:0;font-size:.78rem;font-weight:700}.fh-chordmini-analyze-source-actions{flex-wrap:wrap;gap:8px;display:flex}.fh-chordmini-analyze-source-actions button{min-height:34px;color:var(--text-primary,#f0f0f5);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;padding:7px 10px;font-size:.72rem}.fh-chordmini-result-editor-mount{min-width:0;margin-top:16px}.fh-chordmini-result-editor-empty,.fh-chordmini-result-editor{background:linear-gradient(#141722db,#0d0f16d1);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 12px 34px #00000038}.fh-chordmini-result-editor-empty{color:var(--text-secondary,#a5acc7);padding:16px}.fh-chordmini-result-editor{min-width:0;padding:16px;overflow:hidden}.fh-chordmini-result-editor-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.fh-chordmini-result-editor-kicker{font-family:var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#ffd479;margin-bottom:5px;font-size:.62rem;display:inline-block}.fh-chordmini-result-editor-header h3,.fh-chordmini-result-editor-panel h4{color:var(--text-primary,#f0f0f5);margin:0}.fh-chordmini-result-editor-header h3{font-size:1.05rem}.fh-chordmini-result-editor-header p{max-width:62ch;color:var(--text-secondary,#a5acc7);margin:6px 0 0;font-size:.78rem;line-height:1.45}.fh-chordmini-result-editor-header button,.fh-chordmini-result-editor-alternatives button{color:var(--text-primary,#f0f0f5);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px}.fh-chordmini-result-editor-header button{flex:none;padding:8px 10px;font-size:.72rem}.fh-chordmini-result-editor-safety{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.fh-chordmini-result-editor-safety span{color:#ffd479;font-family:var(--mono,monospace);background:#ffd47914;border:1px solid #ffd47942;border-radius:999px;padding:4px 8px;font-size:.62rem}.fh-chordmini-result-editor-safety .fh-chordmini-result-editor-status{color:var(--accent,#00f0cc);background:#00f0cc14;border-color:#00f0cc52;font-weight:700}.fh-chordmini-result-editor-summary{background:linear-gradient(90deg,#00f0cc13,#ffffff06);border:1px solid #00f0cc2e;border-radius:8px;min-width:0;margin-bottom:14px;padding:12px 14px}.fh-chordmini-result-editor-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.fh-chordmini-result-editor-card{background:#ffffff09;border:1px solid #ffffff1a;border-left:3px solid #00f0cc94;border-radius:8px;gap:9px;min-width:0;padding:12px;display:grid}.fh-chordmini-result-editor-card.is-selected{border-color:#00f0ccb8;border-left-color:var(--accent,#00f0cc);background:#00f0cc13;box-shadow:0 0 0 2px #00f0cc2e}.fh-chordmini-result-editor-card.is-playback-active{background:#ffd4791f;border-color:#ffd479;box-shadow:0 0 0 2px #ffd47938}.fh-chordmini-result-editor-card.is-selected.is-playback-active{box-shadow:0 0 0 2px #00f0cc38,0 0 0 4px #ffd4792e}.fh-chordmini-result-editor-play-from{color:#ffe0a3;cursor:pointer;background:#ffd47914;border:1px solid #ffd47959;border-radius:7px;min-height:32px}.fh-chordmini-local-review-player-mount{min-width:0;margin-top:12px}.fh-chordmini-local-review-player{background:linear-gradient(135deg,#ffd47917,#141722e0);border:1px solid #ffd47952;border-radius:8px;gap:10px;padding:13px;display:grid}.fh-chordmini-local-review-player-header,.fh-chordmini-local-review-player-footer{flex-wrap:wrap;align-items:center;gap:7px 10px;min-width:0;display:flex}.fh-chordmini-local-review-player-header strong{color:#ffe0a3}.fh-chordmini-local-review-player-header span,.fh-chordmini-local-review-player-footer{color:var(--text-secondary,#a5acc7);overflow-wrap:anywhere;font-size:.72rem}.fh-chordmini-local-review-player-controls{flex-wrap:wrap;gap:7px;display:flex}.fh-chordmini-local-review-player-controls button{min-height:34px;color:var(--text-primary,#f0f0f5);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:7px;padding:7px 10px}.fh-chordmini-local-review-player-controls button:disabled{cursor:default;opacity:.48}.fh-chordmini-local-review-player input[type=range]{accent-color:#ffd479;width:100%}.fh-chordmini-local-review-player button:focus-visible,.fh-chordmini-result-editor-play-from:focus-visible,.fh-chordmini-result-editor-card-button:focus-visible{outline-offset:2px;outline:2px solid #ffd479}@media (width<=390px){.fh-chordmini-local-review-player-controls button{flex:120px}}.fh-chordmini-result-editor-card.is-low-confidence{border-left-color:#ffd479}.fh-chordmini-result-editor-card-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:0;display:grid}.fh-chordmini-result-editor-card-button strong{color:var(--accent,#00f0cc);font-size:1.25rem;line-height:1.1}.fh-chordmini-result-editor-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.fh-chordmini-result-editor-card-button .fh-chordmini-result-editor-selected-label{color:var(--accent,#00f0cc);letter-spacing:.08em;text-transform:uppercase;background:#00f0cc1f;border:1px solid #00f0cc6b;border-radius:999px;flex:none;padding:2px 6px;font-size:.58rem;font-weight:800}.fh-chordmini-result-editor-card-button span,.fh-chordmini-result-editor-card label,.fh-chordmini-result-editor-confidence span,.fh-chordmini-result-editor-alternatives span{color:var(--text-secondary,#a5acc7);font-size:.7rem}.fh-chordmini-result-editor-card-label{font-family:var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}.fh-chordmini-result-editor-card label{gap:4px;display:grid}.fh-chordmini-result-editor-card select,.fh-chordmini-result-editor-card input[type=text],.fh-chordmini-result-editor-card input[type=number]{width:100%;min-height:34px;color:var(--text-primary,#f0f0f5);background:#0a0c12e0;border:1px solid #ffffff1f;border-radius:8px;padding:6px 8px}.fh-chordmini-result-editor-manual-actions,.fh-chordmini-result-editor-tempo-actions{flex-wrap:wrap;gap:7px;display:flex}.fh-chordmini-result-editor-manual-actions button,.fh-chordmini-result-editor-tempo-actions button{min-height:32px;color:var(--text-primary,#f0f0f5);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:7px;padding:6px 9px}.fh-chordmini-result-editor-manual-actions button:disabled,.fh-chordmini-result-editor-tempo-actions button:disabled{cursor:not-allowed;opacity:.5}.fh-chordmini-result-editor-tempo{border-bottom:1px solid #00f0cc2e;gap:9px;margin-bottom:13px;padding-bottom:13px;display:grid}.fh-chordmini-result-editor-tempo h4,.fh-chordmini-result-editor-tempo p{margin:0}.fh-chordmini-result-editor-tempo h4{color:var(--text-primary,#f0f0f5)}.fh-chordmini-result-editor-tempo p,.fh-chordmini-result-editor-tempo label{color:var(--text-secondary,#a5acc7);font-size:.72rem}.fh-chordmini-result-editor-tempo label{gap:5px;max-width:220px;display:grid}.fh-chordmini-result-editor-tempo input{min-height:36px;color:var(--text-primary,#f0f0f5);background:#0a0c12e0;border:1px solid #ffffff24;border-radius:8px;padding:6px 8px}.fh-chordmini-result-editor-card input[aria-invalid=true]{border-color:#ff6c6cc7;box-shadow:0 0 0 2px #ff6c6c24}.fh-chordmini-result-editor-validation-error{color:#faa;margin:0;font-size:.68rem;line-height:1.4}.fh-chordmini-result-editor-delete{color:#ffb5b5;cursor:pointer;background:#ff6c6c12;border:1px solid #ff6c6c59;border-radius:7px;min-height:32px}.fh-chordmini-result-editor-delete:disabled{cursor:not-allowed;opacity:.52}.fh-chordmini-result-editor-confidence{grid-template-columns:1fr auto;align-items:center;gap:5px 8px;display:grid}.fh-chordmini-result-editor-confidence meter{grid-column:1/-1;width:100%}.fh-chordmini-result-editor-confidence strong{color:var(--text-primary,#f0f0f5);font-size:.72rem}.fh-chordmini-result-editor-low{color:#ffd479;background:#ffd47917;border-radius:8px;gap:2px;padding:6px 8px;font-size:.68rem;display:grid}.fh-chordmini-result-editor-low span{color:#ffe2a4c7;line-height:1.35}.fh-chordmini-result-editor-alternatives{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fh-chordmini-result-editor-alternatives button{min-width:38px;min-height:28px;padding:3px 8px;font-size:.7rem}.fh-chordmini-result-editor-panel{margin-top:14px}.fh-chordmini-result-editor-panel details{background:#0000001a;border:1px solid #ffffff1a;border-radius:8px;min-width:0}.fh-chordmini-result-editor-panel summary{color:var(--text-secondary,#a5acc7);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.76rem;list-style-position:inside;display:flex}.fh-chordmini-result-editor-panel summary span{color:var(--text-primary,#f0f0f5);font-weight:700}.fh-chordmini-result-editor-panel summary small{font-family:var(--mono,monospace);letter-spacing:.05em;font-size:.6rem}.fh-chordmini-result-editor-panel details[open] summary{border-bottom:1px solid #ffffff14}.fh-chordmini-result-editor-technical-note{color:var(--text-secondary,#a5acc7);padding:10px 12px 0;font-size:.68rem;line-height:1.4}.fh-chordmini-result-editor-summary-list{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(110px,.7fr));gap:10px 18px;margin:0;display:grid}.fh-chordmini-result-editor-summary-list div{gap:3px;min-width:0;display:grid}.fh-chordmini-result-editor-summary-list dt{color:var(--text-secondary,#a5acc7);font-size:.7rem}.fh-chordmini-result-editor-summary-list dd{color:var(--text-primary,#f0f0f5);overflow-wrap:anywhere;margin:0;font-size:.78rem;font-weight:700}.fh-chordmini-result-editor-summary-progression dd{color:var(--accent,#00f0cc);font-size:.88rem}.fh-chordmini-result-editor-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#e2e8f0d1;max-width:100%;max-height:220px;margin:10px 12px 12px;font-size:.68rem;overflow:auto}.fh-chordmini-result-editor-handoff{background:#ffd4790e;border:1px solid #ffd4793d;border-radius:8px;gap:10px;margin-top:14px;padding:12px;display:grid}.fh-chordmini-result-editor-review-controls{background:#00f0cc0d;border:1px solid #00f0cc3d;border-radius:8px;gap:10px;margin-top:14px;padding:12px;display:grid}.fh-chordmini-result-editor-review-controls p{color:var(--text-secondary,#a5acc7);margin:0;font-size:.74rem;line-height:1.45}.fh-chordmini-result-editor-handoff h4,.fh-chordmini-result-editor-handoff p{margin:0}.fh-chordmini-result-editor-handoff h4{color:var(--text-primary,#f0f0f5);font-size:.92rem}.fh-chordmini-result-editor-handoff p{max-width:72ch;color:var(--text-secondary,#a5acc7);font-size:.74rem;line-height:1.45}.fh-chordmini-result-editor-handoff-review{background:#00000024;border:1px solid #ffffff1f;border-radius:8px;gap:10px;padding:10px;display:grid}.fh-chordmini-result-editor-replacement-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.fh-chordmini-result-editor-replacement-summary div{gap:3px;min-width:0;display:grid}.fh-chordmini-result-editor-replacement-summary div:last-child{grid-column:1/-1}.fh-chordmini-result-editor-replacement-summary dt{color:var(--text-secondary,#a5acc7);font-size:.68rem}.fh-chordmini-result-editor-replacement-summary dd{color:var(--text-primary,#f0f0f5);overflow-wrap:anywhere;margin:0;font-weight:700}.fh-chordmini-result-editor-handoff-ack{color:var(--text-primary,#f0f0f5);align-items:center;gap:8px;font-size:.74rem;display:flex}.fh-chordmini-result-editor-handoff-ack input{width:16px;height:16px;accent-color:var(--accent,#00f0cc)}.fh-chordmini-result-editor-handoff-actions{flex-wrap:wrap;gap:8px;display:flex}.fh-chordmini-result-editor-handoff-actions button{min-height:34px;color:var(--text-primary,#f0f0f5);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;padding:7px 10px;font-size:.72rem}.fh-chordmini-result-editor-handoff-actions button:disabled{cursor:not-allowed;opacity:.54}.fh-chordmini-result-editor-handoff-actions .fh-chordmini-result-editor-handoff-primary{color:var(--accent,#00f0cc);background:#00f0cc1f;border-color:#00f0cc7a;font-weight:800}.fh-chordmini-result-editor-handoff-message{color:#ffd479;font-family:var(--mono,monospace)}.fh-chordmini-reviewed-map-import-mount{min-width:0;margin-top:16px}.fh-chordmini-reviewed-map-import{background:linear-gradient(135deg,#3a52891f,#0d0f16d6);border:1px solid #86adff47;border-radius:8px;gap:10px;min-width:0;padding:16px;display:grid}.fh-chordmini-reviewed-map-import h3,.fh-chordmini-reviewed-map-import h4,.fh-chordmini-reviewed-map-import p,.fh-chordmini-reviewed-map-import ul,.fh-chordmini-reviewed-map-import ol{margin:0}.fh-chordmini-reviewed-map-import h3,.fh-chordmini-reviewed-map-import h4{color:var(--text-primary,#f0f0f5)}.fh-chordmini-reviewed-map-import p,.fh-chordmini-reviewed-map-import li,.fh-chordmini-reviewed-map-file-label{color:var(--text-secondary,#a5acc7);font-size:.74rem;line-height:1.45}.fh-chordmini-reviewed-map-import ul{gap:3px;padding-left:20px;display:grid}.fh-chordmini-reviewed-map-file-label{gap:6px;max-width:460px;font-weight:700;display:grid}.fh-chordmini-reviewed-map-file-label input{min-height:40px;color:var(--text-primary,#f0f0f5);background:#0a0c12e0;border:1px solid #ffffff24;border-radius:8px;padding:7px}.fh-chordmini-reviewed-map-preview{background:#00f0cc0b;border:1px solid #00f0cc47;border-radius:8px;gap:10px;padding:12px;display:grid}.fh-chordmini-reviewed-map-badge{color:var(--accent,#00f0cc);font-family:var(--mono,monospace);letter-spacing:.1em;background:#00f0cc1c;border:1px solid #00f0cc70;border-radius:999px;justify-self:start;padding:4px 8px;font-size:.62rem;font-weight:800}.fh-chordmini-reviewed-map-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.fh-chordmini-reviewed-map-summary div{gap:3px;min-width:0;display:grid}.fh-chordmini-reviewed-map-summary dt{color:var(--text-secondary,#a5acc7);font-size:.68rem}.fh-chordmini-reviewed-map-summary dd{color:var(--text-primary,#f0f0f5);overflow-wrap:anywhere;margin:0;font-size:.76rem;font-weight:700}.fh-chordmini-reviewed-map-chords{gap:6px;padding-left:24px;display:grid}.fh-chordmini-reviewed-map-chords li{grid-template-columns:minmax(80px,1fr) minmax(90px,auto) minmax(110px,auto);align-items:baseline;gap:10px;display:grid}.fh-chordmini-reviewed-map-chords strong{color:var(--accent,#00f0cc);font-size:.9rem}.fh-chordmini-reviewed-map-import>button{min-height:36px;color:var(--accent,#00f0cc);cursor:pointer;background:#00f0cc1f;border:1px solid #00f0cc7a;border-radius:8px;justify-self:start;padding:8px 12px;font-size:.74rem;font-weight:800}.fh-chordmini-reviewed-map-message,.fh-chordmini-reviewed-map-coming{font-family:var(--mono,monospace);color:#ffd479!important}@media (width<=1100px){.fh-chordmini-result-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-chordmini-result-editor-summary-list{grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(100px,.7fr))}}@media (width<=760px){body.fh-public-shell-active[data-fh-public-active-module=chordmini] .selected-chord-panel{display:none}body.fh-public-shell-active[data-fh-public-active-module=chordmini].has-context-panel .main-wrapper{flex:100%;width:100%;margin-right:0}body.fh-public-shell-active[data-fh-public-active-module=chordmini] .main-wrapper.fh-ws-mode-chordmini>.workspace-grid,body.fh-public-shell-active[data-fh-public-active-module=chordmini] #chordMiniPublicPanel{width:100%;min-width:0}body.fh-public-shell-active[data-fh-public-active-module=chordmini] #chordMiniPublicPanel{padding:14px;overflow-x:hidden}.fh-chordmini-result-editor{padding:12px}.fh-chordmini-result-editor-header{grid-template-columns:1fr;display:grid}.fh-chordmini-result-editor-header button{width:100%;min-height:44px}.fh-chordmini-result-editor-summary-list,.fh-chordmini-result-editor-grid{grid-template-columns:1fr}.fh-chordmini-result-editor-card select,.fh-chordmini-result-editor-card input[type=text],.fh-chordmini-result-editor-card input[type=number],.fh-chordmini-result-editor-tempo input,.fh-chordmini-result-editor-delete,.fh-chordmini-result-editor-alternatives button,.fh-chordmini-load-audio-field input,.fh-chordmini-load-audio-actions button,.fh-chordmini-paste-actions button,.fh-chordmini-result-editor-handoff-actions button{min-height:44px}.fh-chordmini-load-audio-actions,.fh-chordmini-paste-actions,.fh-chordmini-result-editor-handoff-actions{grid-template-columns:1fr;display:grid}.fh-chordmini-result-editor-replacement-summary,.fh-chordmini-reviewed-map-summary,.fh-chordmini-reviewed-map-chords li{grid-template-columns:1fr}.fh-chordmini-reviewed-map-import>button,.fh-chordmini-reviewed-map-file-label{width:100%}.fh-chordmini-result-editor-replacement-summary div:last-child{grid-column:auto}.fh-chordmini-load-audio-metadata{grid-template-columns:1fr}.fh-chordmini-result-editor-panel summary{align-items:flex-start}.fh-chordmini-result-editor-panel pre{max-height:180px;margin-left:10px;margin-right:10px;font-size:.62rem}}body.fh-public-shell-active .app-layout{top:var(--fh-public-header-height);height:calc(100vh - var(--fh-public-header-height) - var(--fh-public-control-height));height:calc(100dvh - var(--fh-public-header-height) - var(--fh-public-control-height));max-height:calc(100dvh - var(--fh-public-header-height) - var(--fh-public-control-height));min-height:0;margin-top:0}body.fh-public-shell-active.has-context-panel .app-header{top:var(--fh-public-header-height);height:calc(100vh - var(--fh-public-header-height) - var(--fh-public-control-height));height:calc(100dvh - var(--fh-public-header-height) - var(--fh-public-control-height))}body.fh-public-shell-active[data-fh-public-active-module=studio] .selected-chord-panel,body.fh-public-shell-active[data-fh-public-active-module=composer] .selected-chord-panel,body.fh-public-shell-active[data-fh-public-active-module=groove] .selected-chord-panel,body.fh-public-shell-active[data-fh-public-active-module=topline] .selected-chord-panel,body.fh-public-shell-active[data-fh-public-active-module=export] .selected-chord-panel,body.fh-public-shell-active[data-fh-public-active-module=settings] .selected-chord-panel{display:none}body.fh-public-shell-active[data-fh-public-active-module=studio].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=composer].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=groove].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=topline].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=export].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=settings].has-context-panel .main-wrapper{width:calc(100vw - var(--context-panel-width));margin-right:0}body.fh-public-shell-active[data-fh-public-active-module=studio] .main-wrapper.fh-ws-mode-studio>.workspace-grid,body.fh-public-shell-active[data-fh-public-active-module=studio] .main-wrapper.fh-ws-mode-studio>#studioStageSurface,body.fh-public-shell-active[data-fh-public-active-module=studio] .main-wrapper.fh-ws-mode-studio>#composerPanel,body.fh-public-shell-active[data-fh-public-active-module=studio] .main-wrapper.fh-ws-mode-studio>#resizerBottom,body.fh-public-shell-active[data-fh-public-active-module=studio] .main-wrapper.fh-ws-mode-studio>#bottomPanel{display:none}body.fh-public-shell-active[data-fh-public-active-module=explore] .main-wrapper.fh-ws-mode-explore>#composerPanel{flex:none;min-height:92px;max-height:128px;margin:0 18px 14px;overflow:auto}body.fh-public-shell-active[data-fh-public-active-module=export] .main-wrapper.fh-ws-mode-export>#composerPanel,body.fh-public-shell-active[data-fh-public-active-module=export] .main-wrapper.fh-ws-mode-export>#resizerBottom,body.fh-public-shell-active[data-fh-public-active-module=export] .main-wrapper.fh-ws-mode-export>#bottomPanel{display:none}body.fh-public-shell-active[data-fh-public-active-module=export] .main-wrapper.fh-ws-mode-export>.workspace-grid{display:flex}body.fh-public-shell-active[data-fh-public-active-module=export] #exportPublicPanel{flex:auto}body.fh-public-shell-active[data-fh-public-active-module=chordmini] .selected-chord-panel{display:flex}body.fh-public-shell-active[data-fh-public-active-module=chordmini].has-context-panel .main-wrapper.fh-ws-mode-chordmini{margin-left:0;margin-right:var(--fh-public-inspector-width);width:calc(100vw - var(--fh-public-inspector-width));flex:none}body.fh-public-shell-active[data-fh-public-active-module=chordmini] #toggleRight{display:none}@media (width<=760px){body.fh-public-shell-active .selected-chord-panel,body.fh-public-shell-active[data-fh-public-active-module=explore] .selected-chord-panel,body.fh-public-shell-active[data-fh-public-active-module=chordmini] .selected-chord-panel{display:none}body.fh-public-shell-active.has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=studio].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=composer].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=groove].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=chordmini].has-context-panel .main-wrapper.fh-ws-mode-chordmini,body.fh-public-shell-active[data-fh-public-active-module=topline].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=export].has-context-panel .main-wrapper,body.fh-public-shell-active[data-fh-public-active-module=settings].has-context-panel .main-wrapper{flex:auto;width:100%;margin-left:0;margin-right:0}}@media (width<=700px){body.fh-public-shell-active.has-context-panel .app-layout:has(.main-wrapper.fh-ws-mode-topline){height:calc(100vh - var(--fh-public-header-height) - var(--fh-public-control-height));height:calc(100dvh - var(--fh-public-header-height) - var(--fh-public-control-height));max-height:calc(100dvh - var(--fh-public-header-height) - var(--fh-public-control-height));min-height:0;overflow:hidden}body.fh-public-shell-active.has-context-panel .main-wrapper.fh-ws-mode-topline{overflow:auto}}.harmony-learn-root{min-height:0;padding:18px;overflow:auto}body.explore-mode .chord-universe-panel{min-height:0}body.explore-mode #chordUniverseGrid{display:none!important}body.explore-mode #harmonyCompassExplore{display:block}body.explore-mode #composerPanel{max-height:132px;overflow:hidden}.harmony-learn-shell{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.4fr);gap:16px;min-height:0;display:grid}.harmony-learn-hero,.harmony-learn-paths{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;min-width:0}.harmony-learn-hero{flex-direction:column;gap:16px;padding:18px;display:flex}.harmony-learn-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.harmony-learn-title h2{color:var(--text);letter-spacing:0;margin:0;font-size:1.25rem}.harmony-learn-title p{color:var(--muted);max-width:520px;margin:6px 0 0;font-size:.82rem;line-height:1.45}.harmony-learn-mode{font-family:var(--mono);color:var(--teal);white-space:nowrap;background:#00f0cc14;border:1px solid #00f0cc3d;border-radius:999px;padding:4px 8px;font-size:.62rem}.harmony-selected-card{background:#00f0cc0e;border:1px solid #00f0cc29;border-radius:8px;padding:16px}.harmony-selected-symbol{font-family:var(--mono);color:var(--text);overflow-wrap:anywhere;font-size:2rem;font-weight:750}.harmony-role-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.harmony-role{font-family:var(--mono);letter-spacing:.08em;border:1px solid #ffffff1f;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:800}.harmony-role-home{color:var(--teal);background:#00f0cc14;border-color:#00f0cc38}.harmony-role-move{color:var(--blue);background:#60a5fa14;border-color:#60a5fa38}.harmony-role-tension{color:var(--pink);background:#f9a8d414;border-color:#f9a8d438}.harmony-role-color{color:var(--purple);background:#b89dfa14;border-color:#b89dfa38}.harmony-role-outside{color:var(--faint);background:#ffffff0a;border-color:#ffffff1f}.harmony-role-explore{color:var(--gold);background:#fbbf2414;border-color:#fbbf2438}.harmony-selected-hint{color:var(--muted);margin-top:12px;font-size:.9rem;line-height:1.45}.harmony-meta-line{font-family:var(--mono);color:var(--faint);margin-top:12px;font-size:.68rem}.harmony-guide{border-top:1px solid #ffffff12;padding-top:14px}.harmony-guide h3,.harmony-learn-paths h3{color:var(--text);letter-spacing:0;margin:0;font-size:.85rem}.harmony-guide p{color:var(--muted);margin:7px 0 0;font-size:.78rem;line-height:1.45}.harmony-journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.harmony-journey span{min-width:0;color:var(--text);font-family:var(--mono);text-align:center;background:#00f0cc0e;border:1px solid #00f0cc29;border-radius:7px;padding:8px 6px;font-size:.62rem;font-weight:800;position:relative}.harmony-journey span:not(:last-child):after{content:">";color:var(--faint);font-size:.62rem;position:absolute;top:50%;right:-8px;transform:translate(50%,-50%)}.harmony-learn-paths{flex-direction:column;gap:12px;padding:16px;display:flex}.harmony-path-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.harmony-path-header span{color:var(--faint);font-family:var(--mono);font-size:.62rem}.harmony-intent-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.harmony-intent-tab{min-width:0;color:var(--muted);cursor:pointer;font-family:var(--mono);background:#0003;border:1px solid #ffffff14;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:9px 8px;font-size:.62rem;display:flex}.harmony-intent-tab span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.harmony-intent-tab span:last-child{color:var(--faint)}.harmony-intent-tab:hover,.harmony-intent-tab:focus-visible{background:#ffffff0d;border-color:#00f0cc38;outline:none}.harmony-intent-tab.is-active{color:var(--text);background:#00f0cc14;border-color:#00f0cc47}.harmony-active-intent{background:#00000024;border:1px solid #ffffff14;border-radius:8px;padding:12px}.harmony-active-copy{color:var(--muted);margin-bottom:10px;font-size:.82rem;line-height:1.45}.harmony-suggestion-list{flex-direction:column;gap:7px;display:flex}.harmony-suggestion{color:var(--text);cursor:pointer;background:#0000002e;border:1px solid #ffffff14;border-radius:7px;min-width:0;padding:8px;transition:border-color .14s,background .14s,transform .14s}.harmony-suggestion:hover,.harmony-suggestion:focus-visible{background:#ffffff0e;border-color:#00f0cc47;outline:none;transform:translateY(-1px)}.harmony-suggestion-main{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.harmony-suggestion-symbol{font-family:var(--mono);text-overflow:ellipsis;font-size:.86rem;font-weight:800;overflow:hidden}.harmony-suggestion-roman{font-family:var(--mono);color:var(--faint);white-space:nowrap;font-size:.64rem}.harmony-suggestion-meta{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.harmony-mini-badge{font-family:var(--mono);color:var(--muted);background:#ffffff09;border:1px solid #ffffff17;border-radius:999px;padding:2px 5px;font-size:.54rem}.harmony-add-btn{color:var(--teal);font-family:var(--mono);cursor:pointer;background:#00f0cc12;border:1px solid #00f0cc3d;border-radius:6px;margin-top:8px;padding:4px 7px;font-size:.62rem}.harmony-add-btn:hover{background:#00f0cc21}.harmony-empty{color:var(--faint);border:1px dashed #ffffff14;border-radius:7px;padding:10px;font-size:.72rem}.harmony-fallback{color:var(--muted);background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;padding:18px}@media (width<=1280px){.harmony-learn-shell{grid-template-columns:1fr}.harmony-intent-tabs{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=760px){.harmony-intent-tabs,.harmony-journey{grid-template-columns:1fr}.harmony-journey span:not(:last-child):after{display:none}}.interactive-cifra-panel{--ic-border:#94a3b838;--ic-surface:#0f172ab8;--ic-muted:#94a3b8;--ic-accent:#5eead4;color:#e2e8f0;gap:1rem;width:100%;display:grid}.interactive-cifra-panel *,.interactive-cifra-panel :before,.interactive-cifra-panel :after{box-sizing:border-box}.interactive-cifra-panel h2,.interactive-cifra-panel h3,.interactive-cifra-panel p,.interactive-cifra-panel ol,.interactive-cifra-panel ul,.interactive-cifra-panel dl{margin:0}.interactive-cifra-panel ol,.interactive-cifra-panel ul{padding:0;list-style:none}.interactive-cifra-panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.interactive-cifra-panel__header h2{margin-top:.25rem;font-size:clamp(1.35rem,3vw,2rem)}.interactive-cifra-panel__header p,.interactive-cifra-panel__time,.interactive-cifra-panel__lyric-meta{color:var(--ic-muted)}.interactive-cifra-panel__eyebrow,.interactive-cifra-panel__status{color:var(--ic-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.interactive-cifra-panel__status{white-space:nowrap;border:1px solid #5eead473;border-radius:999px;padding:.35rem .65rem}.interactive-cifra-panel__notice{color:#fde68a;background:#f59e0b17;border:1px solid #f59e0b59;border-radius:.65rem;padding:.75rem}.interactive-cifra-panel__metadata,.interactive-cifra-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.interactive-cifra-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interactive-cifra-panel__metadata>div,.interactive-cifra-panel article{background:var(--ic-surface);border:1px solid var(--ic-border);border-radius:.75rem;min-width:0;padding:.85rem}.interactive-cifra-panel__metadata dt,.interactive-cifra-panel__actions>span,.interactive-cifra-panel h3{color:var(--ic-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.interactive-cifra-panel__metadata dd{margin:.25rem 0 0;font-size:1.05rem;font-weight:700}.interactive-cifra-panel__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.interactive-cifra-panel__actions button{border:1px solid var(--ic-border);color:var(--ic-muted);cursor:not-allowed;background:#94a3b814;border-radius:.5rem;padding:.45rem .7rem}.interactive-cifra-panel h3{margin-bottom:.75rem}.interactive-cifra-panel__section-item,.interactive-cifra-panel__chord,.interactive-cifra-panel__capabilities li{border-top:1px solid var(--ic-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.interactive-cifra-panel__section-item:first-child,.interactive-cifra-panel__chord:first-child,.interactive-cifra-panel__capabilities li:first-child{border-top:0}.interactive-cifra-panel__section-item strong{text-transform:capitalize}.interactive-cifra-panel__chord{grid-template-columns:minmax(6rem,1fr) 1fr .7fr;display:grid}.interactive-cifra-panel__chord-name{color:var(--ic-accent);font-size:1.05rem}.interactive-cifra-panel__roman{text-align:right;font-family:JetBrains Mono,monospace}.interactive-cifra-panel__beats{grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem;display:grid}.interactive-cifra-panel__beat{border:1px solid var(--ic-border);text-align:center;background:#94a3b812;border-radius:.45rem;gap:.15rem;padding:.45rem;display:grid}.interactive-cifra-panel__beat.is-downbeat{border-color:#5eead48c}.interactive-cifra-panel__beat small{color:var(--ic-muted)}.interactive-cifra-panel__lyric{border-top:1px solid var(--ic-border);padding:.75rem 0}.interactive-cifra-panel__lyric:first-child{border-top:0}.interactive-cifra-panel__lyric-meta{text-transform:capitalize;justify-content:space-between;gap:.75rem;margin-bottom:.3rem;font-size:.75rem;display:flex}.interactive-cifra-panel__capabilities strong{font-size:.75rem}.interactive-cifra-panel__capabilities .is-available{color:#86efac}.interactive-cifra-panel__capabilities .is-unavailable,.interactive-cifra-panel__warnings{color:#fca5a5}.interactive-cifra-panel__warnings{gap:.55rem;padding-left:1.2rem;list-style:outside;display:grid}.interactive-cifra-panel__empty{color:var(--ic-muted);padding:.5rem 0}.interactive-cifra-panel__plan-preview{border-color:#5eead461;gap:.85rem;display:grid}.interactive-cifra-panel__plan-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.interactive-cifra-panel__plan-header h3{margin-bottom:.3rem}.interactive-cifra-panel__readonly{border:1px solid var(--ic-border);color:var(--ic-accent);white-space:nowrap;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:700}.interactive-cifra-panel__plan-notice{color:#fde68a;background:#f59e0b17;border-left:3px solid #f59e0b;padding:.6rem .75rem}.interactive-cifra-panel__plan-metadata{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.interactive-cifra-panel__plan-metadata>div{border:1px solid var(--ic-border);border-radius:.55rem;min-width:0;padding:.6rem}.interactive-cifra-panel__plan-metadata dt{color:var(--ic-muted);text-transform:uppercase;font-size:.7rem}.interactive-cifra-panel__plan-metadata dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.85rem;font-weight:700}.interactive-cifra-panel__plan-summary,.interactive-cifra-panel__confirmation{color:var(--ic-accent);font-size:.85rem;font-weight:700}.interactive-cifra-panel__plan-chords{border:1px solid var(--ic-border);border-radius:.65rem;overflow:hidden}.interactive-cifra-panel__plan-chord{border-top:1px solid var(--ic-border);grid-template-columns:2rem minmax(5rem,1fr) minmax(7rem,1fr) minmax(3rem,.5fr);align-items:center;gap:.65rem;padding:.55rem .7rem;display:grid}.interactive-cifra-panel__plan-chord:first-child{border-top:0}.interactive-cifra-panel__plan-index{color:var(--ic-muted);font-family:JetBrains Mono,monospace}.interactive-cifra-panel__plan-footer section{min-width:0}.interactive-cifra-panel__plan-capabilities{gap:.5rem;display:grid}.interactive-cifra-panel__plan-capabilities li{justify-content:space-between;gap:.75rem;display:flex}.interactive-cifra-panel__plan-capabilities .is-unavailable{color:#fca5a5}.interactive-cifra-panel__quantized-preview{border:1px solid var(--ic-border);background:#0f172ab8;border-radius:.8rem;gap:.9rem;padding:1rem;display:grid}.interactive-cifra-panel__quantized-preview.is-unavailable{border-style:dashed}.interactive-cifra-panel__performance-preview{background:#0f172ab8;border:1px solid #5eead44d;border-radius:.8rem;gap:.9rem;padding:1rem;display:grid}.interactive-cifra-panel__performance-preview.is-unavailable{border-style:dashed}.interactive-cifra-panel__quantized-metadata,.interactive-cifra-panel__performance-metadata{grid-template-columns:repeat(4,minmax(0,1fr))}.interactive-cifra-panel__quantized-controls{border:1px solid var(--ic-border);border-radius:.65rem;grid-template-columns:minmax(12rem,1.4fr) repeat(2,minmax(8rem,.8fr)) minmax(12rem,1fr);align-items:end;gap:.65rem;padding:.75rem;display:grid}.interactive-cifra-panel__quantized-control-header{gap:.2rem;display:grid}.interactive-cifra-panel__quantized-control-header h4{color:var(--ic-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.75rem}.interactive-cifra-panel__quantized-control-header span,.interactive-cifra-panel__quantized-controls p{color:var(--ic-muted);font-size:.78rem}.interactive-cifra-panel__quantized-controls label{gap:.3rem;display:grid}.interactive-cifra-panel__quantized-controls label span{color:var(--ic-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.interactive-cifra-panel__quantized-controls select{border:1px solid var(--ic-border);color:#e2e8f0;background:#0f172aeb;border-radius:.5rem;min-height:2.25rem;padding:.4rem .55rem}.interactive-cifra-panel__quantized-chords,.interactive-cifra-panel__performance-chords{gap:0;display:grid}.interactive-cifra-panel__quantized-chord{border-top:1px solid var(--ic-border);grid-template-columns:2rem minmax(5rem,1fr) repeat(5,minmax(5rem,1fr));align-items:center;gap:.65rem;padding:.65rem 0;display:grid}.interactive-cifra-panel__performance-chord{border-top:1px solid var(--ic-border);grid-template-columns:2rem minmax(5rem,1fr) repeat(3,minmax(7rem,1fr));align-items:center;gap:.65rem;padding:.65rem 0;display:grid}.interactive-cifra-panel__quantized-chord:first-child,.interactive-cifra-panel__performance-chord:first-child{border-top:0}.interactive-cifra-panel__quantized-chord span,.interactive-cifra-panel__performance-chord span{gap:.15rem;display:grid}.interactive-cifra-panel__quantized-chord small,.interactive-cifra-panel__performance-chord small{color:var(--ic-muted)}.interactive-cifra-panel__send-controls{justify-items:start;gap:.65rem;display:grid}.interactive-cifra-panel__send-controls>button,.interactive-cifra-panel__send-confirm button{color:#ccfbf1;cursor:pointer;background:#5eead41a;border:1px solid #5eead473;border-radius:.5rem;padding:.5rem .75rem}.interactive-cifra-panel__send-controls>button:disabled{border-color:var(--ic-border);color:var(--ic-muted);cursor:not-allowed;background:#94a3b814}.interactive-cifra-panel__send-confirm{background:#f59e0b17;border:1px solid #f59e0b59;border-radius:.65rem;gap:.6rem;padding:.75rem;display:grid}.interactive-cifra-panel__send-confirm>div{flex-wrap:wrap;gap:.5rem;display:flex}.interactive-cifra-panel__send-result{border-left:3px solid var(--ic-muted);padding:.45rem .65rem}.interactive-cifra-panel__send-result.is-sent{color:#86efac;border-color:#86efac}.interactive-cifra-panel__send-result.is-error,.interactive-cifra-panel__send-result.is-blocked{color:#fca5a5;border-color:#fca5a5}@media (width<=720px){.interactive-cifra-panel__header{display:grid}.interactive-cifra-panel__status{justify-self:start}.interactive-cifra-panel__grid,.interactive-cifra-panel__metadata,.interactive-cifra-panel__plan-metadata,.interactive-cifra-panel__quantized-controls,.interactive-cifra-panel__performance-metadata,.interactive-cifra-panel__quantized-metadata{grid-template-columns:1fr}.interactive-cifra-panel__plan-header{display:grid}.interactive-cifra-panel__readonly{justify-self:start}.interactive-cifra-panel__plan-chord{grid-template-columns:1.5rem 1fr 1fr}.interactive-cifra-panel__plan-chord .interactive-cifra-panel__roman{text-align:left;grid-column:2/-1}.interactive-cifra-panel__beats{grid-template-columns:repeat(4,minmax(0,1fr))}.interactive-cifra-panel__quantized-chord{grid-template-columns:1.5rem 1fr 1fr}.interactive-cifra-panel__performance-chord{grid-template-columns:1.5rem 1fr}.interactive-cifra-panel__performance-chord span{grid-column:2/-1}}.fh-studio-vnext-public-preview-host--active#studioVNextShellHost{z-index:10050;overscroll-behavior:contain;background:var(--bg,#060608);isolation:isolate;pointer-events:auto;width:100vw;height:100dvh;min-height:100dvh;display:block;position:fixed;inset:0;overflow:auto}.fh-studio-vnext-shell{z-index:1200;pointer-events:none;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:24px}.fh-studio-vnext-shell--public-preview{z-index:10050;-webkit-backdrop-filter:blur(10px);pointer-events:auto;background:#060608b8;justify-content:center;align-items:stretch;padding:18px;inset:0}.fh-studio-vnext-panel{color:#f8fafc;pointer-events:auto;background:#0f172af5;border:1px solid #94a3b859;border-radius:8px;width:min(760px,100vw - 48px);max-height:calc(100vh - 48px);padding:18px;overflow:auto;box-shadow:0 24px 60px #0206176b}.fh-studio-vnext-panel--public-preview{width:min(1040px,100vw - 36px);max-height:calc(100vh - 36px);margin:auto}.fh-studio-vnext-public-truth-band{color:#fde68a;background:#78531438;border:1px solid #fcd34d57;border-radius:6px;margin:0 0 14px;padding:9px 10px;font-size:12px;font-weight:700;line-height:1.35}.fh-studio-vnext-public-header{justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 14px;display:flex}.fh-studio-vnext-eyebrow{color:#93c5fd;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}.fh-studio-vnext-title{color:#fff;letter-spacing:0;margin:8px 0 4px;font-size:20px;line-height:1.2}.fh-studio-vnext-subtitle{color:#cbd5e1;letter-spacing:0;margin:0 0 14px;font-size:13px;line-height:1.4}.fh-studio-vnext-map{gap:8px;margin:0 0 12px;display:grid;overflow-x:auto}.fh-studio-vnext-map-header{justify-content:space-between;align-items:center;gap:12px;min-width:540px;display:flex}.fh-studio-vnext-map-title{color:#f8fafc;letter-spacing:0;margin:0;font-size:15px;line-height:1.3}.fh-studio-vnext-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.fh-studio-vnext-badge{color:#bfdbfe;text-transform:uppercase;background:#1e40af38;border:1px solid #93c5fd61;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;line-height:1}.fh-studio-vnext-bar{grid-template-columns:64px repeat(4,minmax(96px,1fr));gap:6px;min-width:540px;display:grid}.fh-studio-vnext-bar--duration-blocks{align-items:stretch;min-height:76px}.fh-studio-vnext-duration-section{gap:10px;display:grid}.fh-studio-vnext-duration-title{color:#f8fafc;letter-spacing:0;font-size:13px;font-weight:800;line-height:1.2}.fh-studio-vnext-duration-summary{color:#bae6fd;letter-spacing:0;margin-top:-4px;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-bar-label{color:#93c5fd;letter-spacing:0;text-transform:uppercase;align-items:center;font-size:11px;font-weight:700;display:flex}.fh-studio-vnext-beat{background:#1e293bc7;border:1px solid #94a3b847;border-radius:6px;min-width:0;padding:8px 9px}.fh-studio-vnext-beat--guide{background:#0f172a6b;border-style:dashed;min-height:76px;padding:7px 8px}.fh-studio-vnext-beat-label{color:#94a3b8;letter-spacing:0;text-transform:uppercase;font-size:9px;font-weight:700}.fh-studio-vnext-chord-block{z-index:1;background:#115e59b8;border:1px solid #2dd4bf6b;border-radius:6px;flex-direction:column;justify-content:center;min-width:0;min-height:76px;padding:9px 10px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #f0fdfa0d}.fh-studio-vnext-duration-block--continued{background:#0e749094;border-style:dashed}.fh-studio-vnext-chord-block-name{color:#fff;letter-spacing:0;overflow-wrap:anywhere;font-size:17px;font-weight:800;line-height:1.15}.fh-studio-vnext-chord-block-meta{color:#ccfbf1;letter-spacing:0;overflow-wrap:anywhere;margin-top:5px;font-size:11px;font-weight:700;line-height:1.25}.fh-studio-vnext-chord{color:#fff;letter-spacing:0;margin-top:4px;font-size:16px;font-weight:700;line-height:1.15}.fh-studio-vnext-chord--empty-slot{color:#64748b}.fh-studio-vnext-chord-meta{color:#94a3b8;letter-spacing:0;margin-top:3px;font-size:10px;line-height:1.25}.fh-studio-vnext-composer-state-note,.fh-studio-vnext-composer-state-message{color:#ccfbf1;background:#0f766e29;border:1px solid #00f0cc38;border-radius:6px;min-width:540px;padding:9px 10px;font-size:12px;font-weight:700;line-height:1.35}.fh-studio-vnext-composer-state-note--demo,.fh-studio-vnext-composer-state-note--fallback{color:#fde68a;background:#7853142e;border-color:#fcd34d47}.fh-studio-vnext-composer-state-message{color:#e2e8f0;background:#1e293bb8;border-color:#94a3b83d}.fh-studio-vnext-composer-state-note--demo-seed{color:#bbf7d0;background:#14532d33;border-color:#22c55e52}.fh-studio-vnext-demo-seed-action{background:#0e749024;border:1px solid #7dd3fc47;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:540px;padding:10px;display:flex}.fh-studio-vnext-demo-seed-button{color:#f0f9ff;cursor:pointer;letter-spacing:0;background:#082f49eb;border:1px solid #7dd3fc7a;border-radius:6px;padding:9px 11px;font-size:12px;font-weight:800;line-height:1.2}.fh-studio-vnext-demo-seed-button:hover,.fh-studio-vnext-demo-seed-button:focus-visible{background:#0c4a6ef5;border-color:#bae6fdc7}.fh-studio-vnext-demo-seed-note{color:#bae6fd;letter-spacing:0;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-chordmini-fixture{background:#4c1d9524;border:1px solid #c4b5fd57;border-radius:8px;gap:10px;min-width:540px;margin-bottom:14px;padding:12px;display:grid}.fh-studio-vnext-chordmini-fixture-title{color:#f5f3ff;font-size:14px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-fixture-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-chordmini-fixture-badge{color:#ede9fe;background:#5b21b63d;border:1px solid #c4b5fd52;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-fixture-metadata{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-chordmini-fixture-meta,.fh-studio-vnext-chordmini-fixture-confidence{color:#ddd6fe;background:#1e1b4b85;border:1px solid #a78bfa33;border-radius:6px;padding:7px 8px;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-chordmini-fixture-confidence{color:#c4b5fd;grid-column:1/-1}.fh-studio-vnext-chordmini-fixture-candidates{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-chordmini-fixture-candidate{color:#f5f3ff;overflow-wrap:anywhere;background:#2e106570;border:1px solid #a78bfa38;border-radius:6px;min-width:0;padding:8px;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-chordmini-fixture-action{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.fh-studio-vnext-chordmini-fixture-button{color:#faf5ff;cursor:pointer;background:#4c1d95eb;border:1px solid #c4b5fd85;border-radius:6px;padding:9px 11px;font-size:12px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-fixture-button:hover,.fh-studio-vnext-chordmini-fixture-button:focus-visible{background:#5b21b6fa;border-color:#ddd6fed1}.fh-studio-vnext-chordmini-fixture-note{color:#ddd6fe;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map{background:#0f172a75;border:1px solid #2dd4bf4d;border-radius:8px;gap:10px;min-width:min(540px,100%);margin-bottom:14px;padding:12px;display:grid;overflow-x:auto}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-header{gap:4px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-title{color:#ccfbf1;margin:0;font-size:14px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-subtitle{color:#99f6e4;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-badge{color:#d9f99d;background:#14532d38;border:1px solid #5eead447;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-meta{color:#e0f2fe;overflow-wrap:anywhere;background:#082f4957;border:1px solid #2dd4bf33;border-radius:6px;min-width:0;padding:7px 8px;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-bars{gap:8px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-bar{background:#02061738;border:1px solid #7dd3fc33;border-radius:7px;align-items:stretch;gap:7px;min-width:0;padding:7px;display:flex}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-bar-header{border-right:1px solid #94a3b833;flex:0 0 76px;align-content:center;gap:4px;padding-right:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-bar-title{color:#f8fafc;font-size:12px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-bar-signature{color:#fde68a;font-size:11px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-cell{background:#0d948824;border:1px solid #2dd4bf38;border-radius:6px;flex:1 1 0;align-content:space-between;gap:6px;min-width:88px;min-height:82px;padding:8px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-label{color:#5eead4;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-chord{color:#f8fafc;overflow-wrap:anywhere;font-size:16px;font-weight:900;line-height:1.1}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-time{color:#bae6fd;font-size:10px;font-weight:750;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock{background:#1e293b80;border:1px solid #fbbf244d;border-radius:8px;gap:10px;min-width:min(540px,100%);margin-bottom:14px;padding:12px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-header{gap:4px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-eyebrow{color:#fde68a;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-title{color:#fef3c7;margin:0;font-size:14px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-subtitle{color:#fcd34d;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-badge{color:#fef9c3;background:#78350f42;border:1px solid #fcd34d47;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-meta{color:#fff7ed;overflow-wrap:anywhere;background:#0f172a6b;border:1px solid #fbbf2438;border-radius:6px;min-width:0;padding:7px 8px;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-rail{background:#0206176b;border:1px solid #fbbf2447;border-radius:999px;height:10px;overflow:hidden}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-rail-fill{background:#f59e0b;width:0%;height:100%}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps{background:#0f172a80;border:1px solid #a78bfa52;border-radius:8px;gap:10px;min-width:min(540px,100%);margin-bottom:14px;padding:12px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-header{gap:4px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-eyebrow{color:#ddd6fe;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-title{color:#ede9fe;margin:0;font-size:14px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-subtitle{color:#c4b5fd;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-badge{color:#f5f3ff;background:#4c1d9547;border:1px solid #c4b5fd47;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-selected{color:#f8fafc;overflow-wrap:anywhere;background:#1e293b80;border:1px solid #a78bfa3d;border-radius:6px;padding:8px;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-selected[aria-live=polite]{min-height:2.7rem}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-rail{background:#02061770;border:1px solid #c4b5fd4d;border-radius:999px;height:10px;overflow:hidden}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps-rail-fill{background:#8b5cf6;width:0%;height:100%}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step{color:#f8fafc;cursor:pointer;min-width:0;font:inherit;text-align:left;background:#1e293b6b;border:1px solid #a78bfa38;border-radius:7px;gap:5px;padding:8px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step:hover,.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step:focus-visible{border-color:#ddd6feb3;outline:none}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step--selected{background:#4c1d9570;border-color:#fbbf2494}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step-label{color:#ddd6fe;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step-chord{color:#f8fafc;overflow-wrap:anywhere;font-size:15px;font-weight:900;line-height:1.1}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step-meta,.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step-state{color:#ddd6fe;overflow-wrap:anywhere;font-size:10px;font-weight:750;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate{background:#0f172a80;border:1px solid #2dd4bf4d;border-radius:8px;gap:10px;min-width:min(540px,100%);margin-bottom:14px;padding:12px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-header{gap:4px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-eyebrow{color:#99f6e4;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-title{color:#ccfbf1;margin:0;font-size:14px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-subtitle{color:#5eead4;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-badge{color:#ecfeff;background:#14532d38;border:1px solid #5eead447;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-item{background:#082f4952;border:1px solid #2dd4bf38;border-radius:6px;gap:4px;min-width:0;padding:8px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-item-label{color:#ccfbf1;overflow-wrap:anywhere;font-size:11px;font-weight:850;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-readiness-gate-item-status{color:#a7f3d0;overflow-wrap:anywhere;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine{background:#0f172a80;border:1px solid #38bdf84d;border-radius:8px;gap:10px;min-width:min(540px,100%);margin-bottom:14px;padding:12px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-header{gap:4px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-eyebrow{color:#bae6fd;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-title{color:#e0f2fe;margin:0;font-size:14px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-subtitle{color:#7dd3fc;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-badge{color:#f0f9ff;background:#0c4a6e57;border:1px solid #7dd3fc47;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-selected{color:#f0f9ff;overflow-wrap:anywhere;background:#082f4957;border:1px solid #38bdf83d;border-radius:6px;padding:8px;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state{color:#f8fafc;cursor:pointer;min-width:0;font:inherit;text-align:left;background:#082f494d;border:1px solid #38bdf838;border-radius:7px;gap:5px;padding:8px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state:hover,.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state:focus-visible{border-color:#bae6fdb8;outline:none}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state--selected{background:#0e749061;border-color:#2dd4bf94}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-label{color:#e0f2fe;overflow-wrap:anywhere;font-size:11px;font-weight:850;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-meta{color:#bae6fd;overflow-wrap:anywhere;font-size:10px;font-weight:750;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-state-machine-item{color:#e0f2fe;overflow-wrap:anywhere;background:#0f172a6b;border:1px solid #7dd3fc38;border-radius:6px;min-width:0;padding:8px;font-size:10px;font-weight:800;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer{background:#0f172a7a;border:1px solid #5eead447;border-radius:8px;gap:10px;min-width:min(540px,100%);margin-bottom:14px;padding:12px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-header{gap:4px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-eyebrow{color:#99f6e4;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-title{color:#ccfbf1;margin:0;font-size:14px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-subtitle{color:#5eead4;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-badge{color:#f0fdfa;background:#134e4a57;border:1px solid #5eead447;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-summary,.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-invalid{color:#f0fdfa;overflow-wrap:anywhere;background:#14532d3d;border:1px solid #5eead438;border-radius:6px;padding:8px;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-item{color:#ccfbf1;overflow-wrap:anywhere;background:#0f172a6b;border:1px solid #5eead433;border-radius:6px;min-width:0;padding:8px;font-size:10px;font-weight:800;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-preview-reducer-item-label{color:#ccfbf1;overflow-wrap:anywhere;font-size:10px;font-weight:800;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell{background:#1e1b4b6b;border:1px solid #a78bfa47;border-radius:8px;gap:10px;min-width:min(540px,100%);margin-bottom:14px;padding:12px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-header{gap:4px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-eyebrow{color:#c4b5fd;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-title{color:#ede9fe;margin:0;font-size:14px;font-weight:850;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-subtitle{color:#ddd6fe;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-badge{color:#f5f3ff;background:#4c1d9552;border:1px solid #a78bfa4d;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-summary{color:#f5f3ff;overflow-wrap:anywhere;background:#312e8147;border:1px solid #a78bfa3d;border-radius:6px;padding:8px;font-size:11px;font-weight:750;line-height:1.35}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-item{color:#ede9fe;overflow-wrap:anywhere;background:#0f172a6b;border:1px solid #a78bfa33;border-radius:6px;min-width:0;padding:8px;font-size:10px;font-weight:800;line-height:1.25}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-ui-binding-qa-shell-item-label{color:#ede9fe;overflow-wrap:anywhere;font-size:10px;font-weight:800;line-height:1.25}.fh-studio-vnext-chordmini-review{background:#082f4957;border:1px solid #7dd3fc47;border-radius:8px;gap:10px;padding:11px;display:grid}.fh-studio-vnext-chordmini-review-title{color:#e0f2fe;font-size:13px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-review-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-chordmini-review-badge{color:#e0f2fe;background:#0c4a6e7a;border:1px solid #7dd3fc42;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-review-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-chordmini-review-field{background:#0f172a75;border:1px solid #7dd3fc29;border-radius:6px;min-width:0;padding:7px}.fh-studio-vnext-chordmini-review-field-label{color:#7dd3fc;letter-spacing:0;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-review-field-value{color:#f8fafc;overflow-wrap:anywhere;margin-top:3px;font-size:11px;font-weight:750;line-height:1.3}.fh-studio-vnext-chordmini-review-candidates{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.fh-studio-vnext-chordmini-review-candidate{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#0e74902e;border:1px solid #7dd3fc33;border-radius:7px;gap:6px;padding:8px;display:grid}.fh-studio-vnext-chordmini-review-candidate:hover,.fh-studio-vnext-chordmini-review-candidate:focus-visible{background:#0e74904d;border-color:#38bdf89e;outline:none}.fh-studio-vnext-chordmini-review-candidate:focus-visible{box-shadow:0 0 0 2px #0ea5e957}.fh-studio-vnext-chordmini-review-candidate--selected{background:#16653457;border-color:#22c55ead}.fh-studio-vnext-chordmini-review-candidate-name{color:#f0f9ff;font-size:13px;font-weight:850;line-height:1.2}.fh-studio-vnext-chordmini-review-selection-summary{color:#dcfce7;background:#14532d33;border:1px solid #22c55e4d;border-radius:7px;gap:7px;padding:8px;display:grid}.fh-studio-vnext-chordmini-review-selection-summary-text{font-size:12px;font-weight:850;line-height:1.25}.fh-studio-vnext-chordmini-review-selection-notes{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-chordmini-review-selection-note{color:#bbf7d0;background:#1665343d;border:1px solid #bbf7d038;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-review-prepare{background:#312e8138;border:1px solid #c4b5fd3d;border-radius:7px;gap:8px;padding:9px;display:grid}.fh-studio-vnext-chordmini-review-prepare--preview-only{background:#0c4a6e42;border-color:#7dd3fc57}.fh-studio-vnext-chordmini-review-prepare--disabled{background:#1e293b57;border-color:#94a3b838}.fh-studio-vnext-chordmini-review-prepare-title{color:#ede9fe;font-size:12px;font-weight:850;line-height:1.25}.fh-studio-vnext-chordmini-review-prepare-badges{flex-wrap:wrap;gap:6px;display:flex}.fh-studio-vnext-chordmini-review-prepare-badge{color:#ddd6fe;background:#4c1d953d;border:1px solid #ddd6fe38;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-review-prepare-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.fh-studio-vnext-chordmini-review-prepare-button{color:#cbd5e1;cursor:not-allowed;background:#334155a8;border:1px solid #94a3b852;border-radius:6px;justify-self:start;padding:9px 11px;font-size:12px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-review-warnings{background:#713f1229;border:1px solid #facc1538;border-radius:6px;padding:8px}.fh-studio-vnext-chordmini-review-warnings-title{color:#fde68a;font-size:11px;font-weight:850;line-height:1.2}.fh-studio-vnext-chordmini-review-warning{color:#fef3c7;margin-top:4px;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-chordmini-review-action{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.fh-studio-vnext-chordmini-review-send{color:#cbd5e1;cursor:not-allowed;background:#334155a8;border:1px solid #94a3b852;border-radius:6px;padding:9px 11px;font-size:12px;font-weight:800;line-height:1.2}.fh-studio-vnext-chordmini-review-action-note{color:#bae6fd;font-size:11px;font-weight:700;line-height:1.35}.fh-studio-vnext-composer-state-note--chordmini-fixture{color:#ddd6fe;background:#4c1d952e;border-color:#a78bfa5c}.fh-studio-vnext-safety{flex-wrap:wrap;gap:6px 12px;margin:0 0 14px;display:flex}.fh-studio-vnext-safety-note{color:#a7f3d0;letter-spacing:0;font-size:11px;font-weight:600}.fh-studio-vnext-list{gap:8px;margin:0 0 16px;display:grid}.fh-studio-vnext-item{color:#e2e8f0;letter-spacing:0;background:#1e293bb8;border:1px solid #94a3b838;border-radius:6px;padding:9px 10px;font-size:12px;line-height:1.35}.fh-studio-vnext-close{color:#0f172a;cursor:pointer;letter-spacing:0;background:#dbeafe;border:1px solid #93c5fd80;border-radius:6px;min-height:34px;padding:7px 12px;font-size:13px;font-weight:700}.fh-studio-vnext-close:hover,.fh-studio-vnext-close:focus-visible{background:#bfdbfe}@media (width<=640px){.fh-studio-vnext-shell{inset:12px}.fh-studio-vnext-panel{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:14px}.fh-studio-vnext-shell--public-preview{padding:12px}.fh-studio-vnext-public-header{flex-direction:column;align-items:stretch}.fh-studio-vnext-chordmini-fixture,.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map{min-width:0}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-beat-map-summary{grid-template-columns:1fr}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock{min-width:0}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-visual-clock-summary{grid-template-columns:1fr}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-steps{min-width:0}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-playhead-step-list{grid-template-columns:1fr}.fh-studio-vnext-shell .ftl-studio-vnext-chordmini-bar{min-width:360px}.fh-studio-vnext-chordmini-fixture-metadata,.fh-studio-vnext-chordmini-fixture-candidates,.fh-studio-vnext-chordmini-review-summary,.fh-studio-vnext-chordmini-review-candidates,.fh-studio-vnext-chordmini-review-prepare-summary{grid-template-columns:1fr}}