:root{--canvas:#0a0a0c;--panel:#0e0e11;--raised:#16161a;--raised-2:#1c1c21;--line:#33333c;--line-soft:#191920;--line-strong:#45454f;--ink:#f4f4f6;--ink-2:#9c9ca6;--ink-3:#7d7d88;--ink-faint:#64646e;--accent:#e24e37;--accent-hot:#f05f47;--accent-fill:#c8401f;--accent-fill-hot:#d84a28;--accent-wash:#e24e3721;--accent-line:#e24e376b;--good:#4ea87a;--ui:"Archivo", -apple-system, BlinkMacSystemFont, sans-serif;--display:"Cormorant Garamond", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--r-sm:6px;--r-md:9px;--r-lg:14px;--topbar-h:60px;--status-h:34px;--rail-w:220px;--shadow-page:0 1px 2px #00000080, 0 12px 28px -6px #0000008c, 0 40px 80px -20px #0009;--shadow-float:0 2px 6px #0006, 0 18px 44px -10px #0000009e;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body,#app{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select{font:inherit;color:inherit}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}kbd{font-family:var(--mono);border:1px solid var(--line-strong);background:var(--raised);color:var(--ink-2);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:.85em}#topbar{height:var(--topbar-h);background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:auto minmax(140px,1fr) auto minmax(140px,auto);align-items:center;gap:28px;padding:0 18px;display:grid}.brand-mark{font-family:var(--display);letter-spacing:.01em;color:var(--ink);font-size:30px;font-weight:600;line-height:1}.brand{align-items:baseline;gap:9px;display:flex}.brand-sub{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:9px;font-weight:600}.titles{flex-direction:column;gap:1px;min-width:0;display:flex}.t-title,.t-composer{border-radius:var(--r-sm);width:100%;max-width:380px;transition:border-color .14s var(--ease), background .14s var(--ease);background:0 0;border:1px solid #0000;padding:2px 7px}.t-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.t-composer{color:var(--ink-2);font-size:11.5px}.t-title::placeholder,.t-composer::placeholder{color:var(--ink-3)}.t-title:hover,.t-composer:hover{border-color:var(--line)}.t-title:focus,.t-composer:focus{border-color:var(--accent-line);background:var(--canvas);outline:none}.transport{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--r-sm);width:30px;height:30px;color:var(--ink-2);transition:color .14s var(--ease), background .14s var(--ease);place-items:center;display:grid}.icon-btn:hover:not(:disabled){color:var(--ink);background:var(--raised)}.icon-btn:disabled{color:#55555f;cursor:default}.play-btn{background:var(--accent);color:#fff;width:38px;height:38px;transition:transform .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 2px #0006,0 6px 18px -6px #e24e37b3}.play-btn:hover{background:var(--accent-hot);transform:scale(1.05)}.play-btn:active{transform:scale(.97)}.play-btn.playing{background:var(--raised-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.tempo{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);transition:border-color .14s var(--ease);align-items:baseline;gap:5px;padding:5px 10px;display:flex}.tempo:focus-within{border-color:var(--accent-line)}.tempo-note{width:13px;height:15px;color:var(--ink-3);align-self:center}.tempo-note svg{width:13px;height:15px}#tempo{width:38px;font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:none;font-size:13.5px;font-weight:500}#tempo::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#tempo::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#tempo:focus{outline:none}.tempo-unit{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:10px}.top-right{justify-self:end;align-items:center;gap:12px;display:flex}.themes{border:1px solid var(--line);background:var(--canvas);border-radius:999px;gap:4px;padding:4px;display:flex}.theme-dot{width:20px;height:20px;transition:transform .16s var(--ease);border:1.5px solid #0000;border-radius:50%;position:relative}.theme-dot span{border:1px solid #ffffff24;border-radius:50%;position:absolute;inset:2px}.theme-dot:hover{transform:scale(1.14)}.theme-dot.active{border-color:var(--accent)}.ghost-btn{border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-2);transition:color .14s var(--ease), border-color .14s var(--ease);padding:7px 13px;font-size:12.5px;font-weight:500}.ghost-btn:hover{color:var(--ink);border-color:var(--line-strong)}.accent-btn{border-radius:var(--r-md);background:var(--accent-fill);color:#fff;letter-spacing:.005em;transition:background .14s var(--ease), transform .14s var(--ease);padding:8px 16px;font-size:12.5px;font-weight:600}.accent-btn:hover{background:var(--accent-fill-hot)}.accent-btn:active{transform:translateY(1px)}.accent-btn.wide{width:100%;padding:11px}#workspace{flex:1;min-height:0;display:flex}#rail{width:var(--rail-w);background:var(--panel);border-right:1px solid var(--line);overscroll-behavior:contain;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}#rail-tools{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;padding-top:4px;overflow-y:auto}#rail-tools::-webkit-scrollbar{width:8px}#rail-tools::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--panel);border-radius:4px}#mobile-tool-tabs{display:none}.mobile-only{display:none!important}.rail-sec{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:8px;padding:14px 14px 16px;display:flex}.rail-sec:last-of-type{border-bottom:none}.rail-h{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);margin-bottom:2px;font-size:9.5px;font-weight:600}.rail-foot{background:var(--panel);border-top:1px solid var(--line);border-bottom:none;flex:none;grid-template-columns:1fr 1fr;gap:5px;padding:12px 14px 14px;display:grid}.dur-grid,.tuplet-grid,.acc-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.acc-grid{grid-template-columns:repeat(3,1fr)}.voice-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.voice-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);height:34px;color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.voice-btn .vn{font-family:var(--mono);font-size:12px;font-weight:600;line-height:1.1}.voice-btn .vp{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:7.5px;line-height:1}.voice-btn:hover{color:var(--ink);border-color:var(--line-strong)}.voice-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.voice-btn.active .vp{color:var(--accent);opacity:.8}.voice-btn.used:after{content:"";background:var(--ink-3);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px}.voice-btn{position:relative}.voice-btn.active.used:after{background:var(--accent)}.tool{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);height:40px;color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);place-items:center;display:grid;position:relative}.tool:hover{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}.tool.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.tool .kbd-hint{font-family:var(--mono);color:var(--ink-3);font-size:8px;line-height:1;position:absolute;bottom:2px;right:3px}.tool.active .kbd-hint{color:var(--accent);opacity:.75}.rail-pair{grid-template-columns:1fr 1fr;gap:4px;display:grid}.field-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);transition:border-color .13s var(--ease), background .13s var(--ease);justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.field-btn:hover{border-color:var(--line-strong);background:var(--raised)}.field-label{color:var(--ink-2);font-size:12px}.field-value{font-family:var(--mono);color:var(--accent);font-size:12.5px;font-weight:600}.wide-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);align-items:center;gap:9px;padding:9px 11px;font-size:12.5px;display:flex}.wide-btn:hover{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}.wide-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.wide-btn.subtle{color:var(--ink-2);justify-content:center}.wb-icon{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.mini-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease);justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:11.5px;display:flex}.mini-btn span{place-items:center;display:grid}.mini-btn svg{width:14px;height:14px}.mini-btn:hover{color:var(--ink);border-color:var(--line-strong)}.sel-wrap{flex-direction:column;gap:4px;display:flex}.sel-label{color:var(--ink-3);font-size:11px}.sel-wrap select,.st-select select{appearance:none;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%237d7d88' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center / 11px;cursor:pointer;transition:border-color .13s var(--ease);padding:8px 26px 8px 10px;font-size:12.5px}.sel-wrap select:hover,.st-select select:hover{border-color:var(--line-strong)}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;padding:3px 0;font-size:12.5px;display:flex}.check input{appearance:none;border:1px solid var(--line-strong);background:var(--canvas);cursor:pointer;width:15px;height:15px;transition:background .13s var(--ease), border-color .13s var(--ease);border-radius:4px;flex-shrink:0}.check input:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 4.8 8.5 9.5 3.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 11px;border-color:var(--accent)}#stage{overscroll-behavior:contain;background:radial-gradient(120% 70% at 50% -10%, #ffffff09, transparent 62%), var(--canvas);flex:1;min-width:0;padding:36px 40px 64px;position:relative;overflow:auto}#entry-coach{z-index:4;border:1px solid var(--line-strong);border-radius:var(--r-md);width:max-content;max-width:calc(100% - 24px);color:var(--ink-2);box-shadow:var(--shadow-float);pointer-events:none;transition:opacity .16s var(--ease), transform .16s var(--ease);background:#16161af5;align-items:center;gap:10px;margin:-18px auto 14px;padding:7px 10px;font-size:11px;display:flex;position:sticky;top:12px}#entry-coach.is-dismissed{opacity:0;transform:translateY(-4px)}.coach-state{color:var(--ink);white-space:nowrap;font-weight:600}.coach-state:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-wash);border-radius:50%;margin-right:7px;display:inline-block}.coach-copy{white-space:nowrap}#entry-coach kbd{border-bottom-width:1px;padding:0 4px;font-size:9px}#stage::-webkit-scrollbar{width:11px}#stage::-webkit-scrollbar-thumb{border:3px solid var(--canvas);background:#23232a;border-radius:6px}#page-wrap{max-width:1120px;margin:0 auto}#page{box-shadow:var(--shadow-page);transition:background .28s var(--ease);border-radius:3px;position:relative;overflow:hidden}#page svg{display:block;width:100%!important;height:auto!important}body.horizontal-mode #stage{scroll-behavior:smooth;background:linear-gradient(90deg, #ffffff06, transparent 14%, transparent 86%, #ffffff05), var(--canvas)}body.horizontal-mode #page-wrap{width:max-content;max-width:none;margin-inline:0}body.horizontal-mode #page{flex:none}.flow-muted{opacity:.42}.page-vintage{background-image:radial-gradient(at 22% 12%,#fffbeb99,#0000 56%),radial-gradient(at 82% 88%,#78552821,#0000 58%)}.page-hymn{background-image:radial-gradient(at 30% 8%,#ffffff80,#0000 60%)}.page-reversed{box-shadow:var(--shadow-page), 0 0 0 1px #24242a}#credits{color:var(--ink-3);max-width:62ch;margin:16px 2px 0;font-size:10.5px;line-height:1.6}#credits a{color:var(--ink-2);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px}#credits a:hover{color:var(--ink)}#statusbar{height:var(--status-h);background:var(--panel);border-top:1px solid var(--line);color:var(--ink-3);flex-shrink:0;align-items:center;gap:14px;padding:0 16px;font-size:11.5px;display:flex}.st-item{white-space:nowrap;align-items:center;gap:7px;display:flex}#hud-pos{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}.st-sep{background:var(--line);flex-shrink:0;width:1px;height:15px}.st-spring{flex:1;min-width:8px}#hud-hint{text-overflow:ellipsis;overflow:hidden}#hud-hint kbd{border-bottom-width:1px;padding:0 4px;font-size:10px}.fill-meter{background:var(--line);border-radius:2px;width:64px;height:4px;overflow:hidden}.fill-meter>i{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform .16s var(--ease), background .16s var(--ease);display:block}#hud-fill.full .fill-meter>i{background:var(--good)}.save-state{color:var(--ink-3)}.save-state:before{content:"";background:var(--good);border-radius:50%;width:5px;height:5px}.save-state.is-saving:before{background:var(--ink-3)}.st-select{gap:7px}.st-select select{font-family:var(--mono);background-position:right 6px center;padding:3px 22px 3px 8px;font-size:11px}.panel-card,.pop,.drawer{background:var(--raised);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);z-index:50}.panel-card{right:26px;bottom:calc(var(--status-h) + 22px);border-radius:var(--r-lg);width:236px;animation:rise .2s var(--ease);padding:14px;position:fixed}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.pc-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pc-title{letter-spacing:-.005em;font-size:12.5px;font-weight:600}.x-btn{border-radius:var(--r-sm);width:24px;height:24px;color:var(--ink-3);transition:color .13s var(--ease), background .13s var(--ease);place-items:center;font-size:12px;display:grid}.x-btn:hover{color:var(--ink);background:var(--raised-2)}.tuner{text-align:center}.tuner-note{font-family:var(--display);min-height:50px;color:var(--accent);font-variant-numeric:lining-nums;font-size:46px;font-weight:600;line-height:1.05}.tuner-track{background:var(--canvas);border-radius:3px;height:6px;margin:10px 0 8px;position:relative;overflow:hidden}.tuner-track:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:0;bottom:0;left:50%}.tuner-needle{background:var(--ink-faint);will-change:transform;border-radius:3px;width:5px;transition:transform 90ms linear,background 90ms linear;position:absolute;top:0;bottom:0;left:calc(50% - 2.5px)}.tuner-cents{font-family:var(--mono);color:var(--ink-3);font-size:10.5px;line-height:1.4}.pop{border-radius:var(--r-lg);width:314px;animation:rise .18s var(--ease);padding:16px;position:fixed}.pop-head{margin-bottom:14px}.pop-title{font-size:12.5px;font-weight:600}.pop-controls{flex-direction:column;gap:7px;margin-top:14px;display:flex}.seg{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);gap:2px;padding:2px;display:flex}.seg-btn{color:var(--ink-3);white-space:nowrap;transition:color .13s var(--ease), background .13s var(--ease);border-radius:5px;flex:1;padding:6px 8px;font-size:11.5px}.seg-btn:hover{color:var(--ink-2)}.seg-btn.active{background:var(--raised-2);color:var(--ink)}.wide-seg{width:100%}.wheel{width:282px;height:282px;margin:0 auto;position:relative}.key-slot{border:1px solid var(--line);background:var(--canvas);width:46px;height:46px;transition:border-color .13s var(--ease), background .13s var(--ease), transform .16s var(--ease);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%,-50%)}.key-slot .kname{font-size:13.5px;font-weight:600;line-height:1}.key-slot .ksig{font-family:var(--mono);color:var(--ink-3);font-size:8.5px;line-height:1}.key-slot:hover{border-color:var(--line-strong);background:var(--raised-2);transform:translate(-50%,-50%)scale(1.1)}.key-slot.active{border-color:var(--accent);background:var(--accent-wash)}.key-slot.active .kname{color:var(--accent)}.key-slot.active .ksig{color:var(--accent);opacity:.8}.wheel-hub{text-align:center;width:118px;color:var(--ink-3);pointer-events:none;font-size:10.5px;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ts-preview{font-family:var(--display);color:var(--ink);flex-direction:column;align-items:center;gap:0;margin-bottom:14px;font-size:34px;font-weight:600;line-height:.94;display:flex}.ts-presets{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;display:grid}.ts-preset{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);font-family:var(--mono);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);padding:8px 0;font-size:12px}.ts-preset:hover{color:var(--ink);border-color:var(--line-strong)}.ts-preset.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.ts-custom{flex-direction:column;gap:8px;display:flex}.stepper{align-items:center;gap:6px;display:flex}.step{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);width:26px;height:26px;color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease);place-items:center;font-size:14px;line-height:1;display:grid}.step:hover{color:var(--ink);border-color:var(--line-strong)}.step-val{font-family:var(--mono);text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-size:15px;font-weight:500}.step-cap{color:var(--ink-3);font-size:11px}.den-row{gap:4px;display:flex}.den-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);width:32px;height:26px;font-family:var(--mono);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);font-size:11.5px}.den-btn:hover{color:var(--ink);border-color:var(--line-strong)}.den-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.drawer{top:var(--topbar-h);right:0;bottom:var(--status-h);width:366px;animation:slide-in .22s var(--ease);border-top:none;border-bottom:none;border-right:none;border-radius:0;flex-direction:column;display:flex;position:fixed}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}}.drawer .pc-head{border-bottom:1px solid var(--line);margin:0;padding:15px 16px}.drawer-kicker{color:var(--ink-3);font:500 9px var(--mono);letter-spacing:.04em;margin-top:3px}.drawer-body{flex-direction:column;gap:18px;padding:16px;display:flex;overflow-y:auto}.ex-block{flex-direction:column;gap:7px;display:flex}.ex-h{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);font-size:9.5px;font-weight:600}.opt-list{flex-direction:column;gap:4px;display:flex}.opt{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);text-align:left;transition:border-color .13s var(--ease), background .13s var(--ease);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.opt:hover{border-color:var(--line-strong);background:var(--raised-2)}.opt.active{border-color:var(--accent-line);background:var(--accent-wash)}.opt-title{color:var(--ink);font-size:12.5px;font-weight:500}.opt.active .opt-title{color:var(--accent)}.opt-sub{color:var(--ink-3);font-size:10.5px;line-height:1.4}.ex-progress{font-family:var(--mono);color:var(--ink-2);min-height:15px;font-size:11px}.ex-note{color:var(--ink-3);font-size:10.5px;line-height:1.55}.master-export{background:linear-gradient(145deg,#dc67451b,#0000 48%),#0a080657;border:1px solid #dc674561;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex;position:relative;box-shadow:inset 0 1px #fff7eb09}.master-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.master-head h3{color:var(--ink);font-family:var(--display);margin-top:2px;font-size:19px;font-weight:600}.master-eyebrow{color:var(--accent);font:650 8px var(--mono);letter-spacing:.13em;text-transform:uppercase}.master-badge{border:1px solid var(--accent-line);color:var(--accent);font:650 8px var(--mono);letter-spacing:.08em;border-radius:4px;padding:4px 6px}.master-grid,.quick-export-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.asset-check{border:1px solid var(--line);cursor:pointer;min-width:0;transition:border-color .14s var(--ease), background .14s var(--ease);background:#0d0b0985;border-radius:7px;align-items:flex-start;gap:8px;padding:9px;display:flex}.asset-check:has(input:checked){background:#dc674512;border-color:#dc67456b}.asset-check input{accent-color:var(--accent);margin-top:2px}.asset-check span{flex-direction:column;gap:2px;min-width:0;display:flex}.asset-check b{color:var(--ink-2);font-size:10.5px;font-weight:600}.asset-check small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:1.25;overflow:hidden}.asset-check.optional{opacity:.76}.master-button{min-height:38px}.master-meter{background:var(--line);border-radius:2px;height:2px;overflow:hidden}.master-meter i{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform .18s var(--ease);display:block;transform:scaleX(0)}.quick-export-grid .wide-btn{justify-content:center}.import-report{border:1px solid var(--line-strong);width:min(520px,100vw - 32px);box-shadow:var(--shadow-float);background:#1d1915fb;padding:18px}.import-report-body{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 16px;display:grid}.import-stat{border:1px solid var(--line);background:var(--canvas);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:13px 8px;display:flex}.import-stat strong{color:var(--ink);font:600 22px var(--mono)}.import-stat span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.import-review{border:1px solid var(--accent-line);background:var(--accent-wash);border-radius:7px;margin-bottom:14px;padding:12px 14px}.import-review h3{color:var(--ink-2);margin-bottom:7px;font-size:11px;font-weight:600}.import-review ul{color:var(--ink-3);flex-direction:column;gap:5px;padding-left:16px;font-size:10.5px;line-height:1.45;display:flex}.import-report>.ex-note{margin-bottom:14px}.midi-import-summary{border:1px solid var(--line);color:var(--ink-2);background:var(--canvas);font:500 9.5px/1.45 var(--mono);border-radius:7px;margin:-6px 0 14px;padding:9px 11px}.midi-realize{border:1px solid var(--line-strong);width:min(580px,100vw - 32px);box-shadow:var(--shadow-float);background:#1d1915fb;padding:18px}.midi-realize-hero{color:var(--accent);font:650 8px var(--mono);letter-spacing:.13em;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:2px 0 14px;display:grid}.midi-realize-hero i{background:var(--line-strong);height:1px;position:relative}.midi-realize-hero i:after{content:"";background:var(--line-strong);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:0}.midi-realize-copy{color:var(--ink-2);margin-bottom:16px;font-size:12px;line-height:1.55}.midi-realize-checks{flex-direction:column;gap:8px;margin:14px 0;display:flex}.midi-realize-note{border:1px solid var(--accent-line);color:var(--ink-3);background:var(--accent-wash);border-radius:7px;margin-bottom:16px;padding:11px 13px;font-size:10.5px;line-height:1.5}.midi-realize-note b{color:var(--ink-2)}.overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .16s var(--ease);background:#050507b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.help-card{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:min(720px,100%);max-height:100%;box-shadow:var(--shadow-float);overflow-y:auto}.help-card .pc-head{border-bottom:1px solid var(--line);margin:0;padding:16px 20px}.help-grid{grid-template-columns:repeat(3,1fr);gap:26px;padding:20px;display:grid}.help-h{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);margin-bottom:10px;font-size:9.5px;font-weight:600}.help-col dl{grid-template-columns:auto 1fr;align-items:baseline;gap:9px 12px;display:grid}.help-col dt{white-space:nowrap}.help-col dd{color:var(--ink-2);font-size:12px}#toast.is-idle{opacity:0;visibility:hidden;transform:translate(-50%,6px)}#toast{left:50%;bottom:calc(var(--status-h) + 20px);transition:opacity .18s var(--ease), transform .18s var(--ease), visibility 0s linear 0s;z-index:70;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--raised-2);color:var(--ink);box-shadow:var(--shadow-float);animation:toast-in .18s var(--ease);max-width:min(460px,80vw);padding:10px 16px;font-size:12.5px;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=1080px){#hud-hint{display:none}}@media (width<=900px){#topbar{grid-template-columns:auto minmax(100px,1fr) auto auto;gap:14px;padding:0 12px}.top-right .ghost-btn,.themes,.brand-sub,.t-composer{display:none}.t-title{max-width:none}.mobile-only{display:flex!important}#rail{width:190px}#stage{padding:20px 16px 44px}}@media (width<=760px){#workspace{flex-direction:column-reverse}#rail{border-right:none;border-top:1px solid var(--line);flex:none;width:100%}#mobile-tool-tabs{border-bottom:1px solid var(--line-soft);background:var(--panel);flex:none;grid-template-columns:repeat(4,1fr);height:38px;padding:3px 6px 0;display:grid}.mobile-tool-tab{color:var(--ink-3);letter-spacing:.01em;font-size:10.5px;font-weight:600;position:relative}.mobile-tool-tab:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:22%;right:22%}.mobile-tool-tab.active{color:var(--ink)}.mobile-tool-tab.active:after{background:var(--accent)}#rail-tools{scrollbar-width:none;flex-direction:row;align-items:stretch;min-height:72px;max-height:92px;padding-top:0;display:flex;overflow:auto hidden}#rail-tools::-webkit-scrollbar{display:none}#rail[data-mobile-tool=notes] #rail-tools>:not([data-tool-group=notes]),#rail[data-mobile-tool=rhythm] #rail-tools>:not([data-tool-group=rhythm]),#rail[data-mobile-tool=setup] #rail-tools>:not([data-tool-group=setup]),#rail[data-mobile-tool=file] #rail-tools,#rail:not([data-mobile-tool=file]) .rail-foot{display:none}#rail[data-mobile-tool=file] .rail-foot{border-top:none;grid-template-columns:repeat(4,minmax(74px,1fr));align-items:center;min-height:72px;padding:10px 12px;display:grid}.rail-sec{border-bottom:none;border-right:1px solid var(--line-soft);flex-direction:row;flex-shrink:0;align-items:center;gap:8px;padding:9px 12px}.rail-h{writing-mode:vertical-rl;letter-spacing:.16em;margin-bottom:0;font-size:8.5px;transform:rotate(180deg)}.dur-grid,.tuplet-grid,.acc-grid,.voice-grid,.rail-pair{gap:4px;display:flex}.voice-btn{flex:0 0 36px;width:36px}.tool{width:40px}.rail-sec .field-btn,.rail-sec .wide-btn,.sel-wrap{min-width:128px}.sel-wrap{flex-direction:row;align-items:center;gap:6px}#stage{flex:1;min-height:0;padding:14px 12px 24px}#entry-coach{margin:-4px auto 10px;top:8px}#credits{margin-top:10px;font-size:9.5px}}@media (width<=560px){#topbar{grid-template-columns:auto minmax(68px,1fr) auto auto;gap:7px;padding:0 8px}.brand-mark{font-size:23px}.t-title{padding:3px 4px;font-size:12px}#btn-undo,#btn-redo,.tempo-unit{display:none}.transport{gap:4px}.tempo{padding:4px 6px}#tempo{width:32px;font-size:12px}.accent-btn{padding:8px 10px}#statusbar{gap:10px;padding:0 10px}.save-state{display:none}#entry-coach{justify-content:center;width:calc(100% - 12px);padding:7px 8px}.coach-copy{text-overflow:ellipsis;overflow:hidden}.coach-detail{display:none}.drawer,.pop{width:auto;max-width:none;left:10px;right:10px}.pop{bottom:calc(var(--status-h) + 12px);max-height:72vh;overflow-y:auto;top:auto!important}.wheel{width:258px;height:258px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}#hud-input{font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--line);color:var(--ink-3);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:10px}#hud-input.on{color:#fff;background:var(--accent-fill);border-color:var(--accent-fill)}.inline-text{z-index:80;width:150px;font:600 13px var(--ui);color:var(--ink);background:var(--raised-2);border:1px solid var(--accent-line);border-radius:var(--r-md);box-shadow:var(--shadow-float);padding:7px 10px;position:fixed}.inline-text:focus{outline:none}#voice-card .seg{margin-bottom:12px}#chord-builder{flex-direction:column;gap:10px;margin-top:12px;display:flex}#chord-chips{flex-wrap:wrap;gap:5px;min-height:30px;display:flex}.chip-note{border:1px solid var(--accent-line);background:var(--accent-wash);color:var(--accent);font:600 12.5px var(--ui);animation:rise .16s var(--ease);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.chip-note button{color:inherit;opacity:.7;font-size:10px}.chord-name{font-family:var(--display);text-align:center;min-height:28px;color:var(--ink);font-size:24px;font-weight:600}#chord-builder .rail-pair .accent-btn{padding:9px 0}.help-grid.editable{grid-template-columns:repeat(3,1fr);max-height:56vh;overflow-y:auto}.sc-list{flex-direction:column;gap:3px;display:flex}.sc-row{grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:2px 0;display:grid}.sc-label{color:var(--ink-2);font-size:12px}.sc-bind{font-family:var(--mono);border:1px solid var(--line);color:var(--ink);background:var(--canvas);white-space:nowrap;border-radius:5px;padding:3px 8px;font-size:11px}.sc-bind:hover{border-color:var(--line-strong)}.sc-bind.customized{color:var(--accent);border-color:var(--accent-line)}.sc-bind.capturing{color:#fff;background:var(--accent-fill);border-color:var(--accent-fill)}.sc-reset{color:var(--ink-3);font-size:12px}.sc-reset:hover{color:var(--ink)}.sc-footer{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;font-size:11.5px;display:flex}.new-score{width:min(460px,94vw)}.ns-body{flex-direction:column;gap:12px;padding:18px 20px 20px;display:flex}.ns-row{gap:10px;display:flex}.ns-row .ns-field{flex:1}.ns-field{flex-direction:column;gap:4px;display:flex}.ns-field span{color:var(--ink-3);font-size:11px}.ns-field input,.ns-field select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);padding:8px 10px;font-size:13px}.ns-field input:focus,.ns-field select:focus{border-color:var(--accent-line);outline:none}:root{--canvas:#100e0b;--panel:#15120f;--raised:#1d1915;--raised-2:#27211b;--line-soft:#211c17;--line:#3a3128;--line-strong:#5a4a3a;--ink:#f5efe6;--ink-2:#b7aa9b;--ink-3:#8d7f70;--ink-faint:#6e6256;--accent:#dc6745;--accent-hot:#ec7855;--accent-fill:#b94b2d;--accent-fill-hot:#cb5838;--accent-wash:#dc674524;--accent-line:#dc674580;--good:#7ca47c;--rail-w:232px;--shadow-page:0 1px 1px #0c0805ad, 0 18px 40px -9px #080503b8, 0 56px 110px -28px #060402d6;--shadow-float:0 1px 0 #ffefda0d inset, 0 2px 8px #0805037a, 0 24px 60px -14px #060402c7}body:after{content:"";z-index:100;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(93deg,#0000 0 3px,#fff4e24d 4px),repeating-linear-gradient(177deg,#0000 0 5px,#00000057 6px);position:fixed;inset:0}#topbar,#statusbar,#rail{background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(22px)saturate(118%);backdrop-filter:blur(22px)saturate(118%)}#topbar{border-bottom-color:#745f4b6b;box-shadow:inset 0 1px #fff0da06,0 9px 24px #06040224}.brand-mark{letter-spacing:-.025em;text-shadow:0 1px #ffffff0d}#stage{background:radial-gradient(95% 70% at 51% -2%, #c4906017, transparent 60%), radial-gradient(80% 55% at 50% 108%, #58321d2e, transparent 68%), var(--canvas)}.play-btn,.deck-play{box-shadow:inset 0 1px #ffffff29,0 8px 22px -7px #dc6745b8}.metronome-btn.active,.deck-toggle.active{color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-line)}.count-in{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);height:32px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;padding:0 5px 0 9px;font-size:9px;font-weight:600;display:flex}.count-in select,.deck-count select{appearance:none;color:var(--ink);font:500 10.5px var(--mono);cursor:pointer;background:0 0;border:none}.count-in select:focus,.deck-count select:focus{outline:none}.broadcast-btn{align-items:center;gap:7px;display:inline-flex}.broadcast-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.structure-value{text-overflow:ellipsis;white-space:nowrap;text-transform:none;max-width:102px;font-size:10px;overflow:hidden}.titles{grid-template-rows:25px 20px;grid-template-columns:minmax(90px,1fr) minmax(84px,.65fr);align-items:center;gap:0 4px;display:grid}#score-title{grid-column:1/-1}#score-subtitle{grid-column:1}#score-composer{text-align:right;grid-column:2}.t-title,.t-composer{min-height:0;background:0 0!important}.bar-actions .wide-btn{justify-content:center;min-width:0;padding-inline:8px}.measure-range-overlay{z-index:1;pointer-events:none;mix-blend-mode:normal;background:#dc674516;border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1.5px #dc674585}.event-range-overlay{z-index:2;pointer-events:none;background:#e24e371f;border-radius:5px;position:absolute;box-shadow:inset 0 0 0 1.5px #e24e37b8,0 0 0 3px #e24e3712}#range-actions{z-index:38;left:calc(var(--rail-w) + (100vw - var(--rail-w)) / 2);bottom:calc(var(--status-h) + 18px);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);box-shadow:var(--shadow-float);animation:rise .18s var(--ease);background:#1d1915f0;border-radius:11px;align-items:center;gap:5px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}body.is-playing #range-actions,body.broadcast-mode #range-actions{bottom:calc(var(--status-h) + 114px)}.range-grip{background:var(--accent);border-radius:3px;width:3px;height:24px;margin:0 4px 0 1px}#range-label{font:600 11px var(--mono);color:var(--ink);white-space:nowrap;padding:0 7px 0 2px}.range-hint{color:var(--ink-3);white-space:nowrap;padding-right:8px;font-size:10px}#range-actions button{color:var(--ink-2);transition:color .13s var(--ease), background .13s var(--ease), transform .1s ease-out;border-radius:6px;padding:7px 9px;font-size:11px}#range-actions button:hover,#range-actions button.active{color:var(--ink);background:var(--raised-2)}#range-actions button:active{transform:scale(.97)}#range-actions .range-primary{color:#fff;background:var(--accent-fill)}#range-actions .range-primary:hover{background:var(--accent-fill-hot)}.score-context{z-index:58;border:1px solid var(--line-strong);border-radius:var(--r-md);width:244px;box-shadow:var(--shadow-float);animation:context-in .14s var(--ease);background:#121216fa;padding:6px;position:fixed}.score-context button{border-radius:var(--r-sm);width:100%;min-height:34px;color:var(--ink-2);text-align:left;justify-content:space-between;align-items:center;padding:0 9px;font-size:11.5px;display:flex}.score-context button:hover,.score-context button:focus-visible{color:var(--ink);background:var(--raised-2)}.score-context kbd{color:var(--ink-3);font:500 9.5px var(--mono)}.context-rule{background:var(--line);height:1px;margin:5px 7px;display:block}.transform-panel{z-index:57;border:1px solid var(--line-strong);border-radius:var(--r-lg);width:356px;max-height:min(680px,100vh - 84px);box-shadow:var(--shadow-float);animation:context-in .18s var(--ease);background:#121216fb;padding:16px;position:fixed;overflow:auto}@keyframes context-in{0%{opacity:0;transform:translateY(5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.transform-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.transform-head h2{font:500 25px/1 var(--display);letter-spacing:-.01em}.transform-head p{color:var(--ink-3);font:500 9.5px var(--mono);letter-spacing:.035em;margin-top:5px}.transform-scope{margin-bottom:10px}.transform-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:12px;display:grid}.transform-tabs button{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;padding:9px 3px 10px;font-size:10px;font-weight:600;position:relative}.transform-tabs button.active{color:var(--ink)}.transform-tabs button.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:7px;right:7px}.transform-pane{min-height:214px}.interval-ladder{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.interval-ladder button{border-bottom:1px solid var(--line-soft);min-height:36px;color:var(--ink-2);text-align:left;justify-content:space-between;align-items:center;padding:0 8px;font-size:10.5px;display:flex}.interval-ladder button:hover,.interval-ladder button.active{color:var(--ink);background:var(--raised-2)}.interval-ladder b{width:34px;color:var(--ink-3);font:600 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;display:inline-block}.interval-ladder small{color:var(--ink-3);font:500 8.5px var(--mono)}.transform-mode-toggle{width:174px;margin:0 auto}.transform-key-wheel{border:1px solid var(--line);border-radius:50%;width:252px;height:252px;margin:5px auto -2px;position:relative}.transform-key-wheel:after{content:"circle of fifths";width:68px;color:var(--ink-3);font:500 8px/1.3 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transform-key-wheel button{z-index:1;border:1px solid var(--line);background:var(--panel);width:42px;height:26px;color:var(--ink-2);font:500 10px var(--mono);transform:rotate(calc(var(--key-index) * 360deg / var(--key-count))) translateY(-106px) rotate(calc(var(--key-index) * -360deg / var(--key-count)));border-radius:50%;position:absolute;top:calc(50% - 13px);left:calc(50% - 21px)}.transform-key-wheel button:hover,.transform-key-wheel button.active{border-color:var(--accent);color:var(--ink);background:var(--accent-wash)}.transform-tonic{color:var(--ink-3);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;font-weight:600;display:flex}.transform-tonic select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);min-width:84px;color:var(--ink);font:500 11px var(--mono);padding:5px 24px 5px 8px}.transform-modes{grid-template-columns:1fr 1fr;gap:3px 12px;display:grid}.transform-modes button{border-bottom:1px solid var(--line-soft);min-height:43px;color:var(--ink-2);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.transform-modes button:hover,.transform-modes button.active{color:var(--ink);background:var(--raised-2)}.transform-modes strong{font-size:10.5px;font-weight:600}.transform-modes span{color:var(--ink-3);font:500 8.5px var(--mono)}.transform-explain{min-height:38px;color:var(--ink-2);margin:9px 1px 11px;font-size:10.5px;line-height:1.45}#performance-deck{z-index:36;left:calc(var(--rail-w) + (100vw - var(--rail-w)) / 2);bottom:calc(var(--status-h) + 16px);width:min(1010px, calc(100vw - var(--rail-w) - 48px));-webkit-backdrop-filter:none;backdrop-filter:none;min-height:82px;box-shadow:var(--shadow-float);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease), transform .28s var(--ease), visibility 0s linear .28s;background:linear-gradient(#fff4e109,#0000 34%),#191511ed;border:1px solid #705b46b8;border-radius:16px;grid-template-columns:minmax(130px,.9fr) auto 48px minmax(220px,2fr) auto auto;align-items:center;gap:16px;padding:12px 14px 11px 16px;display:grid;position:fixed;transform:translate(-50%,12px)scale(.985)}body.is-playing #performance-deck,body.broadcast-mode #performance-deck{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(28px)saturate(135%);backdrop-filter:blur(28px)saturate(135%);pointer-events:auto;transition-delay:0s;transform:translate(-50%)scale(1)}.deck-identity{flex-direction:column;gap:3px;min-width:0;display:flex}.deck-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:8.5px;font-weight:700;display:flex}.deck-kicker i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-wash);border-radius:50%}body.is-playing .deck-kicker i{animation:1.25s ease-in-out infinite deck-pulse}@keyframes deck-pulse{50%{opacity:.45}}#deck-title{text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);letter-spacing:-.015em;font-size:18px;font-weight:600;overflow:hidden}.deck-position{font-variant-numeric:tabular-nums;grid-template-columns:auto auto auto 1px auto auto auto;align-items:baseline;gap:5px;display:grid}.deck-position strong{color:var(--ink);font:600 25px/1 var(--mono);letter-spacing:-.06em}.deck-position small{color:var(--ink-3);font:500 10px var(--mono)}.deck-unit{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}.deck-rule{background:var(--line);align-self:center;width:1px;height:29px;margin:0 7px}.deck-play{background:var(--accent);color:#fff;width:44px;height:44px;transition:transform .12s ease-out, background .14s var(--ease);border-radius:50%;place-items:center;display:grid}.deck-play:hover{background:var(--accent-hot)}.deck-play:active{transform:scale(.95)}.deck-play.playing{background:var(--raised-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.deck-timeline{flex-direction:column;gap:4px;min-width:0;display:flex}#playback-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}#playback-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent), var(--accent)) 0/var(--range-fill,0%) 100% no-repeat, var(--line);border-radius:3px;height:4px}#playback-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--raised);background:var(--ink);width:13px;height:13px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin-top:-4.5px}.deck-times{color:var(--ink-3);font:500 9.5px var(--mono);justify-content:space-between;display:flex}.deck-toggle,.deck-count{border:1px solid var(--line);height:46px;color:var(--ink-2);background:#0a080661;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:flex}.deck-count{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:1px}.deck-count>span{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:8px}#countoff-display{z-index:44;left:calc(var(--rail-w) + (100vw - var(--rail-w)) / 2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:190px;height:190px;box-shadow:0 0 0 10px #dc67450f, var(--shadow-float);background:#14100de0;border:1px solid #dc6745b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:.16s ease-out count-arrive;display:flex;position:fixed;top:49%;transform:translate(-50%,-50%)}@keyframes count-arrive{0%{opacity:0;transform:translate(-50%,-50%)scale(.88)}}.countoff-kicker,#countoff-meter{color:var(--ink-3);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:700}#countoff-number{color:var(--ink);font:600 72px/.9 var(--display);letter-spacing:-.08em;margin:5px 0 1px}.structure-pop{width:340px}.structure-field,.structure-block{flex-direction:column;gap:6px;display:flex}.structure-field>span,.structure-label{color:var(--ink-3);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:650}.structure-field input{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);background:var(--canvas);padding:10px 11px}.structure-field input:focus{border-color:var(--accent-line);outline:none}.structure-presets{gap:4px;margin:6px 0 14px;display:flex}.structure-presets button{border:1px solid var(--line);color:var(--ink-2);background:var(--canvas);border-radius:5px;flex:1;padding:6px 4px;font-size:10px}.structure-presets button:hover{border-color:var(--line-strong);color:var(--ink)}.structure-block{margin:11px 0}.structure-check{padding:6px 0}.barline-options{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.barline-options button{border:1px solid var(--line);border-radius:var(--r-sm);height:58px;color:var(--ink-3);background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.barline-options button:hover{color:var(--ink);border-color:var(--line-strong)}.barline-options button.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.barline-options i{border-top:1px solid;border-bottom:1px solid;width:34px;height:20px;display:block;position:relative}.barline-options i:before,.barline-options i:after{content:"";background:currentColor;width:1px;position:absolute;top:-1px;bottom:-1px;right:10px}.barline-options .bar-double:after{right:6px}.barline-options .bar-final:after,.barline-options .bar-repeat:after{width:3px;right:5px}.barline-options .bar-repeat{box-shadow:inset -16px 6px 0 -14px,inset -16px 12px 0 -14px}body.broadcast-mode #rail{opacity:0;pointer-events:none;border-right:none;width:0}body.broadcast-mode #statusbar,body.broadcast-mode #range-actions,body.broadcast-mode .measure-range-overlay{display:none!important}body.broadcast-mode #performance-deck{bottom:22px}body.broadcast-mode #topbar{grid-template-columns:auto 1fr auto}body.broadcast-mode .titles,body.broadcast-mode #btn-undo,body.broadcast-mode #btn-redo,body.broadcast-mode .top-right>:not(#btn-broadcast),body.broadcast-mode .brand-sub{display:none}body.broadcast-mode .transport{justify-self:center}body.broadcast-mode .top-right{justify-self:end}body.broadcast-mode #stage{padding-inline:4.5vw;padding-bottom:140px}body.broadcast-mode #page-wrap{max-width:1380px}body.broadcast-mode #performance-deck,body.broadcast-mode #range-actions,body.broadcast-mode #countoff-display{left:50%}body.broadcast-mode #performance-deck{width:min(1120px,100vw - 56px)}@media (width<=1120px){.count-in>span,.range-hint,.deck-identity{display:none}#performance-deck{grid-template-columns:auto 46px minmax(180px,2fr) auto auto}}@media (width<=900px){.count-in,#btn-metronome,#btn-broadcast{display:none}}@media (width<=760px){#performance-deck,#range-actions,#countoff-display{left:50%}#performance-deck{grid-template-columns:auto 44px 1fr auto;gap:9px;width:calc(100vw - 20px);padding:9px 10px}.deck-count,.deck-position small,.deck-rule,.deck-position>:nth-last-child(-n+3){display:none}#range-actions{max-width:calc(100vw - 18px)}#range-actions #insert-bar-after,#range-actions .range-hint{display:none}}@media (width<=560px){#performance-deck{grid-template-columns:42px 1fr auto}.deck-position,.deck-toggle span:last-child{display:none}.deck-toggle{width:42px;padding:0}#range-actions{bottom:calc(var(--status-h) + 10px)}body.is-playing #range-actions,body.broadcast-mode #range-actions{bottom:calc(var(--status-h) + 104px)}.transform-panel{right:8px;bottom:calc(var(--status-h) + 8px);width:auto;max-height:calc(100vh - var(--topbar-h) - var(--status-h) - 18px);border-radius:var(--r-lg) var(--r-lg) var(--r-sm) var(--r-sm);top:auto!important;left:8px!important}.score-context{max-width:calc(100vw - 16px)}}@media (prefers-reduced-transparency:reduce){#topbar,#statusbar,#rail,#performance-deck,#range-actions,#countoff-display,.score-context,.transform-panel{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}}