:root{--bg: #0e1015;--bg-elev: #171a22;--bg-cell: #1d2230;--border: #2a3040;--text: #e7ecf3;--text-dim: #8a93a6;--accent: #7ee7c1;--accent-2: #f7c873;--danger: #ff6b6b;--playing: #7ee7c1;--on: #7ee7c1;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{padding:16px 20px 40px;max-width:1400px;margin:0 auto}.app__header{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px}.app__header h1{font-size:18px;margin:0;letter-spacing:.04em;color:var(--accent)}.app__footer{margin-top:24px;color:var(--text-dim);font-size:12px}.panel{display:flex;flex-wrap:wrap;gap:16px;padding:14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.panel--tracks{flex-direction:column}.transport{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.group{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.group__label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.group--tools{flex-direction:column;align-items:stretch;width:100%}.field-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.field{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim)}.field>span:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.field input[type=number],.field select{background:var(--bg-cell);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;min-width:60px}.field input[type=range]{width:120px}.field .unit{font-size:11px;color:var(--text-dim)}.field--toggle input{accent-color:var(--accent)}.hint{color:var(--text-dim);font-size:11px}.btn{background:var(--bg-cell);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 14px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--accent)}.btn--play{min-width:100px;font-weight:600}.btn--play.is-on{background:var(--accent);color:#0b0d12;border-color:var(--accent)}.btn--fill{font-weight:600;letter-spacing:.1em}.btn--fill.is-on{background:var(--accent-2);color:#0b0d12;border-color:var(--accent-2);animation:fill-pulse 1.2s ease-in-out infinite}@keyframes fill-pulse{0%,to{box-shadow:0 0 #f7c87380}50%{box-shadow:0 0 0 6px #f7c87300}}.btn--rec{min-width:84px;font-weight:600;letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px}.btn--rec[disabled]{opacity:.45;cursor:not-allowed}.btn__rec-dot{width:10px;height:10px;border-radius:50%;background:#6a6f78;box-shadow:inset 0 0 0 1px #0000004d;flex:0 0 auto}.btn--rec.is-armed{border-color:#f7c873;color:#f7c873}.btn--rec.is-armed .btn__rec-dot{background:#f7c873;animation:rec-arm-pulse .6s ease-in-out infinite}.btn--rec.is-recording{background:#e0465e;color:#fff;border-color:#e0465e;animation:rec-live-pulse 1.3s ease-in-out infinite}.btn--rec.is-recording .btn__rec-dot{background:#fff;box-shadow:0 0 6px 1px #ffffffa6}@keyframes rec-arm-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes rec-live-pulse{0%,to{box-shadow:0 0 #e0465e8c}50%{box-shadow:0 0 0 6px #e0465e00}}.chip{background:var(--bg-cell);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.track{display:flex;flex-direction:column;gap:8px}.track__header{display:flex;align-items:baseline;gap:10px}.track__header h2{font-size:13px;margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--text-dim);font-size:12px}.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.step{background:var(--bg-cell);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;transition:border-color .08s ease,box-shadow .08s ease}.step.is-playing{border-color:var(--playing);box-shadow:0 0 0 2px #7ee7c140 inset}.step--pitch .step__noteName{font-size:15px;font-weight:600;color:var(--accent-2);text-align:center;letter-spacing:.04em}.step__degree{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:3px 4px;font-size:12px}.step__octave{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-dim)}.tiny{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;min-width:22px}.tiny:hover{color:var(--accent);border-color:var(--accent)}.tiny.is-on{background:var(--accent);color:#0b0d12;border-color:var(--accent)}.tiny.is-muted{background:var(--danger);color:#0b0d12;border-color:var(--danger)}.tiny.is-solo{background:var(--accent-2);color:#0b0d12;border-color:var(--accent-2)}.step__slide,.step__accent{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim)}.step__slide input,.step__accent input{accent-color:var(--accent)}.step--gate .step__trigger{font-size:22px;line-height:1;padding:4px;background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;cursor:pointer}.step--gate.is-active .step__trigger{color:var(--on);border-color:var(--on);background:#7ee7c114}.step__mini{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--text-dim)}.step__mini input[type=range]{width:100%}.step__ratchet{display:flex;gap:3px;justify-content:space-between}.step__condition{width:100%;background:var(--bg);color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:10px}.step.has-condition .step__condition{color:var(--accent-2);border-color:var(--accent-2)}.panel--trackstrip{padding:8px}.trackstrip{display:flex;flex-wrap:wrap;gap:8px;width:100%}.trackstrip__item{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-cell);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .1s ease,box-shadow .1s ease}.trackstrip__item:hover{border-color:var(--text-dim)}.trackstrip__item.is-active{box-shadow:0 0 0 2px #7ee7c140 inset}.trackstrip__item.is-muted{opacity:.55}.trackstrip__color{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.trackstrip__name{background:transparent;border:1px solid transparent;color:var(--text);padding:2px 4px;border-radius:4px;font-size:13px;width:90px}.trackstrip__name:hover,.trackstrip__name:focus{border-color:var(--border);background:var(--bg);outline:none}.trackstrip__ch{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim)}.trackstrip__ch input{width:44px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:12px}.trackstrip__voice{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim)}.trackstrip__voice select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:12px}.trackstrip__port{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim)}.trackstrip__port select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.trackstrip__vol{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim)}.trackstrip__vol input[type=range]{width:70px;accent-color:var(--accent)}.trackstrip__vol .unit{min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.trackstrip__add{align-self:center}.panel--bank{align-items:center;gap:16px}.bank{display:flex;flex-wrap:wrap;align-items:center;gap:16px;width:100%}.bank__slots{display:flex;gap:6px;flex-wrap:wrap}.bank__slot{position:relative;display:inline-flex;align-items:center}.bank__slot-label{background:var(--bg-cell);color:var(--text-dim);border:1px solid var(--border);border-radius:8px;width:38px;height:38px;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.04em;transition:border-color .1s ease,color .1s ease,background .1s ease}.bank__slot-label:hover{border-color:var(--accent);color:var(--accent)}.bank__slot.has-data .bank__slot-label{color:var(--text)}.bank__slot.is-active .bank__slot-label{background:var(--accent);color:#0b0d12;border-color:var(--accent)}.bank__slot.is-queued .bank__slot-label{border-color:var(--accent-2);color:var(--accent-2);animation:fill-pulse 1s ease-in-out infinite}.bank__slot.is-empty .bank__slot-label{border-style:dashed}.bank__slot-clear{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#0b0d12;border:none;font-size:11px;line-height:16px;text-align:center;padding:0;cursor:pointer;opacity:0;transition:opacity .1s ease}.bank__slot:hover .bank__slot-clear{opacity:1}.bank__sync{display:inline-flex;align-items:center;gap:10px;padding-left:8px;border-left:1px solid var(--border)}.bank__io{display:inline-flex;gap:6px;margin-left:auto;align-items:center}.bank__filename{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 8px;font-size:12px;width:160px;font-family:inherit}.bank__filename::placeholder{color:var(--text-dim);font-style:italic}.bank__filename:focus{outline:none;border-color:var(--accent)}.bank__midi-bars{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.bank__midi-bars select{background:var(--bg-cell);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:12px;min-width:44px}.chip--midi{background:color-mix(in srgb,var(--accent-2) 18%,var(--bg-cell));border-color:color-mix(in srgb,var(--accent-2) 45%,var(--border));color:var(--text)}.chip--midi:hover{border-color:var(--accent-2);color:var(--accent-2)}.step.is-nudged{outline:1px dashed var(--accent);outline-offset:-2px}.step__mini--nudge span{color:var(--accent);font-variant-numeric:tabular-nums}.group__label--inline{margin-left:16px;padding-left:16px;border-left:1px solid var(--border)}.chip--dir{min-width:38px;font-size:14px;font-weight:600;color:var(--text-dim);transition:border-color .1s ease,color .1s ease,background .1s ease}.chip--dir.is-home{border-color:var(--accent);color:var(--accent);background:#7ee7c114}.chip--dir:not(.is-home){border-color:var(--border);color:var(--text-dim)}.chip--reset{font-size:11px;color:var(--text-dim)}.chip--reset:disabled{opacity:.35;cursor:not-allowed}.dir-indicator{display:inline-block;min-width:32px;text-align:center;font-variant-numeric:tabular-nums;font-size:13px;color:var(--accent-2);font-weight:600}.dir-indicator.is-home{color:var(--accent)}.panel--song{flex-direction:column;align-items:stretch}.song{display:flex;flex-direction:column;gap:10px;width:100%;padding:4px 2px;border-radius:8px;transition:background .15s ease}.song.is-on{background:#f7c8730a}.song__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.song__toggle{min-width:160px}.song__toggle.is-on{background:var(--accent-2);color:#0b0d12;border-color:var(--accent-2)}.song__chain{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch}.song__cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 6px;background:var(--bg-cell);border:1px solid var(--border);border-radius:8px;min-width:56px;transition:border-color .1s ease,box-shadow .1s ease,background .1s ease}.song__cell.is-current{border-color:var(--accent-2);background:#f7c8731f;box-shadow:0 0 0 2px #f7c87333 inset}.song__slot{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;width:40px;height:38px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.04em}.song__slot:hover{border-color:var(--accent);color:var(--accent)}.song__cell.is-current .song__slot{border-color:var(--accent-2);color:var(--accent-2)}.song__bar{font-size:10px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.song__cell-actions{display:flex;gap:2px;margin-top:2px}.song__cell-actions .tiny{min-width:20px;padding:1px 4px;font-size:10px}.song__add{align-self:center}.panel--chord{flex-direction:column;align-items:stretch}.chord{display:flex;flex-direction:column;gap:10px;width:100%}.chord__dir{display:flex;flex-wrap:wrap;gap:6px}.chord__dir-btn.is-on{background:var(--accent);color:#0b0d12;border-color:var(--accent)}.chord__inputs{display:inline-flex;flex-wrap:wrap;gap:10px}.chord__seq{padding:8px 12px;border:1px dashed color-mix(in srgb,var(--accent-2) 50%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent-2) 6%,transparent)}.chord__seq .hint{flex:1;color:var(--text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.btn.is-on{background:var(--accent-2);color:#0b0d12;border-color:var(--accent-2);animation:fill-pulse 1.2s ease-in-out infinite}.step__plock{display:flex;flex-direction:column;gap:3px;font-size:10px;color:var(--text-dim)}.step__plock input[type=range]{width:100%;accent-color:var(--accent-2)}.step__plock.is-on .tiny{background:var(--accent-2);color:#0b0d12;border-color:var(--accent-2)}.step.has-plock{box-shadow:inset 0 0 0 1px var(--accent-2)}.field-row--lfo{border-top:1px dashed var(--border);padding-top:8px;margin-top:4px;align-items:flex-end}.field-row--lfo .field{min-width:90px}.field-row--lfo select:disabled,.field-row--lfo input:disabled{opacity:.4}.field-row--jitter,.field-row--humanize{border-top:1px dashed var(--border);padding-top:8px;margin-top:4px;align-items:flex-end}.field-row--jitter .field,.field-row--humanize .field{min-width:150px}.step.is-prob-low{opacity:.82}.step.is-prob-low.is-active .step__trigger{border-style:dashed}.step__mini--prob span{color:var(--accent-2)}.step__mini--vel span{color:var(--text-dim)}.field--toggle.is-disabled{opacity:.5;cursor:not-allowed}.field--toggle.is-disabled input{cursor:not-allowed}.step--pitch.has-chord{box-shadow:inset 0 0 0 1px #b388ff}.step__chord{display:flex;flex-direction:column;gap:2px;padding-top:4px;margin-top:4px;border-top:1px dashed var(--border)}.step__chord-note{display:flex;align-items:center;gap:3px;font-size:10px;color:#b388ff}.step__chord-note select{flex:1;background:var(--bg);border:1px solid var(--border);color:#b388ff;border-radius:4px;padding:1px 2px;font-size:10px}.step__chord-oct{min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.step__chord-add{font-size:10px;align-self:center;opacity:.7}.step__chord-add:hover{opacity:1}.midi-import{display:flex;flex-direction:column;gap:8px}.midi-import__tracks{display:flex;flex-wrap:wrap;gap:6px}.hint--warn{color:var(--danger)}.btn--primary{background:var(--accent);color:#0b0d12;border-color:var(--accent)}.btn--primary:disabled{opacity:.4;cursor:not-allowed}.segment{display:inline-flex;align-items:center;gap:6px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--bg-cell)}.segment__label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);padding:0 6px 0 4px}.segment__btn{background:transparent;color:var(--text-dim);border:0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .12s ease,color .12s ease}.segment__btn:hover:not(:disabled){color:var(--text)}.segment__btn.is-on{background:var(--accent);color:#0b0d12}.segment__btn:disabled{opacity:.35;cursor:not-allowed}.field--tempo-ext{display:inline-flex;align-items:baseline;gap:8px;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-cell);min-width:120px}.field--tempo-ext .tempo-ext{display:inline-flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.field--tempo-ext .tempo-ext strong{font-size:16px;font-weight:700;color:var(--accent);letter-spacing:.02em}.field--tempo-ext.is-live{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent) inset}.field--tempo-ext.is-live .tempo-ext strong{animation:pulse-ext 1.2s ease-in-out infinite}.field--tempo-ext.is-waiting em{color:var(--text-dim);font-style:italic;font-size:12px}@keyframes pulse-ext{0%,to{opacity:1}50%{opacity:.55}}.btn--listen{background:color-mix(in srgb,var(--accent-2) 20%,var(--bg-cell));border-color:color-mix(in srgb,var(--accent-2) 40%,var(--border))}.btn--listen.is-on{background:var(--accent-2);color:#0b0d12;border-color:var(--accent-2)}.app__title{display:inline-flex;align-items:center;gap:10px}.btn--manual{font-size:12px;padding:5px 10px;background:var(--bg-cell);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer}.btn--manual:hover{border-color:var(--accent);color:var(--accent)}.app__footer{display:flex;flex-direction:column;gap:6px}.app__copyright{color:var(--text-dim);opacity:.8}.link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:2px}.link:hover{color:var(--accent-2)}.manual-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;z-index:1000;overflow-y:auto;animation:manual-fade .18s ease}@keyframes manual-fade{0%{opacity:0}to{opacity:1}}.manual{width:100%;max-width:880px;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px #0009;color:var(--text);overflow:hidden;animation:manual-pop .22s ease}@keyframes manual-pop{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.manual__header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;background:var(--bg-elev);border-bottom:1px solid var(--border);z-index:1}.manual__header h1{margin:0;font-size:18px;color:var(--accent);letter-spacing:.04em}.manual__header small{color:var(--text-dim);font-size:12px}.manual__close{background:transparent;border:1px solid var(--border);color:var(--text);width:34px;height:34px;border-radius:8px;font-size:22px;line-height:1;cursor:pointer}.manual__close:hover{border-color:var(--danger);color:var(--danger)}.manual__toc{padding:14px 22px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-cell) 60%,var(--bg-elev))}.manual__toc strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);display:block;margin-bottom:8px}.manual__toc ol{margin:0;padding-left:18px;columns:2;column-gap:24px;font-size:13px}.manual__toc li{break-inside:avoid;margin-bottom:4px}.manual__toc a{color:var(--text);text-decoration:none}.manual__toc a:hover{color:var(--accent);text-decoration:underline}.manual__body{padding:22px 28px 28px;line-height:1.6;font-size:14px;scroll-behavior:smooth}.manual__body section{scroll-margin-top:90px;padding-top:16px;margin-bottom:22px;border-top:1px solid var(--border)}.manual__body section:first-of-type{border-top:0;padding-top:0}.manual__body h2{font-size:18px;color:var(--accent);margin:0 0 10px}.manual__body h3{font-size:14px;color:var(--accent-2);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.05em}.manual__body p{margin:0 0 10px}.manual__body p.muted{color:var(--text-dim);font-size:12px}.manual__body ul,.manual__body ol{padding-left:22px;margin:0 0 12px}.manual__body li{margin-bottom:4px}.manual__body dl{margin:0 0 12px}.manual__body dt{font-weight:600;color:var(--text);margin-top:8px}.manual__body dd{margin:2px 0 0;color:var(--text-dim)}.manual__body code{background:var(--bg-cell);border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-size:12px;color:var(--accent)}.manual__body kbd{display:inline-block;background:var(--bg-cell);border:1px solid var(--border);border-bottom-width:2px;padding:1px 6px;border-radius:4px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--text)}.manual__intro{font-size:15px;color:var(--text)}.manual__tip,.manual__example{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:8px;margin:10px 0;font-size:13px;line-height:1.5}.manual__tip{background:color-mix(in srgb,var(--accent) 10%,transparent);border-left:3px solid var(--accent)}.manual__tip-icon{font-size:16px;line-height:1.2}.manual__example{background:color-mix(in srgb,var(--accent-2) 10%,transparent);border-left:3px solid var(--accent-2)}.manual__example-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--accent-2);padding-top:2px;min-width:54px}.manual__footer{display:flex;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid var(--border)}@media(max-width:640px){.manual__toc ol{columns:1}.manual__body{padding:18px 18px 22px}.manual__header{padding:14px 16px}}.zone{margin-bottom:22px;padding:10px 12px 12px;border-radius:12px;border:1px solid var(--border);position:relative}.zone--global{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,transparent) 0%,transparent 120px);border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}.zone--track{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-2) 5%,transparent) 0%,transparent 140px);border-color:color-mix(in srgb,var(--accent-2) 18%,var(--border))}.zone__header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:4px 6px 10px;margin-bottom:10px;border-bottom:1px dashed color-mix(in srgb,var(--border) 80%,transparent)}.zone__icon{font-size:18px;line-height:1}.zone__title{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.zone--global .zone__title{color:var(--accent)}.zone--track .zone__title{color:var(--accent-2)}.zone__title strong{font-weight:700;color:var(--text);text-transform:none;letter-spacing:.02em;font-size:14px;margin-left:4px}.zone__sub{font-size:11px;color:var(--text-dim);letter-spacing:.04em;margin-left:auto}.zone .panel{background:color-mix(in srgb,var(--bg-elev) 92%,var(--bg) 8%)}.zone--global .panel{border-color:color-mix(in srgb,var(--border) 70%,var(--accent) 8%)}.zone--track .panel{border-color:color-mix(in srgb,var(--border) 70%,var(--accent-2) 8%)}.panel--steps{flex-direction:column;gap:14px;position:relative}.panel--steps .track+.track{padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--border) 80%,transparent)}.panel__context{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 10px;margin:-4px -4px 0;font-size:12px;border-radius:6px;background:color-mix(in srgb,var(--accent-2) 10%,transparent);border-left:3px solid var(--accent-2);width:100%}.panel__context-arrow{color:var(--accent-2);font-weight:700}.panel__context-name{font-weight:700;color:var(--text);letter-spacing:.02em}.panel__context-hint{color:var(--text-dim);font-size:11px;letter-spacing:.04em}.quick-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}.quick-actions .tiny{font-size:11px;padding:3px 8px;min-width:0}.quick-actions .tiny:hover{background:color-mix(in srgb,var(--accent-2) 18%,var(--bg-cell));border-color:var(--accent-2);color:var(--accent-2)}.quick-actions .tiny:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border);color:var(--text-dim);background:transparent}.quick-actions__sep{color:var(--text-dim);opacity:.5;padding:0 2px;font-size:12px}.field--master{padding:4px 10px 4px 12px;border-left:1px solid var(--border);border-right:1px solid var(--border);gap:8px}.field--master input[type=range]{width:110px;accent-color:var(--accent)}.field--master .unit{min-width:48px;font-variant-numeric:tabular-nums;text-align:right}.undo-group{display:inline-flex;gap:4px}.btn--undo,.btn--redo{min-width:36px;padding:6px 10px;font-size:14px;line-height:1}.btn--undo:disabled,.btn--redo:disabled{opacity:.35;cursor:not-allowed;border-color:var(--border)}.chips--random{margin-top:6px;align-items:center;gap:6px}.chip--select{padding:4px 10px;background:var(--bg-cell);color:var(--text);border:1px solid var(--border);cursor:pointer}.chip--select:hover{border-color:var(--accent-2);color:var(--accent-2)}.chip--random{background:color-mix(in srgb,var(--accent-2) 16%,var(--bg-cell));border-color:var(--accent-2);color:var(--accent-2);font-weight:600}.chip--random:hover{background:var(--accent-2);color:#0b0d12}.field-row--fx{background:color-mix(in srgb,var(--accent-2) 5%,transparent);border:1px dashed color-mix(in srgb,var(--accent-2) 30%,var(--border));border-radius:8px;padding:8px 10px;margin-top:2px}.field-row--fx .field{min-width:160px}.field-row--fx input[type=range]{accent-color:var(--accent-2)}.segment--detail{font-size:11px}.segment--detail .segment__btn{padding:3px 10px;font-size:11px}.panel--steps--compact .step--pitch .step__slide,.panel--steps--compact .step--pitch .step__chord,.panel--steps--compact .step--gate .step__mini,.panel--steps--compact .step--gate .step__ratchet,.panel--steps--compact .step--gate .step__plock{display:none}.panel--steps--compact .step--pitch{padding:6px 6px 8px;gap:4px}.panel--steps--compact .step--pitch .step__noteName{font-size:14px}.panel--steps--compact .step--gate{padding:6px 6px 8px;gap:4px}.panel--steps--compact .step--gate .step__trigger{font-size:18px;padding:2px}.panel--steps--compact .step--gate .step__condition{font-size:10px;padding:1px 3px}.panel--steps--compact .step--gate .step__accent{font-size:10px}.panel--steps--compact .step.has-chord:after,.panel--steps--compact .step.is-prob-low:after,.panel--steps--compact .step.is-nudged:after,.panel--steps--compact .step.has-plock:after{content:"";position:absolute;top:4px;right:6px;width:6px;height:6px;border-radius:50%}.panel--steps--compact .step--pitch.has-chord:after{background:#b388ff}.panel--steps--compact .step--gate.is-prob-low:after{background:var(--accent-2)}.panel--steps--compact .step--gate.is-nudged:after{background:var(--accent);right:16px}.panel--steps--compact .step--gate.has-plock:after{background:var(--accent-2);right:26px;border:1px solid var(--bg)}.panel--steps--compact .step{position:relative}.panel--steps--compact .track__header h2{font-size:11px;opacity:.65;letter-spacing:.08em}.panel--steps--compact .track+.track{padding-top:6px}.step-editor{width:100%}.step-editor__header{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.step-editor__header h2{margin:0;font-size:14px;letter-spacing:.04em}.composite-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;width:100%}.composite-step{position:relative;display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"note note  octave" "degree degree degree" "gate  gate   gate" "cond  cond   cond" "dots  dots   dots" "det   det    det";gap:4px 4px;padding:6px;background:var(--bg-cell);border:1px solid var(--border);border-radius:8px;transition:border-color .08s ease,box-shadow .08s ease,transform .04s linear}.composite-step.is-gate-active{border-color:color-mix(in srgb,var(--on) 55%,var(--border));background:color-mix(in srgb,var(--on) 6%,var(--bg-cell))}.composite-step.is-playing{border-color:var(--playing);box-shadow:0 0 0 2px #7ee7c140 inset}.composite-step.has-plock{box-shadow:inset 0 0 0 1px var(--accent-2)}.composite-step.has-chord{box-shadow:inset 0 0 0 1px #b388ff}.composite-step.has-chord.has-plock{box-shadow:inset 0 0 0 1px #b388ff,inset 2px 0 0 0 var(--accent-2)}.composite-step.is-prob-low{opacity:.85}.composite-step.is-nudged{outline:1px dashed var(--accent);outline-offset:-2px}.composite-step__note{grid-area:note;font-size:14px;font-weight:600;color:var(--accent-2);letter-spacing:.04em;text-align:left;padding-left:2px}.composite-step__degree{grid-area:degree;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 3px;font-size:11px}.composite-step__octave{grid-area:octave;display:inline-flex;align-items:center;gap:2px;font-size:10px;color:var(--text-dim)}.composite-step__octave .tiny{padding:0 5px;min-width:16px;font-size:11px}.composite-step__octave span{min-width:18px;text-align:center;font-variant-numeric:tabular-nums}.composite-step__gate{grid-area:gate;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 2px 2px;margin-top:2px;border-top:1px dashed color-mix(in srgb,var(--border) 80%,transparent)}.composite-step__trigger{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:2px 8px;font-size:16px;line-height:1;cursor:pointer;min-width:28px}.composite-step__trigger.is-on{color:var(--on);border-color:var(--on);background:#7ee7c11a}.composite-step.is-prob-low .composite-step__trigger.is-on{border-style:dashed}.composite-step__accent{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--text-dim)}.composite-step__accent input{accent-color:var(--accent)}.composite-step__expand{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);padding:1px 6px;font-size:11px;cursor:pointer}.composite-step__expand:hover{border-color:var(--accent-2);color:var(--accent-2)}.composite-step__expand.is-on{background:color-mix(in srgb,var(--accent-2) 20%,var(--bg));border-color:var(--accent-2);color:var(--accent-2)}.composite-step__condition{grid-area:cond;width:100%;background:var(--bg);color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:1px 3px;font-size:10px}.composite-step.has-condition .composite-step__condition{color:var(--accent-2);border-color:var(--accent-2)}.composite-step__dots{grid-area:dots;display:flex;align-items:center;gap:4px;min-height:10px}.composite-step__dots .dot{font-size:9px;line-height:1;width:10px;height:10px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--bg-cell)}.composite-step__dots .dot--chord{background:#b388ff}.composite-step__dots .dot--prob{background:var(--accent-2)}.composite-step__dots .dot--nudge{background:var(--accent)}.composite-step__dots .dot--plock{background:var(--accent-2);box-shadow:0 0 0 1px var(--bg-cell)}.composite-step__dots .dot--ratchet{background:var(--accent);color:#0b0d12;font-weight:700;font-size:9px;width:auto;min-width:12px;padding:0 3px;border-radius:4px}.composite-step__details{grid-area:det;display:flex;flex-direction:column;gap:4px;padding-top:6px;margin-top:4px;border-top:1px dashed var(--border);animation:composite-unfold .12s ease}@keyframes composite-unfold{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.composite-step__slide{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim)}.composite-step__slide input{accent-color:var(--accent)}.composite-step__mini{display:flex;flex-direction:column;gap:1px;font-size:10px;color:var(--text-dim)}.composite-step__mini input[type=range]{width:100%}.composite-step__mini.is-prob span{color:var(--accent-2)}.composite-step__mini.is-vel span{color:var(--text-dim)}.composite-step__mini.is-nudge span{color:var(--accent);font-variant-numeric:tabular-nums}.composite-step__ratchet{display:flex;gap:3px;justify-content:space-between}.composite-step__ratchet .tiny{flex:1;padding:1px 0;font-size:10px;min-width:0}.composite-step__plock{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--text-dim)}.composite-step__plock input[type=range]{accent-color:var(--accent-2)}.composite-step__plock.is-on .tiny{background:var(--accent-2);color:#0b0d12;border-color:var(--accent-2)}.composite-step__chord{display:flex;flex-direction:column;gap:2px;padding-top:4px;margin-top:2px;border-top:1px dashed var(--border)}.composite-step__chord-note{display:flex;align-items:center;gap:3px;font-size:10px;color:#b388ff}.composite-step__chord-note select{flex:1;background:var(--bg);border:1px solid var(--border);color:#b388ff;border-radius:4px;padding:1px 2px;font-size:10px}.composite-step__chord-oct{min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.composite-step__chord-add{font-size:10px;align-self:center;opacity:.75}.composite-step__chord-add:hover{opacity:1}.composite-step__chord-add:disabled{opacity:.3;cursor:not-allowed}.polymeter-notice{padding:8px 12px;margin-bottom:8px;border:1px dashed color-mix(in srgb,var(--accent-2) 50%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent-2) 6%,transparent);font-size:12px;line-height:1.45;color:var(--text)}.polymeter-notice strong{color:var(--accent-2);letter-spacing:.02em}.panel--diag{padding:6px}.panel__collapse{width:100%}.panel__summary{cursor:pointer;padding:8px 10px;border-radius:6px;font-weight:600;letter-spacing:.02em;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:baseline;gap:10px;background:transparent;transition:background .1s ease}.panel__summary::-webkit-details-marker{display:none}.panel__summary:before{content:"▸";display:inline-block;transition:transform .12s ease;color:var(--text-dim);font-size:10px}.panel__collapse[open]>.panel__summary:before{transform:rotate(90deg)}.panel__summary:hover{background:#ffffff0a}.panel__summarySub{font-weight:400;color:var(--text-dim);font-size:12px}.diag{display:flex;flex-direction:column;gap:12px;padding:10px 6px 6px}.diag__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.diag__row--tools{padding-bottom:8px;border-bottom:1px dashed var(--border)}.diag__sep{width:1px;height:24px;background:var(--border);margin:0 4px}.diag__field{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-dim)}.diag__field select,.diag__field input[type=number]{background:var(--bg-cell);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 6px;font-size:12px;min-width:60px}.diag__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.diag__grid{grid-template-columns:1fr}}.diag__panel{background:var(--bg-cell);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.diag__title{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.diag__empty{margin:0;font-size:12px;color:var(--text-dim);line-height:1.4}.diag__ports{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.diag__port{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#00000026}.diag__port--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.diag__portHead{display:flex;align-items:center;gap:8px;margin-bottom:4px}.diag__portName{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diag__mfg{font-size:10px;color:var(--text-dim);margin-left:auto}.diag__state{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:#888}.diag__state--connected{background:#34d399;box-shadow:0 0 4px #34d39988}.diag__state--disconnected{background:#666}.diag__leds{display:flex;gap:6px;flex-wrap:wrap}.led{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 4px;background:#0000004d;border:1px solid var(--border);border-radius:10px;font-size:10px;color:var(--text-dim);letter-spacing:.06em}.led__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#333;transition:background .12s ease,box-shadow .12s ease}.led--on{color:var(--text);border-color:#fff3}.led__label{line-height:1}.diag__last{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;padding:6px 10px;background:var(--bg-cell);border:1px solid var(--border);border-radius:6px;font-size:12px}.diag__lastLabel{color:var(--text-dim);font-weight:600}.diag__lastMsg{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text-dim)}.diag__lastMsg--hit{color:var(--accent)}.diag__help{font-size:12px;color:var(--text-dim);padding:8px 4px 4px;border-top:1px dashed var(--border)}.diag__help summary{cursor:pointer;padding:4px 0;font-weight:600;color:var(--text)}.diag__help ol{margin:6px 0 4px;padding-left:20px;line-height:1.5}.diag__help li+li{margin-top:4px}@media(max-width:640px){.zone{padding:8px 8px 10px}.zone__sub{margin-left:0;width:100%}.composite-steps{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}