.sv{--sv-void: #050811;--sv-bg: #060b17;--sv-panel: #0b1424;--sv-panel2: #101d33;--sv-ink: #f4ecd8;--sv-parch: #e7dcc1;--sv-muted: #c0b59a;--sv-soft: #8f8c78;--sv-line: rgba(214,172,85,.22);--sv-line2: rgba(244,236,216,.1);--sv-line3: rgba(244,236,216,.16);--sv-gold: #d6ac55;--sv-gold-b: #f3d98a;--sv-gold-d: #9c7228;--sv-phos: #5fe3c8;--sv-phos-d: #1f9c86;--sv-phos-glow: rgba(95,227,200,.35);--sv-warn: #ff9a6e;--sv-roman: "Cinzel", Georgia, serif;--sv-serif: "Fraunces", Georgia, serif;--sv-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sv-ease: cubic-bezier(.22,1,.36,1);--sv-panel-bg: linear-gradient(180deg, rgba(16,29,51,.55), rgba(7,12,26,.72));color:var(--sv-parch);font-family:var(--sv-serif);font-size:16px;line-height:1.55;container-type:inline-size;container-name:sv;animation:sv-on .32s ease-out both}@keyframes sv-on{0%{opacity:0;filter:brightness(1.6) saturate(.4)}to{opacity:1;filter:none}}.sv *,.sv *:before,.sv *:after{box-sizing:border-box}.sv :where(button,input,select){font:inherit;color:inherit}.sv :where(button){cursor:pointer;-webkit-tap-highlight-color:transparent}.sv button:disabled{cursor:not-allowed;opacity:.45}.sv :focus-visible{outline:2px solid var(--sv-gold-b);outline-offset:2px}.sv svg{display:block;max-width:100%}.sv svg text{font-family:var(--sv-serif);fill:var(--sv-muted)}.sv__body{display:grid;gap:14px}@container sv (min-width: 760px){.sv--side .sv__body{grid-template-columns:minmax(0,1fr) clamp(260px,30%,380px);align-items:start}.sv--side .sv__stage{position:sticky;top:72px}}@container sv (min-width: 1800px){.sv--side .sv__body{grid-template-columns:minmax(0,1fr) clamp(340px,24%,460px);gap:18px}}.sv__stage{position:relative;min-width:0;border:1px solid var(--sv-line2);border-radius:3px;overflow:hidden;isolation:isolate;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(95,227,200,.045) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(95,227,200,.045) 39px 40px),radial-gradient(ellipse 80% 70% at 50% 100%,rgba(31,156,134,.11),transparent 70%),radial-gradient(ellipse 60% 50% at 50% 0%,rgba(214,172,85,.035),transparent 70%),var(--sv-void);box-shadow:0 0 0 1px #050811e6,0 24px 60px -40px #000000e6,inset 0 1px #f4ecd80a}.sv__stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 125% 115% at 50% 50%,transparent 66%,rgba(2,4,10,.3) 100%)}.sv__stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;--c: rgba(214,172,85,.7);--l: 16px;background:linear-gradient(var(--c),var(--c)) top left / var(--l) 2px no-repeat,linear-gradient(var(--c),var(--c)) top left / 2px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--l) 2px no-repeat,linear-gradient(var(--c),var(--c)) top right / 2px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--l) 2px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 2px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--l) 2px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 2px var(--l) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E") 0 0 / 180px 180px}.sv__side{display:grid;gap:12px;min-width:0;align-content:start}.sv__readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(128px,100%),1fr));gap:8px}.sv__controls{position:relative;display:grid;gap:14px;padding:16px 14px 14px;border:1px solid var(--sv-line2);border-radius:3px;background:var(--sv-panel-bg);box-shadow:inset 0 1px #f4ecd809}.sv__controls:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,transparent,var(--sv-gold-d) 18%,var(--sv-gold) 50%,var(--sv-gold-d) 82%,transparent);opacity:.75}.sv__below{margin-top:14px}.sv__limit{position:relative;margin:14px 0 0;padding:12px 16px 13px 18px;max-width:118ch;border:1px solid var(--sv-line2);border-left:2px solid var(--sv-gold-d);border-radius:0 3px 3px 0;background:linear-gradient(90deg,#d6ac550d,#05081159 40%);color:var(--sv-soft);font-size:.9rem;line-height:1.65;text-wrap:pretty}.sv__limit-k{display:inline-flex;align-items:center;gap:7px;margin-right:8px;font-family:var(--sv-roman);font-size:.63rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--sv-gold)}.sv__limit-k:before{content:"";width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--sv-gold);background:#d6ac552e}.sv-canvas{position:relative;width:100%;aspect-ratio:var(--ar, 1.78);min-height:var(--minh, 220px);max-height:70vh}.sv-canvas canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.sv-canvas.is-interactive canvas{touch-action:none;cursor:crosshair}.sv-overlay{position:absolute;pointer-events:none;font-family:var(--sv-roman);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sv-soft)}.sv-metric{position:relative;display:block;min-width:0;padding:9px 12px 10px;border:1px solid var(--sv-line);border-radius:2px;background:radial-gradient(120% 90% at 0% 100%,rgba(214,172,85,.07),transparent 60%),linear-gradient(180deg,var(--sv-panel2),var(--sv-panel));box-shadow:inset 0 1px #f4ecd80a;overflow:hidden}.sv-metric:before{content:"";position:absolute;left:0;top:0;width:18px;height:1px;background:var(--sv-gold);opacity:.7}.sv-metric__k{display:block;font-family:var(--sv-roman);font-size:.62rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--sv-soft);line-height:1.35}.sv-metric strong{display:block;margin-top:4px;font-family:var(--sv-mono);font-size:1.22rem;line-height:1.2;font-weight:500;letter-spacing:-.01em;color:var(--sv-gold-b);font-variant-numeric:tabular-nums;overflow-wrap:break-word;text-shadow:0 0 14px rgba(243,217,138,.18)}.sv-metric.is-long strong{font-size:1rem;line-height:1.3}.sv-metric small{font-size:.62em;letter-spacing:.02em;color:var(--sv-muted);text-shadow:none}.sv-metric.is-phos{border-color:#5fe3c84d;background:radial-gradient(120% 90% at 0% 100%,rgba(95,227,200,.1),transparent 60%),linear-gradient(180deg,var(--sv-panel2),var(--sv-panel))}.sv-metric.is-phos:before{background:var(--sv-phos)}.sv-metric.is-phos strong{color:var(--sv-phos);text-shadow:0 0 12px var(--sv-phos-glow)}.sv-metric.is-warn{border-color:#ff9a6e59}.sv-metric.is-warn:before{background:var(--sv-warn)}.sv-metric.is-warn strong{color:var(--sv-warn);text-shadow:0 0 12px rgba(255,154,110,.25)}.sv-range{display:grid;gap:4px}.sv-range__top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;min-width:0;font-family:var(--sv-roman);font-size:.62rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--sv-soft)}.sv-range__top>span:first-child{min-width:0;overflow-wrap:anywhere}.sv-range output{flex:none;font-family:var(--sv-mono);font-size:.92rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--sv-gold-b);font-variant-numeric:tabular-nums}.sv input[type=range]{--f: .5;--trk: 4px;--th: 18px;-webkit-appearance:none;appearance:none;display:block;width:100%;height:30px;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:pan-y}.sv input[type=range]::-webkit-slider-runnable-track{height:var(--trk);border-radius:2px;background:linear-gradient(90deg,var(--sv-phos-d),var(--sv-phos)) 0 0 / calc(var(--th) / 2 + (100% - var(--th)) * var(--f)) 100% no-repeat,linear-gradient(90deg,#d6ac5547,#d6ac552e);box-shadow:0 0 0 1px #050811cc,0 0 10px -2px #5fe3c859}.sv input[type=range]::-moz-range-track{height:var(--trk);border-radius:2px;background:linear-gradient(90deg,#d6ac5547,#d6ac552e);box-shadow:0 0 0 1px #050811cc}.sv input[type=range]::-moz-range-progress{height:var(--trk);border-radius:2px;background:linear-gradient(90deg,var(--sv-phos-d),var(--sv-phos));box-shadow:0 0 8px #5fe3c859}.sv input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--th);height:var(--th);margin-top:calc(var(--trk) / 2 - var(--th) / 2);border-radius:50%;border:2px solid var(--sv-gold-b);background:radial-gradient(circle,var(--sv-phos) 0 3px,var(--sv-void) 3.5px);box-shadow:0 0 0 3px #050811d9,0 0 12px #5fe3c873;transition:transform .18s var(--sv-ease),box-shadow .18s}.sv input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid var(--sv-gold-b);background:radial-gradient(circle,var(--sv-phos) 0 3px,var(--sv-void) 3.5px);box-shadow:0 0 0 3px #050811d9,0 0 12px #5fe3c873}.sv input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 3px #050811d9,0 0 16px #5fe3c8a6}.sv input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);border-color:var(--sv-phos)}.sv input[type=range]:focus-visible{outline:none}.sv input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #050811d9,0 0 0 5px var(--sv-gold-b),0 0 16px #5fe3c899}.sv input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #050811d9,0 0 0 5px var(--sv-gold-b)}.sv input[type=range]:disabled{opacity:.45;cursor:not-allowed}.sv-choice{display:grid;gap:7px;min-width:0}.sv-choice__k{font-family:var(--sv-roman);font-size:.62rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--sv-soft)}.sv-choice__b{display:flex;flex-wrap:wrap;gap:6px}.sv-choice__b button,.sv-toggle,.sv-btn{position:relative;min-height:40px;font-family:var(--sv-roman);font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--sv-line3);border-radius:2px;background:linear-gradient(180deg,#101d33e6,#0b1424e6);color:var(--sv-muted);box-shadow:inset 0 1px #f4ecd80d,0 1px #00000059;transition:border-color .25s var(--sv-ease),color .25s var(--sv-ease),background .25s var(--sv-ease),box-shadow .25s var(--sv-ease),transform .12s var(--sv-ease);overflow-wrap:anywhere}.sv-choice__b button:hover,.sv-toggle:hover,.sv-btn:hover:not(:disabled){border-color:#d6ac55b3;color:var(--sv-gold-b);background:linear-gradient(180deg,#1a2840f2,#0e182af2)}.sv-choice__b button:active,.sv-toggle:active,.sv-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #00000073}.sv-choice__b button.is-on,.sv-toggle.is-on{border-color:var(--sv-phos);color:var(--sv-phos);background:linear-gradient(180deg,#5fe3c824,#5fe3c80d);box-shadow:0 0 0 1px #5fe3c81f,0 0 16px -4px #5fe3c88c,inset 0 0 12px #5fe3c814;text-shadow:0 0 10px rgba(95,227,200,.45)}.sv-choice__b button.is-on:hover,.sv-toggle.is-on:hover{color:#8ff3de;border-color:#8ff3de}.sv-toggle{display:inline-flex;align-items:center;gap:10px;text-align:left}.sv-toggle__dot{position:relative;flex:none;width:26px;height:14px;border-radius:2px;border:1px solid currentColor;background:#05081199;opacity:.85;transition:background .25s var(--sv-ease),box-shadow .25s}.sv-toggle__dot:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:1px;background:currentColor;transition:transform .25s var(--sv-ease),background .25s}.sv-toggle.is-on .sv-toggle__dot{background:#5fe3c82e;box-shadow:0 0 10px var(--sv-phos-glow);opacity:1}.sv-toggle.is-on .sv-toggle__dot:after{transform:translate(12px);background:var(--sv-phos);box-shadow:0 0 6px var(--sv-phos)}.sv-btn.is-primary{background:linear-gradient(135deg,var(--sv-gold-b),var(--sv-gold) 55%,var(--sv-gold-d));color:#1a1206;border-color:transparent;font-weight:700;box-shadow:0 6px 18px -10px #d6ac55cc,inset 0 1px #ffffff59;text-shadow:none}.sv-btn.is-primary:hover:not(:disabled){color:#1a1206;border-color:transparent;filter:brightness(1.08);background:linear-gradient(135deg,var(--sv-gold-b),var(--sv-gold) 55%,var(--sv-gold-d))}.sv-play{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:48px;font-size:.68rem;letter-spacing:.16em;border-color:#d6ac558c;color:var(--sv-gold-b);background:linear-gradient(180deg,#d6ac551f,#d6ac5508),linear-gradient(180deg,#101d33f2,#0b1424f2)}.sv-play:hover:not(:disabled){border-color:var(--sv-gold-b);box-shadow:0 0 20px -6px #d6ac558c,inset 0 1px #f4ecd814}.sv-play__icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid currentColor;font-size:.62rem;line-height:1;padding-left:2px}.sv-play.is-playing{border-color:var(--sv-phos);color:var(--sv-phos);background:linear-gradient(180deg,#5fe3c824,#5fe3c80a),var(--sv-panel);box-shadow:0 0 0 1px #5fe3c81f,0 0 22px -6px #5fe3c899,inset 0 0 18px #5fe3c814}.sv-play.is-playing .sv-play__icon{padding-left:0;animation:sv-pulse 1.6s ease-in-out infinite}@keyframes sv-pulse{0%,to{box-shadow:0 0 #5fe3c88c}60%{box-shadow:0 0 0 7px #5fe3c800}}.sv-row{display:flex;flex-wrap:wrap;gap:8px}.sv-row>*{flex:1 1 auto}.sv-group{margin:0;padding:12px;border:1px solid var(--sv-line2);border-radius:2px;display:grid;gap:11px;min-width:0;background:linear-gradient(180deg,rgba(244,236,216,.018),transparent 60%)}.sv-group legend{display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 6px;max-width:100%;font-family:var(--sv-roman);font-size:.63rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sv-gold)}.sv-group legend:before{content:"";flex:none;width:5px;height:5px;transform:rotate(45deg);background:var(--sv-gold);box-shadow:0 0 6px #d6ac5599}.sv-note{margin:0;font-size:.88rem;color:var(--sv-soft);line-height:1.55;text-wrap:pretty}.sv-note b{color:var(--sv-muted);font-weight:600}.sv select{min-height:40px;max-width:100%;padding:6px 30px 6px 10px;border:1px solid var(--sv-line3);border-radius:2px;background:linear-gradient(45deg,transparent 50%,var(--sv-gold) 50%) calc(100% - 15px) 50% / 5px 5px no-repeat,linear-gradient(135deg,var(--sv-gold) 50%,transparent 50%) calc(100% - 10px) 50% / 5px 5px no-repeat,var(--sv-panel);-webkit-appearance:none;appearance:none;color:var(--sv-parch);transition:border-color .25s}.sv select:hover{border-color:var(--sv-gold)}.sv select option{background:var(--sv-panel);color:var(--sv-parch)}.sv-mic{display:grid;gap:7px}.sv-mic__b{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px}.sv-mic__dot{width:10px;height:10px;border-radius:50%;border:1px solid currentColor}.sv-mic__b.is-on{border-color:var(--sv-warn);color:var(--sv-warn);background:linear-gradient(180deg,#ff9a6e1f,#ff9a6e08),var(--sv-panel);box-shadow:0 0 20px -8px #ff9a6eb3}.sv-mic__b.is-on .sv-mic__dot{background:var(--sv-warn);box-shadow:0 0 10px #ff9a6e99;animation:sv-rec 1.2s ease-in-out infinite}@keyframes sv-rec{50%{opacity:.35}}.sv-mic__privacy{margin:0;font-size:.8rem;line-height:1.5;color:var(--sv-soft)}.sv-mic__err{margin:0;padding:6px 10px;border-left:2px solid var(--sv-warn);background:#ff9a6e0f;font-size:.84rem;color:var(--sv-warn)}.sv-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:2px 2px 0;list-style:none;font-size:.88rem;line-height:1.4;color:var(--sv-muted)}.sv-legend li{display:inline-flex;align-items:center;gap:9px;min-width:0}.sv-legend__sw{flex:none;width:24px;height:3px;border-radius:2px;background:var(--c);box-shadow:0 0 8px -1px var(--c)}.sv-legend__sw.is-dash{background:repeating-linear-gradient(90deg,var(--c) 0 5px,transparent 5px 9px);box-shadow:none}.sv-table{width:100%;border-collapse:collapse;font-size:.88rem}.sv-table th{font-family:var(--sv-roman);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--sv-gold);text-align:left;font-weight:600;border-bottom:1px solid var(--sv-line)!important}.sv-table th,.sv-table td{padding:7px 9px;border-bottom:1px solid var(--sv-line2)}.sv-table tr>th:not(:first-child),.sv-table th.num{text-align:right}.sv-table tbody tr{transition:background .2s}.sv-table tbody tr:hover{background:#d6ac550d}.sv-table td.num{font-family:var(--sv-mono);text-align:right;color:var(--sv-gold-b);font-variant-numeric:tabular-nums}.sv-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--sv-gold-d) transparent}@container sv (max-width: 759px){.sv__controls{padding:14px 12px 12px}.sv-choice__b button,.sv-toggle,.sv-btn{min-height:44px;font-size:.68rem}.sv input[type=range]{height:34px;--th: 22px}.sv input[type=range]::-moz-range-thumb{width:18px;height:18px}.sv-metric strong{font-size:1.1rem}.sv__limit{padding:11px 12px 12px 14px}.sv__stage:after{--l: 12px}}@container sv (min-width: 1800px){.sv{font-size:17px}.sv-metric strong{font-size:1.34rem}.sv__stage:after{--l: 22px}}.atelier.is-full .sv{height:100%;display:flex;flex-direction:column}.atelier.is-full .sv__body{flex:1 1 auto;min-height:0}.atelier.is-full .sv__stage{height:100%}.atelier.is-full .sv-canvas{aspect-ratio:auto;max-height:none;height:calc(100dvh - 190px);min-height:260px}@container sv (min-width: 760px){.atelier.is-full .sv__side{max-height:calc(100dvh - 150px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sv-gold-d) transparent;padding-right:2px}}@media(prefers-reduced-motion:reduce){.sv{animation:none}.sv *,.sv *:before,.sv *:after{transition:none!important;animation:none!important}}.sv__midi{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;padding:8px 12px;border:1px solid var(--sv-line2, rgba(244,236,216,.1));border-left:2px solid rgba(95,227,200,.35);border-radius:2px;background:#05081173;font-size:.86rem;color:var(--sv-soft, #8f8c78)}.sv__midi.is-mine{border-left-color:var(--sv-phos, #5fe3c8)}.sv .sv__midi-b,.sv .sv__midi-take{font:inherit;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:2px;cursor:pointer;border:1px solid rgba(214,172,85,.35);background:transparent;color:var(--sv-gold-b, #f3d98a);font-family:var(--sv-roman, "Cinzel", serif);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sv .sv__midi-b[aria-pressed=true]{border-color:#5fe3c88c;color:var(--sv-phos, #5fe3c8)}.sv .sv__midi-b:disabled{opacity:.55;cursor:default}.sv .sv__midi-b:focus-visible,.sv .sv__midi-take:focus-visible{outline:2px solid #f3d98a;outline-offset:2px}.sv__midi-on{font-family:var(--sv-roman, "Cinzel", serif);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sv-phos, #5fe3c8)}.sv__midi-on:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;vertical-align:middle}.sv__midi-hint{flex:1 1 260px;min-width:0;color:var(--sv-parch, #e7dcc1);overflow-wrap:break-word}.sv__midi-last{font-family:var(--sv-mono, ui-monospace, monospace);font-size:.8rem;color:var(--sv-gold, #d6ac55)}