#grid-status{border-top:1px solid var(--line);flex:none;padding-top:8px}.axis-controls{grid-template-rows:25px 20px 25px;grid-template-columns:1fr 28px;gap:2px 12px;margin-top:5px;display:grid}#axis-info,#axis-actions{grid-area:1/1/3;min-width:0}#axis-up{grid-area:1/2}#axis-vertical{grid-area:2/2}#axis-down{grid-area:3/2}.axis-horizontal{grid-area:3/1;align-items:center;gap:9px;display:flex}.axis-controls button{min-width:28px;height:25px;padding:0;font-size:19px;line-height:1}.axis-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:13px}.axis-target{border:1px solid var(--line);border-radius:3px;width:max-content;margin-top:3px;font-size:10px;display:flex;overflow:hidden}.axis-target span{color:var(--muted);padding:2px 8px}.axis-target .active{background:var(--mint);color:var(--ink)}#axis-info small{color:var(--muted);margin-top:2px;font-size:8px;display:block}#axis-scale .eyebrow,#axis-scale .scale-sub{display:none}#axis-scale .scale-heading{gap:5px;line-height:1}#axis-scale .tonic{letter-spacing:0;font-size:17px}#axis-scale .scale-name{margin-left:5px;font-size:12px}#axis-scale .scale-heading>div{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}#axis-scale kbd{min-width:18px;padding:2px;font-size:9px}#axis-actions:not([hidden]){flex-direction:column;align-items:flex-start;gap:3px;display:flex}#axis-actions button{height:22px;padding:3px 12px;font-size:11px}#axis-set{background:var(--mint);color:var(--ink)}#grid-status button:disabled{opacity:.35}#grid-status [hidden]{display:none!important}@media (width<=1449px){.sidebar{gap:8px}}.sidebar>section{flex-shrink:0}@media (height<=850px){.sidebar .mode{height:22px}}#help-dialog{box-sizing:border-box;width:min(1000px,100vw - 48px);max-width:none;height:min(850px,100dvh - 48px);max-height:none;color:var(--text);background:#19241e;border:1px solid #577664;border-radius:8px;padding:0}#help-dialog[open]{flex-direction:column;display:flex}#help-dialog::backdrop{background:#08120caa}#help-dialog header,#help-dialog footer{flex:none;padding:20px 24px}#help-dialog h1{margin:7px 0 18px;font-size:26px}#help-dialog h2{font-size:19px}#help-dialog nav{gap:12px;display:flex}#help-dialog section{min-height:0;padding:0 24px 20px;overflow:auto}#help-dialog p,#help-dialog dd{color:var(--muted);font-size:13px;line-height:1.6}#help-dialog dl{grid-template-columns:150px 1fr;gap:14px;display:grid}#help-dialog dt{font-size:13px}#help-dialog dd{margin:0}#help-dialog footer{border-top:1px solid var(--line);text-align:right}#help-dialog button{padding:9px 14px}#help-dialog button[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}.help-examples{grid-template-columns:1fr 1fr;gap:16px;display:grid}.help-examples article{border:1px solid var(--line);border-radius:6px;padding:18px}.help-examples h3{margin-top:0}.help-examples small{color:var(--muted);margin-bottom:16px;display:block}.target-active{color:var(--mint)!important}#slot-recollect{margin-top:14px}@media (width<=650px){.help-examples{grid-template-columns:1fr}#help-dialog dl{grid-template-columns:95px 1fr}}#help-dialog .keyboard-map{margin:0;overflow-x:auto}#help-dialog .keyboard-map svg{width:100%;min-width:760px;height:auto;display:block}#help-dialog .keyboard-map-caption{margin:12px 0 24px}#performance-settings body{min-width:360px}#performance-settings .app-header{gap:24px}#performance-settings .badge{border:1px solid var(--line);color:var(--muted);border-radius:20px;margin-left:auto;padding:7px 10px;font-size:11px}#performance-settings main{flex-direction:column;max-width:1460px;height:calc(100dvh - 104px);margin:auto;padding:22px 28px 18px;display:flex}#performance-settings .intro{flex:none;margin-bottom:16px}#performance-settings h1{letter-spacing:-.8px;margin:7px 0;font-size:27px}#performance-settings h2{margin:0 0 10px;font-size:15px}#performance-settings p{color:var(--muted);margin:6px 0 14px;font-size:12px;line-height:1.5}#performance-settings .intro p{margin-bottom:0}#performance-settings .layout{flex:1;grid-template-columns:minmax(380px,1fr) minmax(0,1fr);gap:24px;min-height:0;display:grid}#performance-settings .settings,#performance-settings .summary{background:#19241e;border:1px solid #3c5346;border-radius:7px;flex-direction:column;min-width:0;min-height:0;display:flex}#performance-settings .fields{flex:1;min-height:0;padding:20px;overflow:auto}#performance-settings .fields h2:not(:first-child){border-top:1px solid var(--line);margin-top:18px;padding-top:18px}#performance-settings .pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}#performance-settings label{margin-bottom:12px;font-size:12px;line-height:1.4;display:block}#performance-settings input[type=number],#performance-settings select{width:100%;color:var(--text);font:inherit;background:#111c16;border:1px solid #526c5a;border-radius:4px;margin-top:7px;padding:9px 10px;font-size:13px;display:block}#performance-settings input:focus-visible,#performance-settings select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}#performance-settings .check{align-items:center;gap:9px;margin:10px 0;display:flex}#performance-settings .check input{accent-color:var(--mint);width:15px;height:15px;margin:0}#performance-settings .check+p{margin-left:24px;font-size:11px}#performance-settings .actions{border-top:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:16px;display:flex}#performance-settings .actions button{padding:10px 14px}#performance-settings .primary{background:var(--mint);color:var(--ink);font-weight:650}#performance-settings button:disabled{opacity:.4}#performance-settings #perf-status{color:var(--muted);flex:1;font-size:11px}#performance-settings #perf-error{color:#f0bc93;min-height:18px;margin-bottom:0}#performance-settings .summary{padding:22px;overflow:auto}#performance-settings .summary-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}#performance-settings .summary-heading h2{margin:6px 0 0;font-size:23px}#performance-settings #perf-draft-label{color:var(--mint);font-size:11px}#performance-settings .device{border:1px solid var(--line);border-radius:5px;align-items:flex-start;gap:10px;padding:12px;display:flex}#performance-settings .device strong{font-size:12px;font-weight:500}#performance-settings .device p{margin:3px 0 0;font-size:11px}#performance-settings .device-dot{background:#7b9180;border-radius:50%;width:7px;height:7px;margin-top:5px}#performance-settings .route{border-bottom:1px solid var(--line);padding:18px 0}#performance-settings .route-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}#performance-settings .route strong{font-size:13px}#performance-settings .route span,#performance-settings .route small{color:var(--muted);font-size:11px}#performance-settings .route p{color:var(--mint);margin:10px 0 6px;font-size:14px}#performance-settings .retention{margin:20px 0 0}#performance-settings .retention p{margin:8px 0;font-size:12px}#performance-settings .explanation{margin-top:auto;padding-top:18px;font-size:11px}#performance-settings .applied{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding-top:14px;font-size:11px;display:flex}#performance-settings .applied strong{text-align:right;color:var(--text);font-weight:500}#performance-settings #perf-review-bar{gap:20px;min-width:0;height:40px;font-size:11px}#performance-settings #perf-review-bar strong{letter-spacing:1px;font-size:10px}#performance-settings{box-sizing:border-box;color:#e6e9df;background:#14201b;border:1px solid #577664;border-radius:8px;width:min(1380px,100vw - 48px);max-width:none;height:min(920px,100dvh - 48px);max-height:none;padding:24px;overflow:auto}#performance-settings[open]{flex-direction:column;display:flex}#performance-settings::backdrop{background:#08120caa}#performance-settings .intro{border:0;padding:0;display:block}#performance-settings .layout{flex:1;min-height:0}#performance-settings .summary{min-width:0}#performance-settings [hidden]{display:none!important}@media (width<=850px){#performance-settings .layout{flex-direction:column;flex:none;display:flex}#performance-settings .fields,#performance-settings .summary{overflow:visible}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141b1a;--panel:#1b2321;--line:#33403b;--text:#e8eae1;--muted:#9ba9a2;--soft:#6e8378;--mint:#a0dfc8;--amber:#e8b878;--ink:#172c23;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:13px}button,a{font:inherit}button{color:inherit;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{opacity:1}button{border:1px solid var(--line);background:0 0;border-radius:5px}kbd{color:var(--muted);text-align:center;background:#151d19;border:1px solid #39453f;border-bottom-width:2px;border-radius:4px;min-width:21px;padding:3px 5px;font-family:inherit;font-size:11px;font-weight:500;line-height:1;display:inline-block}svg{display:block}#instrument{flex-direction:column;height:calc(100vh - 44px);min-height:706px;display:flex}.app-header{border-bottom:1px solid var(--line);background:#18201d;flex:none;align-items:center;gap:30px;height:58px;padding:0 22px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:590;display:flex}.brand small{color:var(--mint);letter-spacing:1px;margin-left:2px;font-size:10px;font-weight:500}.app-menu{color:#aeb9b1;gap:19px;font-size:12px;display:flex}.header-right{align-items:center;gap:20px;margin-left:auto;display:flex}.document-title{color:var(--muted);font-size:12px}.document-title b{color:var(--text);font-weight:500}.sound-select{align-items:center;gap:22px;padding:7px 10px;font-size:12px;display:flex}.workspace{flex:1;grid-template-columns:182px minmax(0,1fr);gap:22px;min-height:0;padding:16px 22px 10px;display:grid}.sidebar{flex-direction:column;gap:14px;min-height:0;display:flex}.eyebrow{letter-spacing:1.4px;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:650}.scale-heading{justify-content:space-between;align-items:center;display:flex}.scale-heading .tonic{letter-spacing:-1.8px;font-size:35px;font-weight:500;line-height:1.1}.scale-heading .scale-name{letter-spacing:0;color:var(--text);margin-left:9px;font-size:14px}.scale-sub{color:var(--muted);justify-content:space-between;align-items:center;margin-top:5px;font-size:11px;display:flex}.section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-head .hint{color:var(--soft);font-size:10px}.modes{flex-direction:column;gap:3px;display:flex}.mode{text-align:left;color:#b0bbb3;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;height:27px;padding:0 7px;font-size:12px;display:flex}.mode .radio{border:1px solid #738a7c;border-radius:50%;flex:none;width:9px;height:9px}.mode .slot{color:var(--soft);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.mode.active{color:var(--mint);background:#2a4034}.mode.active .radio{background:var(--mint);outline:1px solid var(--mint);border:2px solid #263c30}.mode.active .slot{color:var(--mint)}.separator{border-top:1px solid var(--line);padding-top:12px}.performance{grid-template-columns:1fr 1fr;gap:6px;display:grid}.control{justify-content:space-between;align-items:center;min-height:34px;padding:8px 7px;font-size:11px;display:flex}.control.active{color:#bbedd6;background:#30463a;border-color:#658c77}.control.active kbd{color:var(--mint);background:#1d3427;border-color:#53705e}.control-note{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.45}.metronome{border-top:1px solid var(--line);margin-top:auto;padding-top:11px}.tempo-readout{align-items:center;gap:7px;margin-bottom:9px;display:flex}.tempo-readout .rate{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:29px;font-weight:500}.tempo-readout .units{color:var(--muted);font-size:10px;line-height:1.3}.metro-state{letter-spacing:.4px;color:var(--mint);align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.pulses{gap:3px;display:flex}.pulse{background:#32483b;width:8px;height:8px}.pulse.lit{background:var(--mint)}.tempo-keys{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tempo-key{flex-direction:column;align-items:center;gap:5px;padding:5px 1px;font-size:11px;display:flex}.tempo-key kbd{min-width:18px;padding:2px 3px;font-size:10px}.tempo-bottom{color:var(--muted);justify-content:space-between;align-items:center;margin-top:7px;font-size:10px;display:flex}.playing-area{flex-direction:column;min-width:0;min-height:0;display:flex}.chord-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chord-head span:last-child{color:var(--muted);font-size:11px}.chords{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.chord{text-align:left;background:#1c2520;align-items:center;gap:9px;height:30px;padding:0 9px;font-size:12px;display:flex}.chord .slot{color:#91a99a;width:12px;font-size:11px}.chord.active{background:var(--mint);border-color:var(--mint);color:var(--ink);font-weight:600}.chord.active .slot{color:#3a6751}.chord .mini-shape{margin-left:auto}.grid-head{height:38px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.grid-head .left,.grid-head .right{align-items:center;gap:15px;display:flex}.grid-head strong{color:#d4dfd5;font-weight:500}.grid-head .axis{border:1px solid var(--line);color:#b7c8bb;letter-spacing:.4px;border-radius:4px;padding:4px 7px}.small-switch{color:#c2d4c6;align-items:center;gap:6px;display:inline-flex}.small-switch .switch-dot{background:var(--mint);border-radius:50%;width:6px;height:6px}.grid-frame{background:#131c17;border:1px solid #3b4a3f;border-radius:4px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.grid-frame>svg{aspect-ratio:16/7;width:100%;height:100%;max-height:100%}.clavier-head{height:28px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;font-size:10px;display:flex}.clavier-head .left,.clavier-head .right{align-items:center;gap:10px;display:flex}.clavier{background:#111813;border:1px solid #415247;border-radius:4px;flex:none;height:95px;overflow:hidden}.clavier svg{width:100%;height:100%}.legend{color:#9cac9e;flex:none;align-items:center;gap:18px;height:31px;font-size:10px;display:flex}.legend-item{white-space:nowrap;align-items:center;gap:6px;display:flex}.legend-mark{border:1px solid #61836d;border-radius:50%;width:10px;height:10px;display:inline-block}.legend-mark.root{border:1px solid var(--mint);outline-offset:2px;outline:1px solid #4b6d56}.legend-mark.sounding{background:var(--mint);border-color:var(--mint)}.legend-mark.filtered{background:repeating-linear-gradient(135deg,transparent 0 2px,var(--mint) 2px 3px);border:0;border-radius:50%}.legend-mark.midi{border:1px solid #d8e5da;border-radius:1px}.legend-mark.pitchclass{background:#4b6052;border-color:#677c6c;border-radius:1px}.legend .lead{color:#ccdbcf;font-variant-numeric:tabular-nums;margin-left:auto}.midi-controls{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.midi-controls span{color:var(--mint);background:#233629;border:1px solid #4a6753;border-radius:4px;padding:5px 7px;font-size:10px}.midi-controls span.off{border-color:var(--line);color:var(--muted);background:0 0}#review-bar{color:#25362c;background:#eeeade;align-items:center;gap:15px;height:44px;padding:0 22px;font-size:11px;display:flex}.review-label{letter-spacing:1.2px;white-space:nowrap;font-size:10px;font-weight:750}.review-nav{gap:3px;display:flex}.review-nav a{color:#4c6152;white-space:nowrap;border-radius:3px;padding:6px 8px;font-size:11px;text-decoration:none}.review-nav a.active{color:#ecf1e8;background:#273f30}.review-caption{max-width:530px;margin-left:auto;font-size:11px;line-height:1.4}.quiet{color:#8a9d90}.comparison{flex-direction:column;gap:20px;height:100%;padding:26px 30px 24px;display:flex}.comparison-head{justify-content:space-between;align-items:end;display:flex}.comparison-head h1{letter-spacing:-.8px;margin:4px 0 0;font-size:27px;font-weight:500}.comparison-head .subtitle{color:var(--muted);max-width:420px;font-size:12px;line-height:1.55}.timeline{flex:1;grid-template-columns:1fr 1fr 1fr;gap:18px;min-height:0;display:grid}.stage{border:1px solid var(--line);background:#18221b;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.stage-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.stage-title{font-size:16px;font-weight:500}.stage-time{color:var(--mint);font-variant-numeric:tabular-nums;font-size:11px}.stage-note{color:var(--muted);min-height:39px;margin:13px 18px 4px;font-size:12px;line-height:1.6}.stage-grid{flex:1;min-height:0;padding:12px}.stage-grid svg{width:100%;height:100%}.stage-state{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin:0 18px 17px;padding-top:15px;font-size:12px;display:flex}.stage-state .row{justify-content:space-between;gap:12px;display:flex}.stage-state .row span:first-child{color:var(--muted)}.stage-state strong{font-weight:500}.stage-state .filtered-text{color:var(--amber)}.timing-foot{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;line-height:1.6;display:flex}.timing-foot strong{color:var(--text);font-weight:500}.clock-line{background:#3e5946;width:100%;height:4px;margin-top:7px;position:relative}.clock-line:before,.clock-line:after{content:"";background:var(--mint);width:2px;height:12px;position:absolute;top:-4px}.clock-line:before{left:0}.clock-line:after{right:0}@media (width>=1450px){.workspace{grid-template-columns:212px minmax(0,1fr);gap:26px;padding:22px 28px 14px}.mode{height:33px;font-size:13px}.chord{height:37px;font-size:13px}.chord-head{margin-bottom:10px}.grid-head{height:44px}.clavier{height:116px}.clavier-head{height:32px}.legend{height:35px;font-size:11px}.sidebar{gap:19px}.control{height:40px;font-size:12px}.tempo-readout .rate{font-size:35px}.tempo-key{padding:7px 2px}.app-header{height:65px;padding:0 28px}.comparison{padding:36px}.stage-title{font-size:19px}.stage-note{min-height:48px;font-size:14px}.stage-state{gap:15px;font-size:14px}.timing-foot{font-size:14px}}.comparison{flex:1;height:auto;min-height:0}.control{gap:5px}.grid-head .midi-controls{flex-wrap:nowrap;gap:4px;margin:0}.grid-head .midi-controls span{padding:4px 6px;font-size:10px}@media (width<=1449px){.workspace{grid-template-columns:200px minmax(0,1fr)}.sidebar{gap:10px}.mode{height:24px}.modes{gap:2px}.control{min-height:29px;padding:5px}.control-note{margin-top:6px;font-size:10px;line-height:1.4}.performance{gap:5px}.tempo-key{padding:4px 1px}.section-head{margin-bottom:7px}.scale-heading .tonic{font-size:32px}.metronome{padding-top:9px}}@media (width<=1000px){#instrument,#review-bar{min-width:1000px}.review-caption{max-width:310px}.app-menu{gap:10px}.document-title{display:none}}button{cursor:pointer}button:hover{border-color:#8eae9b}select{font:inherit;color:var(--text);border:1px solid var(--line);background:#1b2920;border-radius:4px;padding:4px}#review-bar{gap:12px}#review-bar button,#review-bar select{color:#25362c;font:inherit;background:#f5f1e6;border:1px solid #859486;border-radius:4px;padding:6px 9px}#review-bar .start{color:#ecf1e8;background:#273f30}#review-bar small{max-width:270px;margin-left:auto;font-size:11px}#midi-input,#midi-output{max-width:130px}#grid,#clavier{touch-action:none;outline-offset:-3px;width:100%;height:100%;display:block}#grid{cursor:crosshair}.grid-frame{display:block}.grid-head .midi-controls button{color:var(--muted);padding:4px 6px;font-size:10px}.grid-head button[aria-pressed=true]{color:var(--mint);background:#233629;border-color:#4a6753}.grid-head .left{gap:10px}.grid-head .midi-controls{gap:4px}.clavier-head button{color:var(--muted);border:0;padding:0;font-size:10px}#new-document{padding:6px 9px;font-size:12px}.tempo-bottom button{color:var(--muted);border:0;padding:0}#set-root,#metronome{border:0;padding:0}.clavier.hidden{display:none}.smooth-drag{cursor:none!important}.app-header .brand{color:inherit;text-decoration:none}.app-header .brand img{object-fit:contain;background:#fff;border-radius:3px;padding:2px}.app-header .brand:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.capture-panel,.capture-heading,.capture-performance,.capture-legend{display:none}[hidden]{display:none!important}.app-menu button{white-space:nowrap;padding:6px 9px}.app-menu{gap:7px}.app-header{gap:18px}.header-right{gap:12px}#capture-notice{color:var(--mint);font-size:12px}.pattern-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chord .slot{flex:none}body.capturing .workspace{grid-template-columns:minmax(0,1fr) 300px;gap:22px}body.capturing .sidebar,body.capturing .chord-head,body.capturing .chords,body.capturing .midi-controls,body.capturing #smooth{display:none}body.capturing .capture-heading{justify-content:space-between;align-items:center;gap:15px;padding:3px 0 15px;display:flex}.capture-heading h1,.capture-naming h1{letter-spacing:-.7px;margin:7px 0;font-size:24px;font-weight:600}.capture-heading p,.capture-naming p{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.5}.capture-heading>span{color:var(--mint);white-space:nowrap;font-size:11px}body.capturing .capture-panel{border:1px solid var(--line);background:#1b2520;border-radius:7px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.capture-panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 18px 15px;display:flex}.capture-panel-title strong{font-size:16px;font-weight:550}.capture-panel-title span{color:var(--muted);font-size:11px}.capture-reference{padding:17px 18px 12px}.capture-reference>strong{margin-top:6px;font-size:23px;font-weight:500;display:block}.capture-panel p{color:var(--muted);margin:6px 0;font-size:11px;line-height:1.5}.capture-notes{overscroll-behavior:contain;flex:1;min-height:80px;padding:0 18px 10px;overflow-y:auto}.capture-note{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.capture-note>strong{min-width:34px;font-size:15px;font-weight:550}.capture-note>span{color:var(--muted);flex:1;font-size:11px}.capture-note b{color:var(--mint);margin-top:3px;font-weight:450;display:block}.capture-note button{color:var(--muted);border:0;padding:3px 6px;font-size:18px}.capture-empty{padding:15px 0}.capture-tones{border-top:1px solid var(--line);padding:12px 18px}.capture-settings{border-top:1px solid var(--line);padding:14px 18px}.capture-settings label{align-items:center;gap:8px;font-size:12px;display:flex}.capture-settings input{accent-color:var(--mint);margin:0}.capture-actions{flex-direction:column;gap:8px;padding:0 18px 17px;display:flex}.capture-actions p{margin:0 0 3px}.capture-actions button{padding:10px 8px;font-size:12px}.capture-primary{background:var(--mint);color:var(--ink);border-color:var(--mint);font-weight:550}.capture-primary:disabled{opacity:.4;cursor:default}body.capturing .capture-performance{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:12px 0 2px;font-size:11px;display:flex}.capture-performance strong{color:var(--mint);font-weight:450}body.capturing .capture-legend{display:flex}.legend-mark.selected{border-color:#82b090;border-radius:0}body.capturing #lead{display:none}body.capturing .legend-item:has(.filtered){display:none}body.capturing .legend-item:has(.pitchclass){display:none}body.capturing .legend-item:has(.midi){display:none}body.capturing .legend-item:has(.legend-mark:not([class*=\ ])){display:none}.capture-naming{width:570px;max-width:calc(100vw - 48px);max-height:calc(100vh - 64px);color:var(--text);background:#202b26;border:1px solid #617a69;border-radius:9px;padding:0;box-shadow:0 22px 80px #0008}.capture-naming[open]{flex-direction:column;display:flex}.capture-naming::backdrop{background:#080e0be0}.capture-dialog-head{flex:none;padding:25px 27px 15px}.capture-dialog-body{min-height:0;padding:0 27px 23px;overflow-y:auto}.capture-ended{border:1px solid var(--line);background:#19251e;border-radius:5px;margin-bottom:20px;padding:12px 14px}.capture-ended strong{color:var(--mint);font-size:12px;font-weight:500}.capture-ended p{margin:4px 0 0;font-size:11px}.capture-naming label{font-size:12px;display:block}.capture-name input{width:100%;font:inherit;color:var(--text);background:#17241c;border:1px solid #57765f;border-radius:5px;margin:8px 0 20px;padding:11px 12px;font-size:16px;display:block}.capture-name input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.capture-slots{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:9px 0 13px;display:grid}.capture-slots button{height:37px;font-size:14px}.capture-slots button:disabled{opacity:.3;cursor:default}.capture-slots button.selected{background:var(--mint);color:var(--ink);border-color:var(--mint)}.capture-naming .capture-replacement{font-size:11px}.capture-replacement strong{color:var(--text);overflow-wrap:anywhere;font-weight:500}.capture-naming .capture-anchor{margin-top:19px}.capture-anchor strong{color:var(--text);font-weight:500}.capture-summary{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.capture-summary span{border:1px solid var(--line);background:#19251e;border-radius:4px;padding:6px 9px;font-size:12px}.capture-dialog-foot{border-top:1px solid var(--line);flex:none;gap:9px;padding:17px 27px;display:flex}.capture-dialog-foot button{padding:10px 13px;font-size:12px}.capture-dialog-foot button:first-child{margin-right:auto}@media (width>=1450px){body.capturing .workspace{grid-template-columns:minmax(0,1fr) 340px;gap:26px}.capture-heading h1{font-size:28px}.capture-reference{padding-top:23px}.capture-note{padding:14px 0}}#file-menu{padding:6px 13px;font-size:12px}#file-menu:disabled{opacity:.45;cursor:default}.document-title{text-overflow:ellipsis;white-space:nowrap;max-width:290px;overflow:hidden}.file-dialog{width:740px;max-width:calc(100vw - 48px);max-height:calc(100vh - 64px);color:var(--text);background:#202b26;border:1px solid #617a69;border-radius:9px;padding:0;box-shadow:0 22px 80px #0008}.file-dialog[open]{flex-direction:column;display:flex}.file-dialog::backdrop{background:#080e0bd9}.file-dialog header{border-bottom:1px solid var(--line);flex:none;padding:26px 28px 20px}.file-dialog h1{letter-spacing:-.7px;overflow-wrap:anywhere;margin:8px 0;font-size:24px;font-weight:600}.file-dialog p{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.6}.file-body{min-height:0;padding:23px 28px;overflow-y:auto}.file-layout{grid-template-columns:175px minmax(0,1fr);gap:28px;display:grid}.file-options{flex-direction:column;gap:7px;display:flex}.file-options button{text-align:left;border:0;padding:10px 12px;font-size:12px}.file-options button.selected{color:var(--mint);background:#304a3a}.file-options button:disabled{opacity:.35;cursor:default}.file-name-label{font-size:12px;display:block}.file-name-label input{width:100%;color:var(--text);font:inherit;background:#17241c;border:1px solid #57765f;border-radius:5px;margin:8px 0 10px;padding:11px 12px;font-size:15px;display:block}.file-name-label input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.file-summary{background:#19281f;border:1px solid #405c49;border-radius:5px;margin:19px 0;padding:14px;font-size:12px;line-height:1.6}.file-summary p{color:var(--text);margin:4px 0}.file-dialog .file-note{margin-top:17px;font-size:11px}.file-dialog footer{border-top:1px solid var(--line);flex:none;gap:9px;padding:17px 28px;display:flex}.file-dialog footer button{padding:10px 14px;font-size:12px}.file-dialog footer button:first-child{margin-right:auto}.file-danger{color:var(--amber);border-color:#88613c}.file-error{overflow-wrap:anywhere;background:#2c2920;border:1px solid #96734c;border-radius:5px;margin-bottom:19px;padding:14px 16px;font-size:12px;line-height:1.6}.file-changes{overscroll-behavior:contain;background:#19281f;border:1px solid #405c49;border-radius:5px;max-height:min(220px,28vh);margin:22px 0;padding:16px 20px 16px 36px;font-size:12px;line-height:1.6;overflow:auto}.file-changes li+li{margin-top:8px}.file-changes li{overflow-wrap:anywhere}.file-dialog button:disabled{cursor:default;opacity:.45}.file-dialog.file-confirmation{width:620px}.file-dialog h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#slot-editor{color:#e6e9df;box-sizing:border-box;background:#14201b;border:1px solid #577664;border-radius:10px;width:min(1160px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);padding:24px;overflow:auto}#slot-editor::backdrop{background:#08120caa}#slot-editor header{border:0;padding:0;display:block}#slot-editor h2{margin:8px 0;font-size:24px}#slot-editor h3{overflow-wrap:anywhere;margin:8px 0 26px;font-size:22px}#slot-editor p{color:#afc0b6;margin:8px 0 16px;font-size:12px;line-height:1.5}#slot-editor .slot-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:20px;display:grid}#slot-editor .slot-library,#slot-editor .slot-detail{border:1px solid #3c5346;border-radius:6px;min-width:0;padding:16px}#slot-editor .slot-detail{background:#223328;flex-direction:column;display:flex}#slot-editor nav{border-bottom:1px solid #3c5346;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}#slot-editor button{padding:10px 16px}#slot-editor button[aria-pressed=true]{color:#b4edda;background:#304e3e;border-color:#a1dbc5}#slot-editor button:disabled{opacity:.45;cursor:default}#slot-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}#slot-editor .slot-row{text-align:left;background:#223026;align-items:center;gap:16px;min-width:0;height:78px;display:flex}#slot-editor .slot-row>span:nth-child(2){flex:1;min-width:0}#slot-editor .slot-row strong,#slot-editor .slot-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}#slot-editor .slot-row small{color:#b3c4ba;margin-top:5px;font-size:11px}#slot-editor .slot-digit{color:#9cbcaa;font-size:22px}#slot-editor label{margin-bottom:8px;font-size:13px}#slot-editor input,#slot-editor textarea{box-sizing:border-box;color:#e6e9df;width:100%;font:inherit;background:#14201b;border:1px solid #617c68;border-radius:4px;margin-bottom:14px;padding:10px}#slot-editor textarea{resize:vertical;min-height:76px;max-height:180px}#slot-editor input:disabled,#slot-editor textarea:disabled{opacity:.6}#slot-editor #slot-error{color:#f0bc93;min-height:18px;margin-bottom:10px}#slot-editor .slot-clipboard{overflow-wrap:anywhere;border:1px solid #3c5346;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}#slot-clipboard-label{flex:1;min-width:0}#slot-editor #slot-paste{align-self:flex-end}#slot-editor footer{align-items:center;gap:10px;margin-top:20px;display:flex}#slot-summary{color:#afc0b6;flex:1;font-size:12px}#slot-editor .primary{color:#16372d;background:#a4dfca;font-weight:700}@media (width<=800px){#slot-editor .slot-layout{grid-template-columns:1fr}#slot-editor{padding:16px}#slot-editor .slot-row{height:65px}}#slot-editor{height:min(920px,100dvh - 48px);overflow:hidden}#slot-editor[open]{flex-direction:column;display:flex}#slot-editor header,#slot-editor footer{flex:none}#slot-editor .slot-layout{flex:1;min-height:0}#slot-editor .slot-library,#slot-editor .slot-detail{min-height:0;overflow:auto}#slot-editor .slot-detail>*{flex-shrink:0}#slot-editor #slot-error:empty{display:none}@media (width<=800px){#slot-editor .slot-layout{display:block;overflow:auto}#slot-editor .slot-library,#slot-editor .slot-detail{overflow:visible}.slot-detail{margin-top:12px}}#grid-settings{box-sizing:border-box;color:#e6e9df;background:#14201b;border:1px solid #577664;border-radius:9px;width:min(1420px,100vw - 48px);max-width:none;height:min(900px,100dvh - 48px);max-height:none;padding:24px;overflow:auto}#grid-settings::backdrop{background:#08120caa}#grid-settings[open]{flex-direction:column;display:flex}#grid-settings header{border:0;flex:none;padding:0;display:block}#grid-settings h2{margin:7px 0;font-size:26px}#grid-settings h3{margin:0 0 7px;font-size:15px}#grid-settings p{color:#afc0b6;margin:6px 0 14px;font-size:12px;line-height:1.5}#grid-settings .range-layout{flex:1;grid-template-columns:350px minmax(0,1fr);gap:24px;min-height:0;display:grid}#grid-settings .range-settings,#grid-settings .range-preview{background:#19241e;border:1px solid #3c5346;border-radius:6px;flex-direction:column;min-width:0;min-height:0;display:flex}#grid-settings .range-fields{flex:1;min-height:0;padding:18px 20px;overflow:auto}#grid-settings label{margin-bottom:12px;font-size:12px;line-height:1.4;display:block}#grid-settings input,#grid-settings select{box-sizing:border-box;color:#e6e9df;width:100%;font:inherit;background:#111c16;border:1px solid #526c5a;border-radius:4px;margin-top:7px;padding:9px 10px;display:block}#grid-settings .range-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}#grid-settings .range-presets{gap:8px;margin-bottom:18px;display:flex}#grid-settings button{padding:8px 12px}#grid-settings button[aria-pressed=true]{color:#a0dfc8;background:#304e3e;border-color:#81af96}#grid-settings button:disabled{opacity:.4}#grid-settings .range-fields h3:not(:first-child){border-top:1px solid #33403b;padding-top:16px}#grid-settings #range-maximum-label{color:#a0dfc8;margin-top:-6px}#grid-settings #range-error{color:#f0bc93;min-height:18px;margin-bottom:0}#grid-settings footer{border-top:1px solid #33403b;flex:none;align-items:center;gap:8px;padding:14px;display:flex}#range-status{color:#afc0b6;flex:1;font-size:11px}#grid-settings .primary{color:#172c23;background:#a0dfc8;font-weight:650}#grid-settings .range-preview{padding:20px}#grid-settings .range-preview-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}#grid-settings #range-layout-name{margin:6px 0 0;font-size:23px}#range-preview-state{color:#a0dfc8;font-size:11px}#grid-settings .range-grid-wrap{border:1px solid #334738;border-radius:4px;flex:1;min-height:100px;position:relative;overflow:hidden}#range-grid{width:100%;height:100%;position:absolute;inset:0}#range-clavier{flex:none;width:100%;height:78px}#grid-settings .range-clavier-heading{color:#afc0b6;justify-content:space-between;gap:8px;margin:16px 0 8px;font-size:11px;display:flex}#grid-settings .range-preview p{margin:12px 0;font-size:11px}#grid-settings .range-current{color:#afc0b6;border-top:1px solid #33403b;justify-content:space-between;gap:12px;padding-top:12px;font-size:11px;display:flex}#range-current{text-align:right;font-weight:500}@media (width<=850px){#grid-settings{padding:16px}#grid-settings .range-layout{flex-direction:column;flex:none;min-height:auto;display:flex}#grid-settings .range-preview{min-height:460px}#grid-settings .range-fields{overflow:visible}#grid-settings footer{flex-wrap:wrap}}