.sio-web{--bg:#0f0e0c;--s1:#151412;--s2:#1b1917;--s3:#221f1c;--t1:#f2f0eb;--t2:#b8b2a7;--t3:#8b8578;--accent:#ff8a3d;--ok:#5dbd8d;--warn:#dba14a;--danger:#d96a5f;--sio-base:color-mix(in srgb, var(--bg) 92%, var(--accent));--sio-glass:color-mix(in srgb, var(--s2) 46%, transparent);--sio-glass-2:color-mix(in srgb, var(--s1) 58%, transparent);--sio-glass-strong:color-mix(in srgb, var(--s2) 92%, transparent);--sio-glass-panel:color-mix(in srgb, var(--s1) 55%, transparent);--sio-glass-strip:color-mix(in srgb, var(--s1) 44%, transparent);--sio-card:color-mix(in srgb, var(--s3) 58%, transparent);--sio-card-hover:#2a2622c7;--sio-data:var(--s1);--sio-edge:color-mix(in srgb, var(--t1) 12%, transparent);--sio-edge-soft:color-mix(in srgb, var(--t1) 7%, transparent);--sio-rim:color-mix(in srgb, var(--t1) 20%, transparent);--sio-sheen:linear-gradient(180deg, color-mix(in srgb, var(--t1) 7%, transparent), transparent 38%);--sio-glow:color-mix(in srgb, var(--accent) 30%, transparent);--sio-lift:0 1px 0 var(--sio-rim) inset, 0 0 0 1px var(--sio-edge-soft), 0 18px 40px -12px color-mix(in srgb, var(--bg) 70%, transparent);--sio-blur:blur(28px) saturate(1.6);isolation:isolate;border:1px solid var(--sio-edge);background:var(--sio-base);color:var(--t1);font-family:-apple-system, "SF Pro Text", var(--font-sans);box-shadow:0 1px 0 var(--sio-rim) inset, 0 40px 100px -20px color-mix(in srgb, var(--bg) 80%, transparent), 0 8px 24px color-mix(in srgb, var(--bg) 40%, transparent);border-radius:22px;font-size:12px;position:relative;overflow:hidden}.sio-env-wash{z-index:-1;background:radial-gradient(70% 60% at 8% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), radial-gradient(60% 55% at 100% 100%, #8b9dd838, transparent 70%), var(--bg);opacity:.85;position:absolute;inset:0}.sio-web .mono{font-family:var(--font-mono)}.sio-dot{background:var(--t3);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}[data-tone=live]>.sio-dot,.sio-dot[data-tone=live]{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent)}.sio-dot[data-tone=warn]{background:var(--warn)}.sio-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:650}.sio-head{flex-wrap:wrap;align-items:center;gap:14px 16px;padding:14px 18px 12px 20px;display:flex}.sio-mark{color:#1c1206;background:radial-gradient(90% 80% at 28% 18%, color-mix(in srgb, var(--accent) 62%, white 10%), transparent 72%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 80%, transparent), color-mix(in srgb, var(--accent) 40%, transparent));width:34px;height:34px;box-shadow:0 1px 0 var(--sio-rim) inset, 0 6px 16px -6px var(--sio-glow);border-radius:11px;place-items:center;display:grid}.sio-mark svg,.sio-stationicon svg,.sio-sync-icon svg,.sio-iconbtn svg,.sio-power svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sio-titletext h3{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:700}.sio-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin:1px 0 0;font-size:10px}.sio-chip{border:1px solid var(--sio-edge);background:var(--sio-glass-2);letter-spacing:.06em;text-transform:uppercase;height:22px;color:var(--t2);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:650;display:inline-flex}.sio-path{flex-wrap:wrap;gap:8px 26px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.sio-path>li{background:var(--sio-glass-2);border:1px solid var(--sio-edge-soft);color:var(--t2);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:11px;font-weight:550;display:inline-flex;position:relative}.sio-path>li+li:before{content:"";background:linear-gradient(90deg, var(--sio-edge), var(--sio-rim));width:18px;height:1px;position:absolute;top:50%;left:-22px}.sio-console{grid-template-columns:1.08fr .62fr .94fr;gap:14px;padding:2px 14px 14px;display:grid}.sio-col{background:var(--sio-sheen), var(--sio-glass);min-width:0;backdrop-filter:var(--sio-blur);box-shadow:var(--sio-lift);border-radius:18px;grid-template-columns:minmax(0,1fr) 92px;display:grid;position:relative}.sio-col:before{content:"";background:linear-gradient(90deg, transparent, var(--sio-ident), transparent);opacity:.85;height:2px;position:absolute;top:0;left:18px;right:18px}.sio-col[data-role=master]{background:radial-gradient(120% 50% at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), var(--sio-sheen), color-mix(in srgb, var(--s1) 62%, transparent);box-shadow:var(--sio-lift), 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent) inset;grid-template-columns:minmax(0,1fr) 92px}.sio-col.is-quiet{grid-template-columns:minmax(0,1fr)}.sio-col-main{align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.sio-colhead{align-items:center;gap:10px;display:flex}.sio-stationicon{width:26px;height:26px;color:var(--sio-ident);background:color-mix(in srgb, var(--sio-ident) 16%, transparent);border-radius:8px;place-items:center;display:grid}.sio-coltitle{font-size:15px;font-weight:700}.sio-role{letter-spacing:.12em;text-transform:uppercase;color:var(--sio-ident);background:color-mix(in srgb, var(--sio-ident) 12%, transparent);border-radius:999px;margin-left:auto;padding:3px 8px;font-size:9.5px;font-weight:650}.sio-art{background:radial-gradient(120% 90% at 20% 0%, #ffffff1a, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--tint) 100%, white 6%), color-mix(in srgb, var(--tint) 70%, black));box-shadow:0 0 0 1px var(--sio-edge-soft) inset, 0 1px 0 var(--sio-rim) inset;text-align:left;border-radius:10px;flex:none;align-content:end;gap:2px;padding:8px 10px;display:grid;position:relative;overflow:hidden}.sio-art.is-sm{width:96px;height:60px;padding:6px 8px}.sio-art.is-md{aspect-ratio:16/10;width:100%}.sio-art.is-lg{border-radius:12px;width:132px;height:92px}.sio-art.is-dim{filter:grayscale();opacity:.55}.sio-art-maker{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--t1) 62%, transparent);font-size:8.5px;font-weight:650}.sio-art-name{color:var(--t1);font-size:12px;font-weight:700;line-height:1.1}.sio-art.is-sm .sio-art-name{font-size:10.5px}.sio-art.is-lg .sio-art-name{font-size:13px}.sio-instrument{background:var(--sio-glass-panel);box-shadow:0 0 0 1px var(--sio-edge-soft) inset, 0 1px 0 var(--sio-rim) inset;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.sio-inst-text{gap:3px;min-width:0;display:grid}.sio-inst-name{letter-spacing:-.02em;font-size:24px;font-weight:750;line-height:1.05}.sio-inst-kind{color:var(--t2);font-size:11.5px}.sio-inst-status{color:var(--t2);align-items:center;gap:7px;margin-top:4px;font-size:11.5px;display:inline-flex}.sio-web.is-original .sio-instrument{box-shadow:0 0 0 1px color-mix(in srgb, var(--warn) 60%, transparent) inset}.sio-inst-actions{flex-wrap:wrap;gap:8px;display:flex}.sio-btn,.sio-toggle{border:1px solid var(--sio-edge);background:var(--sio-card);height:26px;color:var(--t1);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:550;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.sio-btn:hover,.sio-toggle:hover{background:var(--sio-card-hover)}.sio-btn.is-primary{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 34%, transparent), color-mix(in srgb, var(--accent) 20%, transparent));box-shadow:0 1px 0 var(--sio-rim) inset, 0 6px 16px -6px var(--sio-glow)}.sio-btn.is-ghost{background:0 0}.sio-btn.is-small{height:22px;margin-left:auto;padding:0 8px;font-size:10.5px}.sio-btn.is-hold kbd{border:1px solid var(--sio-edge);font-family:var(--font-mono);color:var(--t2);border-radius:4px;padding:0 4px;font-size:10px}.sio-btn.is-hold.is-held{border-color:color-mix(in srgb, var(--warn) 70%, transparent);background:color-mix(in srgb, var(--warn) 18%, transparent)}.sio-toggle{padding:3px 8px;font-size:10.5px;font-weight:500}.sio-toggle.is-warn{color:var(--warn);border-color:var(--warn);background:color-mix(in srgb, var(--warn) 16%, transparent)}.sio-iconbtn{width:26px;height:26px;color:var(--t2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.sio-iconbtn:hover:not(:disabled){background:var(--sio-card);color:var(--t1)}.sio-iconbtn:disabled{opacity:.3;cursor:default}.sio-web :is(button,a,select,input,[role=slider],[role=switch]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sio-preset{align-items:center;gap:8px;display:flex}.sio-select{border:1px solid var(--sio-edge);background:var(--sio-data);min-width:0;height:28px;color:var(--t1);font:inherit;border-radius:8px;flex:1;padding:0 8px;font-size:11.5px}.sio-chainhead{align-items:center;gap:10px;margin-top:2px;display:flex}.sio-chaintitle{font-size:13px;font-weight:650}.sio-count{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:600}.sio-chstage{background:var(--sio-glass-panel);box-shadow:0 0 0 1px var(--sio-edge-soft) inset;border-radius:14px;gap:8px;padding:10px;display:grid}.sio-chstage-head{justify-content:space-between;display:flex}.sio-chstage-note{color:var(--t3);font-size:10.5px}.sio-chstage-tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sio-tile{background:var(--sio-data);box-shadow:0 0 0 1px var(--sio-edge-soft) inset;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;display:grid}.sio-tile.is-open{box-shadow:0 0 0 1px color-mix(in srgb, var(--sio-ident) 60%, transparent) inset}.sio-power{width:28px;height:100%;color:var(--t3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sio-tile.is-on .sio-power{color:var(--accent)}.sio-tile-main{color:var(--t2);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;padding:6px 8px 6px 0;display:grid}.sio-tile-name{letter-spacing:.1em;font-size:10px;font-weight:650}.sio-tile-curve{width:100%;height:22px}.sio-tile-curve path,.sio-editor-curve path{fill:none;stroke:var(--t3);stroke-width:1.3px}.sio-tile.is-on .sio-tile-curve path,.sio-editor-curve path{stroke:var(--sio-ident)}.sio-editor{background:var(--sio-data);border-radius:12px;gap:10px;padding:10px;display:grid}.sio-editor-curve{width:100%;height:64px}.sio-editor-curve line{stroke:var(--sio-edge)}.sio-bands{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px 8px;display:grid}.sio-bands.is-comp{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.sio-band{background:color-mix(in srgb, var(--s2) 70%, transparent);border-radius:10px;justify-items:center;gap:6px;padding:8px 4px;display:grid}.sio-band-name{color:var(--t2);font-size:10px;font-weight:650}.sio-hint{color:var(--warn);margin:0;font-size:11px}.sio-knob{justify-items:center;gap:2px;min-width:52px;display:grid}.sio-knob-dial{touch-action:none;cursor:ns-resize;border-radius:50%}.sio-knob-dial svg{width:100%;height:100%;display:block;overflow:visible}.sio-knob-track{fill:none;stroke:var(--sio-edge);stroke-width:3px;stroke-linecap:round}.sio-knob-fill{fill:none;stroke-width:3px;stroke-linecap:round}.sio-knob-cap{fill:color-mix(in srgb, var(--s3) 90%, white 4%);stroke:var(--sio-edge)}.sio-knob-ptr{stroke:var(--t1);stroke-width:1.6px;stroke-linecap:round}.sio-knob-label{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:9.5px;font-weight:650}.sio-knob-value{color:var(--t2);font-size:10px}.sio-rack{background-image:linear-gradient(180deg, color-mix(in srgb, var(--sio-ident) 55%, transparent), color-mix(in srgb, var(--sio-ident) 10%, transparent));background-position:13px 0;background-repeat:no-repeat;background-size:1px 100%;gap:7px;margin:0;padding:0;list-style:none;display:grid}.sio-rack:empty{display:none}.sio-slot{border-radius:14px;grid-template-columns:28px auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 8px 8px 0;transition:background .14s;animation:.18s cubic-bezier(.2,.7,.2,1) sio-rise;display:grid}.sio-slot:hover,.sio-slot:focus-within{background:var(--sio-card);box-shadow:0 0 0 1px var(--sio-edge-soft) inset, 0 1px 0 var(--sio-rim) inset}.sio-slot-node{background:var(--sio-data);width:22px;height:22px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--sio-ident) 70%, transparent);border-radius:50%;place-items:center;margin-left:3px;font-size:10px;font-weight:700;display:grid}.sio-slot-text{gap:3px;min-width:0;display:grid}.sio-slot-name{font-size:13px;font-weight:650}.sio-slot-state{color:var(--t3);align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.sio-slot-state .sio-dot{width:5px;height:5px}.sio-slot-acts{align-items:center;gap:4px;display:flex}.sio-slot-acts .sio-iconbtn{opacity:0}.sio-slot:hover .sio-slot-acts .sio-iconbtn,.sio-slot:focus-within .sio-slot-acts .sio-iconbtn{opacity:1}.sio-slot[data-bypassed=true]>:not(.sio-slot-acts,.sio-slot-node){opacity:.45}.sio-rack.is-compact .sio-art.is-sm{width:64px;height:40px}.sio-add{border:1px dashed color-mix(in srgb, var(--sio-ident) 45%, transparent);background:color-mix(in srgb, var(--sio-ident) 5%, transparent);min-height:42px;color:var(--t1);font:inherit;cursor:pointer;border-radius:12px;justify-items:center;gap:2px;padding:7px 12px;font-size:12px;font-weight:650;display:grid}.sio-add:hover{background:color-mix(in srgb, var(--sio-ident) 10%, transparent)}.sio-add.is-empty{border-radius:16px;align-content:center;min-height:96px}.sio-add-s{color:var(--t2);font-size:11px;font-weight:500}.sio-strip{background:var(--sio-glass-strip);border-left:1px solid var(--sio-edge-soft);border-radius:0 18px 18px 0;grid-template-rows:auto 1fr auto;justify-items:center;gap:8px;padding:14px 8px 12px;display:grid}.sio-strip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);text-align:center;font-size:9.5px;font-weight:650}.sio-strip-body{grid-template-columns:auto 16px 9px;gap:5px;min-height:220px;display:grid}.sio-ladder{color:var(--t3);text-align:right;flex-direction:column;justify-content:space-between;margin:0;padding:0;font-size:9px;list-style:none;display:flex}.sio-fader{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;background:linear-gradient(0deg, color-mix(in srgb, var(--sio-ident) 80%, transparent), color-mix(in srgb, var(--sio-ident) 30%, transparent)) no-repeat bottom / 4px 100%, var(--sio-data);cursor:ns-resize;direction:rtl;background-position:bottom;border-radius:7px;width:16px;height:100%;margin:0}.sio-fader::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#e8e4dc,#a9a397);border-radius:3px;width:30px;height:14px;box-shadow:0 2px 6px #00000080,inset 0 -1px #0000004d,inset 0 1px #fff9}.sio-fader::-moz-range-thumb{background:linear-gradient(#e8e4dc,#a9a397);border:0;border-radius:3px;width:30px;height:14px}.sio-meter{background:repeating-linear-gradient(0deg, var(--sio-data) 0 3px, transparent 3px 4px);border-radius:3px;position:relative;overflow:hidden}.sio-meter:after{content:"";height:calc(var(--m,0) * 100%);background:repeating-linear-gradient(0deg, transparent 0 3px, var(--s1) 3px 4px), linear-gradient(0deg, var(--ok) 0 70%, var(--warn) 70% 88%, var(--danger) 88%);background-position:0 0,0 100%;background-size:100% 100%,100% 220px;transition:height 60ms linear;position:absolute;bottom:0;left:0;right:0}.sio-strip-db{color:var(--t2);font-size:10px}.sio-mastervalue{pointer-events:none;font-size:26px;font-weight:700;position:absolute;bottom:14px;right:108px}.sio-mastervalue small{color:var(--t3);font-size:12px}.sio-source{background:var(--sio-glass-panel);box-shadow:0 0 0 1px var(--sio-edge-soft) inset;border-radius:14px;gap:4px;padding:12px;display:grid}.sio-source-v{align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:inline-flex}.sio-quiet-note{color:var(--t3);margin:0;font-size:11.5px;line-height:1.45}.sio-master-note{color:var(--t2);align-items:center;gap:7px;margin:0;font-size:11.5px;display:flex}.sio-image{background:var(--sio-data);box-shadow:0 0 0 1px var(--sio-edge-soft) inset;border-radius:14px;gap:4px;padding:12px;display:grid}.sio-image-title{font-size:12px;font-weight:650}.sio-image-fan{touch-action:none;cursor:ew-resize;width:100%;max-height:150px}.sio-image-arc{fill:none;stroke:var(--sio-edge)}.sio-image-wedge{fill:color-mix(in srgb, var(--accent) 34%, transparent);stroke:color-mix(in srgb, var(--accent) 70%, transparent)}.sio-image-dot{fill:var(--accent);stroke:#1c1206;stroke-width:1.5px}.sio-image-lr{fill:var(--t3);font-size:9px}.sio-image-v{color:var(--t2);justify-self:center;font-size:10.5px}.sio-master-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sio-safe{border:1px solid var(--sio-edge);color:var(--t2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sio-safe.is-on{border-color:var(--accent);color:var(--t1)}.sio-safe.is-on .sio-dot{background:var(--accent)}.sio-out{color:var(--t3);font-size:11px}.sio-sync{border:1px solid var(--sio-edge-soft);background:var(--sio-glass);min-height:42px;backdrop-filter:var(--sio-blur);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 14px 14px;padding:6px 10px 6px 14px;display:flex}.sio-sync-icon{color:var(--t2);display:grid}.sio-sync-icon svg{width:12px;height:12px}.sio-sync-title{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:650}.sio-sync-state{color:var(--t2);font-size:11px}.sio-sync-head{color:var(--t2);align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.sio-sync .sio-btn{margin-left:auto}.sio-switch{cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.sio-switch-track{background:var(--sio-data);width:32px;height:18px;box-shadow:0 0 0 1px var(--sio-edge) inset;border-radius:999px;transition:background .16s;position:relative}.sio-switch-thumb{background:var(--t1);border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:2px;left:2px}.sio-switch.is-on .sio-switch-track{background:var(--accent)}.sio-switch.is-on .sio-switch-thumb{transform:translate(14px)}.sio-sheet-scrim{z-index:4;background:color-mix(in srgb, var(--bg) 42%, transparent);position:absolute;inset:0}.sio-sheet{z-index:5;border:1px solid var(--sio-edge);background:var(--sio-glass-strong);width:min(1040px,100% - 40px);max-height:calc(100% - 74px);backdrop-filter:var(--sio-blur);box-shadow:var(--sio-lift);border-radius:16px;padding:16px 18px 18px;animation:.18s cubic-bezier(.2,.7,.2,1) sio-rise;position:absolute;top:54px;left:50%;overflow:auto;translate:-50%}@keyframes sio-rise{0%{opacity:0;transform:translateY(8px)scale(.99)}}.sio-sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sio-sheet-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0;font-size:10px;font-weight:650}.sio-sheet h4{margin:2px 0 0;font-size:22px;font-weight:650}.sio-sheet-actions{gap:6px;display:flex}.sio-sheet-tools{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.sio-seg,.mc-seg{background:var(--sio-data,#151412);border:1px solid var(--sio-edge-soft,#f2f0eb12);border-radius:9px;padding:2px;display:inline-flex}.sio-seg>button,.mc-seg>button{height:26px;color:var(--t2,#b8b2a7);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 11px;font-size:11px;font-weight:600}.sio-seg>button.is-on,.mc-seg>button.is-on{background:var(--sio-card-hover,#2a2622);color:var(--t1,#f2f0eb);box-shadow:0 1px 0 var(--sio-rim,#f2f0eb33) inset}.sio-search{border:1px solid var(--sio-edge-soft);background:var(--sio-data);min-width:180px;height:38px;color:var(--t1);font:inherit;border-radius:9px;flex:1;padding:0 12px;font-size:12px}.sio-stage-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.sio-pb-grid{grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:14px;display:grid}.sio-pb-card{border:1px solid var(--sio-edge-soft);background:var(--sio-card);color:var(--t1);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-content:start;gap:6px;padding:8px 8px 12px;transition:transform .14s,box-shadow .14s;display:grid;position:relative}.sio-pb-card:hover:not(.is-unloadable){box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-2px)}.sio-pb-card:not(.is-unloadable):after{content:"Add";background:var(--accent);color:#1c1206;opacity:0;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;transition:opacity .12s;position:absolute;top:14px;right:14px}.sio-pb-card:hover:after,.sio-pb-card:focus-visible:after{opacity:1}.sio-pb-card.is-current{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}.sio-pb-card.is-unloadable{cursor:default}.sio-pb-name{padding:0 2px;font-size:13px;font-weight:650}.sio-pb-meta{color:var(--t2);padding:0 2px;font-size:11px}.sio-pb-warn{color:var(--warn);padding:0 2px;font-size:11px}.sio-pwin{z-index:6;border:1px solid var(--sio-edge);background:#121110;border-radius:12px;width:min(560px,100% - 32px);animation:.18s cubic-bezier(.2,.7,.2,1) sio-rise;position:absolute;top:70px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 30px 80px #0009}.sio-pwin-bar{border-bottom:1px solid var(--sio-edge);background:linear-gradient(#2a2623,#1f1c1a);align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.sio-pwin-title{font-size:12.5px;font-weight:650}.sio-pwin-sub{color:var(--t3);margin-right:auto;font-size:11px}.sio-pwin-face{background:radial-gradient(90% 120% at 10% 0%, #ffffff12, transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--tint) 90%, white 4%), color-mix(in srgb, var(--tint) 55%, black));gap:14px;padding:18px 20px 22px;display:grid}.sio-pwin-blurb{color:color-mix(in srgb, var(--t1) 78%, transparent);margin:0;font-size:12px}.sio-pwin-knobs{flex-wrap:wrap;gap:18px 22px;display:flex}.sio-pwin .sio-knob-label{color:color-mix(in srgb, var(--t1) 70%, transparent)}.mc{--mc-midi:#8b9dd8;gap:18px;display:grid}.mc-collection{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.mc-card{border:1px solid var(--line);background:var(--ink-2);color:var(--text-2);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s var(--ease), transform .2s var(--ease);border-radius:14px;gap:6px;padding:10px 10px 12px;display:grid}.mc-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.mc-card.is-on{border-color:color-mix(in srgb, var(--mc-midi) 70%, transparent);background:color-mix(in srgb, var(--mc-midi) 9%, var(--ink-2));color:var(--text)}.mc-card:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.mc-thumb{width:100%;height:44px;fill:var(--mc-midi);display:block}.mc-thumb.is-empty{background:var(--ink-3);border-radius:6px}.mc-thumb-bar{fill:#f2f0eb1f}.mc-card-title{font-size:13px;font-weight:650;line-height:1.2}.mc-card-meta{color:var(--muted);font-size:10.5px}.mc-work{background:var(--ink-1);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;gap:10px;padding:14px;display:grid}.mc-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mc-play{background:var(--ember);color:#1c1206;cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.mc-play svg{width:16px;height:16px}.mc-play:disabled{opacity:.5}.mc-play:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.mc-title{min-width:0;display:grid}.mc-title strong{font-size:17px}.mc-file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mc-pos{color:var(--text-2);margin-left:auto;font-size:11.5px}.mc-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px;margin:4px 0 0;display:grid}.mc-facts div{gap:2px;display:grid}.mc-facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.mc-facts dd{color:var(--text);margin:0;font-size:13px}.mc-est{color:var(--muted);font-size:11.5px}.mc-facts-wide{grid-column:1/-1}.mc-note{color:var(--muted);max-width:90ch;margin:0;font-size:12.5px}.pr-roll{--pr-lane:#ffffff06;gap:4px;display:grid}.pr-chords{height:30px;margin:0;padding:0;list-style:none;position:relative}.pr-chords li{white-space:nowrap;border-left:1px solid #f2f0eb29;align-items:baseline;gap:6px;height:100%;padding:0 6px;display:flex;position:absolute;top:0;overflow:hidden}.pr-chord-bar{color:var(--faint);font-size:9.5px}.pr-chord-name{color:var(--text);font-size:13px;font-weight:650}.pr-canvas{touch-action:manipulation;background:#0d0c0b;border-radius:10px;width:100%;display:block}.pr-hover{color:var(--muted);margin:0;font-size:11px}@media (width<=1180px){.sio-console{grid-template-columns:1fr 1fr}.sio-col.is-quiet{display:none}}@media (width<=820px){.sio-console{grid-template-columns:1fr}.sio-path{margin-left:0}.sio-col,.sio-col[data-role=master]{grid-template-columns:minmax(0,1fr) 76px}.sio-instrument{grid-template-columns:1fr}.sio-inst-name{font-size:20px}.mc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-pos{margin-left:0}.sio-mastervalue{display:none}}@media (prefers-reduced-motion:reduce){.sio-slot,.sio-sheet,.sio-pwin{animation:none}}.pz{--pz-hue:#ff8a3d;gap:16px;display:grid}.pz-pieces{flex-wrap:wrap;gap:6px;display:flex}.pz-pieces button{border:1px solid var(--line);background:var(--ink-2);height:32px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:12.5px}.pz-pieces button.is-on{color:var(--text);background:color-mix(in srgb, #8b9dd8 12%, var(--ink-2));border-color:#8b9dd8}.pz-stage{background:radial-gradient(60% 80% at 50% 50%, color-mix(in srgb, var(--pz-hue) 10%, transparent), transparent 70%), #0c0b0a;box-shadow:inset 0 0 0 1px var(--line);transition:background .6s var(--ease);border-radius:24px;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);display:grid;overflow:hidden}.pz-col{grid-template-rows:auto 1fr auto;gap:10px;min-width:0;padding:18px;display:grid}.pz-k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10.5px;font-weight:650}.pz-cv{width:100%;height:clamp(200px,26vw,300px);display:block}.pz-v{color:var(--text-2);margin:0;font-size:12.5px}.pz-same{font-family:var(--font-sans);color:#8b9dd8;border:1px solid #8b9dd880;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10.5px}.pz-lens{background:linear-gradient(90deg,#ffffff04,#ffffff0a,#ffffff04);border-inline:1px solid #ffffff0f;align-content:center;gap:6px;padding:18px 12px;display:grid}.pz-lens .pz-k{text-align:center;margin-bottom:4px}.pz-glass{height:36px;color:var(--text-2);font:inherit;text-align:left;cursor:pointer;backdrop-filter:blur(12px);transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);background:linear-gradient(#ffffff0d,#ffffff03);border:1px solid #ffffff14;border-radius:10px;padding:0 12px;font-size:12.5px;position:relative}.pz-glass:before{content:"";background:var(--g);opacity:.5;border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.pz-glass:hover{color:var(--text)}.pz-glass.is-on{border-color:color-mix(in srgb, var(--g) 70%, transparent);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--g) 40%, transparent), 0 10px 30px -8px color-mix(in srgb, var(--g) 55%, transparent);transform:scale(1.04)}.pz-glass.is-on:before{opacity:1}.pz-foot{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pz-play{border-radius:var(--round);background:var(--ember);color:#1c1206;height:44px;font:inherit;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:650;display:inline-flex}.pz-play svg{width:15px;height:15px}.pz-note{max-width:70ch;color:var(--muted);margin:0;font-size:13px}.pz-note a{color:var(--text)}.pz-pieces button:focus-visible,.pz-glass:focus-visible,.pz-play:focus-visible{outline:2px solid var(--ember);outline-offset:2px}@media (width<=860px){.pz-stage{grid-template-columns:1fr}.pz-lens{border:1px solid #ffffff0f;border-inline:0;grid-template-columns:repeat(2,minmax(0,1fr))}.pz-lens .pz-k{grid-column:1/-1}}
