:root{--vs-1:#5a8cff;--vs-2:#a96bff;--vs-3:#ff6bd6;--vs-4:#3effb1}.sec-head{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:end;margin-bottom:48px}@media (max-width:900px){.sec-head{grid-template-columns:1fr}}.sec-head .l{max-width:46ch}.sec-head h2{font-family:var(--display);font-weight:500;font-size:clamp(36px,5vw,68px);line-height:.98;letter-spacing:-.025em;margin:8px 0 0;max-width:none;text-wrap:balance}.sec-head h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.sec-head .meta{font-family:var(--mono);font-size:11px;color:var(--fg-faint);letter-spacing:.1em;text-transform:uppercase;text-align:right;display:block}@media (max-width:900px){.sec-head .meta{text-align:left}}.vs-hero .phero-bg{background:radial-gradient(130% 120% at 30% 24%,#2a2160 0,#171436 44%,var(--bg) 100%)}.phero-shader{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.vs-hero .phero-bg:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in oklab,var(--bg) 88%,transparent) 0,color-mix(in oklab,var(--bg) 52%,transparent) 34%,transparent 66%),linear-gradient(0deg,color-mix(in oklab,var(--bg) 78%,transparent) 0,transparent 46%)}.vs-hero .phero-grid{position:relative;z-index:2}@media (max-width:900px){.vs-hero .phero-bg:after{background:linear-gradient(0deg,color-mix(in oklab,var(--bg) 90%,transparent) 0,color-mix(in oklab,var(--bg) 70%,transparent) 45%,color-mix(in oklab,var(--bg) 45%,transparent) 100%)}}.hero-hud{display:flex;gap:8px;justify-content:flex-end;align-items:stretch;margin-top:12px}@media (max-width:560px){.hero-hud{gap:6px}}.hud-panel{background:rgba(8,8,12,.66);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border:.5px solid var(--line-strong);border-radius:6px;padding:6px 8px 5px;width:100px;display:flex;flex-direction:column}.hud-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px;font-family:var(--mono);font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.hud-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.hud-note{color:var(--vs-2);font-weight:500}.hud-bars{display:flex;align-items:flex-end;gap:1.5px;height:20px}.hud-bar{flex:1;min-width:0;height:8%;border-radius:.5px;background:var(--accent)}.hud-level{margin-top:4px;height:1.5px;border-radius:2px;background:rgba(244,241,234,.1);overflow:hidden}.hud-level span{display:block;height:100%;width:0;background:var(--accent)}.hud-keys{display:flex;align-items:flex-end;gap:1.5px;height:20px}.hud-key{flex:1;min-width:0;height:100%;border-radius:.5px;background:color-mix(in oklab,var(--vs-2) calc(var(--v,0)*100%),rgba(244,241,234,.1));transform:scaleY(calc(.55 + var(--v,0)*.45));transform-origin:bottom;transition:transform .04s linear}.hud-key.black{height:62%}.hud-cap{margin-top:4px;font-family:var(--mono);font-size:7px;letter-spacing:.05em;color:var(--fg-faint)}.core-divider{padding:104px 0 60px}.core-h2{font-family:var(--display);font-weight:500;font-size:clamp(52px,8vw,120px);line-height:.9;letter-spacing:-.035em;margin:14px 0 22px;text-wrap:balance}.core-h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.core-lede{max-width:62ch;color:var(--fg-dim);font-size:18px;line-height:1.55;margin:0 0 32px;text-wrap:pretty}.core-index{display:flex;flex-wrap:wrap;gap:10px}.core-idx{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:.5px solid var(--line-strong);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);transition:color .2s,border-color .2s,transform .2s}.core-idx:hover{color:var(--fg);border-color:var(--fg);transform:translateY(-1px)}.core-idx .arrow{transition:transform .2s}.core-idx:hover .arrow{transform:translateY(2px)}.shv-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}@media (max-width:900px){.shv-demo{grid-template-columns:1fr}}.shv-left{display:flex;flex-direction:column;gap:14px}.shv-stage{position:relative;flex:1;min-height:300px;border:.5px solid var(--line-strong);border-radius:16px;overflow:hidden;background:#000}.shv-render{position:absolute;inset:0;transition:filter .12s linear,transform .12s linear}.shv-render canvas,.shv-render svg{position:absolute;inset:0;width:100%;height:100%;display:block}.shv-name{left:14px;bottom:12px;letter-spacing:.12em;background:rgba(0,0,0,.5);padding:5px 10px;border-radius:6px;border:.5px solid hsla(0,0%,100%,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.shv-edit,.shv-name{position:absolute;z-index:2;font-family:var(--mono);font-size:10px;text-transform:uppercase;color:#fff}.shv-edit{right:14px;top:14px;display:inline-flex;align-items:center;gap:8px;letter-spacing:.08em;background:rgba(6,6,10,.55);border:.5px solid var(--line-strong);border-radius:999px;padding:8px 14px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .2s,border-color .2s,background .2s}.shv-edit:hover{border-color:#fff;color:#fff;background:rgba(6,6,10,.72)}.shv-knobs{display:flex;gap:10px;align-items:flex-start;padding:16px 18px 20px;border:.5px solid var(--line-strong);border-radius:16px;background:var(--card,#0a0a12)}.shv-pknobs{display:contents}.sh-swatch{width:46px;height:46px;padding:0;border:1px solid var(--line-strong);border-radius:10px;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.sh-swatch::-webkit-color-swatch-wrapper{padding:3px}.sh-swatch::-webkit-color-swatch{border:none;border-radius:7px}.sh-swatch::-moz-color-swatch{border:none;border-radius:7px}.cp-pop{position:fixed;z-index:300;width:208px;padding:12px;border-radius:12px;background:var(--card);border:.5px solid var(--line-strong);display:flex;flex-direction:column;gap:10px;animation:vs-fade .14s ease}.cp-sv{position:relative;width:100%;height:132px;border-radius:8px;cursor:crosshair;touch-action:none;border:.5px solid var(--line)}.cp-sv-dot{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.45);transform:translate(-50%,-50%);pointer-events:none}.cp-hue{position:relative;width:100%;height:12px;border-radius:999px;cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.cp-hue-handle{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.45);transform:translate(-50%,-50%);pointer-events:none}.cp-row{display:flex;align-items:center;gap:6px;border:.5px solid var(--line-strong);border-radius:8px;padding:6px 10px}.cp-hash{color:var(--fg-faint)}.cp-hash,.cp-hex{font-family:var(--mono);font-size:12px}.cp-hex{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--fg);letter-spacing:.06em;text-transform:uppercase}.sh-knob{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;flex:1;min-width:0}.sh-dial{width:46px;height:46px}.sh-dtrack{stroke:var(--dial-track)}.sh-klbl{font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-knob.dragging .sh-klbl{color:var(--accent);letter-spacing:.04em}@media (max-width:560px){.shv-knobs{flex-wrap:wrap;justify-content:center;row-gap:16px;padding:16px 14px 18px}.shv-knobs .sh-knob{flex:0 0 calc(33.333% - 8px)}}.shv-list{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;align-content:start;gap:12px}@media (max-width:900px){.shv-list{grid-template-columns:repeat(2,1fr)}}.shv-prev{position:relative;aspect-ratio:16/9;border:.5px solid var(--line);border-radius:12px;overflow:hidden;background:#000;cursor:pointer;padding:0;display:flex;align-items:flex-end;transition:border-color .2s,transform .2s,box-shadow .2s}.shv-prev:hover{border-color:var(--line-strong);transform:translateY(-2px)}.shv-prev.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shv-prev-vis{position:absolute;inset:0}.shv-prev-vis canvas,.shv-prev-vis svg{position:absolute;inset:0;width:100%;height:100%}.shv-prev-lbl{position:relative;z-index:2;margin:10px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.5);padding:4px 8px;border-radius:6px;border:.5px solid hsla(0,0%,100%,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.shv-edlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:.5px solid var(--line-strong);background:#0a0a0b;animation:vs-fade .2s ease}.shaders-foot{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--fg-faint)}.shaders-foot .info{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.shaders-foot .info b{color:var(--fg);font-weight:500}.sed-modal{position:fixed;inset:0;z-index:200;background:rgba(3,3,6,.72);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);display:flex;align-items:center;justify-content:center;padding:24px;animation:vs-fade .2s ease}@keyframes vs-fade{0%{opacity:0}to{opacity:1}}.sed-modal-inner{width:min(1120px,96vw);max-height:92vh;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:.5px solid var(--line-strong)}.sed-modal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#0b0b0d;border-bottom:.5px solid hsla(0,0%,100%,.08)}.sed-modal-bar .mono{color:hsla(0,0%,100%,.62)}.sed-modal-x{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.7);background:transparent;border:.5px solid hsla(0,0%,100%,.22);border-radius:999px;padding:7px 14px;cursor:pointer;transition:color .2s,border-color .2s}.sed-modal-x:hover{color:#fff;border-color:#fff}.sed-modal-body{flex:1;min-height:0;overflow:auto;background:#0a0a0b}.sed-modal-body,.sed-modal-body *{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.24) transparent}.sed-modal-body ::-webkit-scrollbar,.sed-modal-body::-webkit-scrollbar{width:10px;height:10px}.sed-modal-body ::-webkit-scrollbar-track,.sed-modal-body::-webkit-scrollbar-track{background:transparent}.sed-modal-body ::-webkit-scrollbar-thumb,.sed-modal-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sed-modal-body ::-webkit-scrollbar-thumb:hover,.sed-modal-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.34);background-clip:padding-box}.sed-modal-body ::-webkit-scrollbar-corner,.sed-modal-body::-webkit-scrollbar-corner{background:transparent}.sed-window{display:flex;flex-direction:column;height:100%;background:#0a0a0b;font-family:var(--mono);color:#d8d4cc;position:relative;font-size:11px}.sed-titlebar{height:34px;background:#3a3330;display:flex;align-items:center;padding:0 14px}.sed-lights{display:flex;gap:8px}.sed-lights i{width:12px;height:12px;border-radius:50%;background:#e0e0e0;opacity:.9}.sed-lights i:first-child{background:#ff5f57}.sed-lights i:nth-child(2){background:#febc2e}.sed-lights i:nth-child(3){background:#28c840}.sed-toolbar{display:flex;align-items:center;gap:22px;height:48px;padding:0 16px;background:#0b0b0d;border-bottom:.5px solid hsla(0,0%,100%,.06)}.sed-burger{display:flex;flex-direction:column;gap:3px}.sed-burger b{width:16px;height:1.6px;background:#c8c4bc;border-radius:1px}.sed-logo{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.04em;color:#e8e4dc}.sed-logo em{font-style:normal;font-weight:300;margin-left:4px;color:#e8e4dc}.sed-tb{display:flex;flex-direction:column;gap:3px;line-height:1}.sed-tb .t{font-size:9px;letter-spacing:.1em;color:#e6b84b}.sed-tb .v{font-size:12px;color:#d8d4cc}.sed-tb-icons{margin-left:auto;color:#8a867e;font-size:15px;letter-spacing:2px}.sed-body{display:flex;min-height:0}.sed-rail{width:52px;background:#0b0b0d;border-right:.5px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;align-items:center;gap:22px;padding:22px 0}.sed-railicon{color:#6f6b63;font-size:16px}.sed-railicon.on{color:#e6b84b}.sed-railicon.bottom{margin-top:auto}.sed-main{flex:1;min-width:0;background:#0a0a0b;display:flex;flex-direction:column}.sed-filebar{display:flex;align-items:center;gap:16px;height:46px;padding:0 20px;border-bottom:.5px solid hsla(0,0%,100%,.05)}.sed-file{font-family:var(--display);font-weight:500;font-size:15px;color:#efece5}.sed-divider{width:1px;height:20px;background:hsla(0,0%,100%,.12)}.sed-fontstep{display:inline-flex;align-items:center;gap:2px;background:#1a1a1e;border:.5px solid hsla(0,0%,100%,.08);border-radius:6px;padding:2px 4px;color:#c8c4bc;font-size:12px}.sed-fontstep button{font-family:var(--mono);font-size:14px;line-height:1;color:#c8c4bc;background:transparent;border:0;border-radius:4px;width:22px;height:22px;cursor:pointer;transition:background .15s,color .15s}.sed-fontstep button:hover{background:hsla(0,0%,100%,.08);color:#efece5}.sed-fontstep button:disabled{opacity:.4;cursor:default}.sed-fontstep b{color:#efece5;min-width:20px;text-align:center;font-weight:500}.sed-search{display:inline-flex;align-items:center;gap:8px;color:#6f6b63;font-size:12px;background:transparent;border:0;cursor:pointer;padding:4px 2px;transition:color .15s}.sed-search:hover{color:#c8c4bc}.sed-searchbox{display:inline-flex;align-items:center;gap:8px}.sed-searchbox input{font-family:var(--mono);font-size:12px;color:#efece5;background:#1a1a1e;border:.5px solid hsla(0,0%,100%,.14);border-radius:6px;padding:4px 10px;width:150px;outline:0}.sed-searchbox input:focus{border-color:rgba(230,184,75,.5)}.sed-searchcount{color:#6f6b63;font-size:11px;min-width:34px}.sed-searchcount.err{color:#ff7a7a}.sed-searchclose{color:#6f6b63;font-size:13px;background:transparent;border:0;cursor:pointer;padding:2px 4px}.sed-searchclose:hover{color:#efece5}.sed-code{position:relative;flex:1;padding:12px 0 14px;overflow:hidden}.sed-preview{position:absolute;top:14px;right:18px;width:232px;height:132px;border-radius:4px;overflow:hidden;border:.5px solid hsla(0,0%,100%,.14);background:#000;z-index:2}@media (max-width:900px){.sed-preview{width:170px;height:96px;right:12px;top:12px}}@media (max-width:600px){.sed-preview{display:none}}.sed-preview canvas,.sed-preview svg{position:absolute;inset:0;width:100%;height:100%}.sed-expand{position:absolute;right:8px;bottom:6px;color:hsla(0,0%,100%,.7);font-size:13px}.sed-line{display:flex;align-items:baseline;gap:14px;padding:0 18px;line-height:1.42;white-space:pre}.sed-ln{width:26px;text-align:right;color:#4a463f;flex:none;-webkit-user-select:none;user-select:none}.sed-line code{color:#cfcabf;font-family:var(--mono)}.sed-line code .k{color:#8fd6c8}.sed-line code .s{color:#7fc77f}.sed-line code .n{color:#b79cff}.sed-line code .b{color:#e6b84b}.sed-line code .c{color:#5c5850}.sed-foot{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px 18px;background:#0b0b0d;border-top:.5px solid hsla(0,0%,100%,.06)}.sed-knobs{display:flex;gap:18px;flex-wrap:nowrap;justify-content:space-around;width:100%;max-width:640px;overflow-x:auto}.sed-knob{display:flex;flex-direction:column;align-items:center;gap:6px;width:44px}.sed-dial{width:34px;height:34px}.sed-swatch{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fb0ff,#4f6bd8);border:.5px solid hsla(0,0%,100%,.2);margin:4px 0}.sed-klbl{font-size:8px;letter-spacing:.06em;color:#8a867e;text-align:center;line-height:1.1}.sed-actions{display:flex;gap:10px;flex:none}.sed-btn{background:#1a1a1e;border:.5px solid hsla(0,0%,100%,.12);border-radius:6px;padding:9px 18px;color:#d8d4cc;font-family:var(--mono);font-size:11px;letter-spacing:.08em;cursor:pointer}.sed-btn.save{background:#2a2723;border-color:rgba(230,184,75,.4);color:#e6b84b}.sed-status{padding:8px 20px;background:#0a0a0b;color:#5c5850;font-size:11px;border-top:.5px solid hsla(0,0%,100%,.05);font-family:var(--mono);letter-spacing:.04em}.sed-status.err{color:#ff7a7a;background:color-mix(in oklab,#ff5252 12%,#0a0a0b);white-space:pre-wrap;max-height:84px;overflow:auto}.sed-codewrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#0a0a0b}.sed-editor,.sed-hl{inset:0;margin:0;font-family:var(--mono);font-size:var(--sed-fs,13px);line-height:var(--sed-lh,20px);padding:14px 20px 14px 56px;border:0;white-space:pre;tab-size:2;-moz-tab-size:2;letter-spacing:normal}.sed-editor,.sed-gutter,.sed-hl{position:absolute;box-sizing:border-box}.sed-gutter{left:0;top:0;bottom:0;width:44px;z-index:2;overflow:hidden;padding:14px 0;background:#0b0b0d;border-right:.5px solid hsla(0,0%,100%,.06);pointer-events:none}.sed-lnum{font-family:var(--mono);font-size:var(--sed-fs,13px);line-height:var(--sed-lh,20px);text-align:right;padding-right:12px;color:#4a463f}.sed-lnum.err{color:#ff7a7a;background:rgba(255,82,82,.16);font-weight:600}.sed-hl{overflow:hidden;pointer-events:none;z-index:1;background:#0a0a0b;color:#cfcabf}.sed-hl code{font:inherit;letter-spacing:inherit;white-space:inherit;background:none;padding:0}.sed-editor{z-index:2;resize:none;outline:0;overflow:auto;scrollbar-width:none;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--accent)}.sed-editor::-webkit-scrollbar{width:0;height:0;display:none}.sed-searchlayer{z-index:1;background:transparent;color:transparent}.sed-searchlayer mark{background:rgba(230,184,75,.22);color:transparent;border-radius:2px}.sed-searchlayer mark.on{background:rgba(230,184,75,.55)}.sed-editor::selection{background:rgba(230,184,75,.28);color:transparent;-webkit-text-fill-color:transparent}.sed-hl .t-com{color:#6a6f7a;font-style:italic}.sed-hl .t-pre{color:#c58fe0}.sed-hl .t-kw{color:#e6b84b}.sed-hl .t-fn{color:#6cb6ff}.sed-hl .t-vs{color:#56d364}.sed-hl .t-num{color:#e0985f}.features{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.feat{position:relative;border:.5px solid var(--line);border-radius:14px;background:var(--card,#0a0a12);padding:24px;display:flex;flex-direction:column;gap:14px;overflow:hidden;min-height:240px}.feat .mono{align-self:flex-start}.feat h4{font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.015em;margin:0;line-height:1.15;text-wrap:balance}.feat h4 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.feat p{margin:0;color:var(--fg-dim);font-size:13.5px;line-height:1.55;text-wrap:pretty;flex:1}.feat .vis{position:relative;height:130px;border-radius:10px;overflow:hidden;border:.5px solid var(--line);background:#000}.feat .vis svg{position:absolute;inset:0;width:100%;height:100%}.feat.s4{grid-column:span 4}.feat.s6{grid-column:span 6}.feat.s8{grid-column:span 8}.feat.s12{grid-column:span 12}.feat.compact p{font-size:12px;line-height:1.5;flex:0 0 auto}.feat.compact .vis{flex:1;min-height:130px}@media (max-width:1100px){.feat.s4{grid-column:span 6}.feat.s8{grid-column:span 12}}@media (max-width:640px){.feat.s12,.feat.s4,.feat.s6,.feat.s8{grid-column:span 12}}.vsrc-sec{padding:60px 0;border-bottom:.5px solid var(--line)}.vsrc-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media (max-width:900px){.vsrc-row{grid-template-columns:1fr;gap:26px}}@media (min-width:901px){.vsrc-sec.rev .vsrc-copy{order:2}.vsrc-sec.rev .vsrc-vis{order:1}}.vsrc-h3{font-family:var(--display);font-weight:500;font-size:clamp(30px,3.4vw,44px);line-height:1.05;letter-spacing:-.02em;margin:12px 0 16px;text-wrap:balance}.vsrc-h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.vsrc-body{color:var(--fg-dim);font-size:15.5px;line-height:1.6;max-width:48ch;text-wrap:pretty;margin:0}.vsrc-vis{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:.5px solid var(--line-strong);background:#000}.vsrc-vis.has-audio{cursor:pointer}.vsrc-vis canvas,.vsrc-vis svg,.vsrc-vis video{position:absolute;inset:0;width:100%;height:100%;z-index:1}.vsrc-vis video{object-fit:cover}.vsrc-vis .vs-poster{position:absolute;inset:0;min-height:0;border:0;border-radius:0;z-index:0}.vsrc-mute{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;border:.5px solid hsla(0,0%,100%,.22);background:rgba(6,6,10,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:hsla(0,0%,100%,.72);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.vsrc-mute:hover{color:#fff;border-color:hsla(0,0%,100%,.5)}.vsrc-mute.on{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 55%,transparent);background:color-mix(in oklab,var(--accent) 14%,rgba(6,6,10,.55))}.vsrc-mute svg{position:static;inset:auto;display:block;width:16px;height:16px}.vsrc-tag{position:absolute;bottom:12px;left:12px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:hsla(0,0%,100%,.55);text-shadow:0 1px 6px #000;pointer-events:none}.who{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:1000px){.who{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.who{grid-template-columns:1fr}}.wcard{border:.5px solid var(--line);border-radius:14px;background:var(--card,#0a0a12);display:flex;flex-direction:column}.wcard,.wcard .vis{position:relative;overflow:hidden}.wcard .vis{aspect-ratio:4/3;background:#000}.wcard .vis .wvis-img,.wcard .vis svg{position:absolute;inset:0;width:100%;height:100%}.wcard .vis .wvis-img{object-fit:cover;display:block}.wcard .body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.wcard h4{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.01em;margin:0}.wcard h4 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.wcard p{margin:0;color:var(--fg-dim);font-size:13.5px;line-height:1.55;text-wrap:pretty;flex:1}.daws{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}@media (max-width:1000px){.daws{grid-template-columns:1fr}}.daws-vis{position:relative;border:.5px solid var(--line);border-radius:18px;background:#05070e;aspect-ratio:16/9;overflow:hidden}.daws-slide,.daws-slides{position:absolute;inset:0}.daws-slide{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}.daws-slide.on{opacity:1}.daws-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,5,10,.3),rgba(3,5,10,.7))}.daws-plugin{position:absolute;top:26px;left:26px;right:26px;bottom:44px;margin:auto;max-width:calc(100% - 52px);max-height:calc(100% - 70px);border-radius:10px;border:.5px solid var(--line-strong)}.daws-cap{position:absolute;left:20px;bottom:15px;z-index:2;color:var(--fg-dim);text-shadow:0 1px 10px rgba(0,0,0,.85)}.daws-list{display:flex;flex-direction:column;gap:14px}.daw-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:18px 0;border-top:.5px solid var(--line)}.daw-row:first-child{border-top:0}.daw-row .num{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--fg-faint);padding-top:2px}.daw-row h5{font-family:var(--display);font-weight:500;font-size:18px;letter-spacing:-.01em;margin:0 0 4px;line-height:1.2}.daw-row p{margin:0;color:var(--fg-dim);font-size:13.5px;line-height:1.55;text-wrap:pretty}.daw-row .pill{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);padding:4px 8px;border:.5px solid var(--line);border-radius:999px;white-space:nowrap}.pv-lede{max-width:66ch;color:var(--fg-dim);font-size:16.5px;line-height:1.6;margin:0 0 40px;text-wrap:pretty}.pv-lede b{color:var(--fg);font-weight:500}.vs-poster{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;border:.5px solid var(--line-strong);border-radius:16px;background:linear-gradient(135deg,color-mix(in oklab,var(--vs-1) 18%,#05050a),color-mix(in oklab,var(--vs-2) 20%,#05050a));font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint)}.mr-demo{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}@media (max-width:900px){.mr-demo{grid-template-columns:1fr}}.mr-left{gap:16px}.mr-left,.mr-panel{display:flex;flex-direction:column}.mr-panel{border:.5px solid var(--line-strong);border-radius:16px;background:var(--card,#0a0a12);padding:14px 16px;gap:12px}.mr-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.mr-head span:first-child{color:var(--fg-dim)}.mr-tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.mr-roll{display:grid;grid-template-columns:34px 1fr;gap:8px}.mr-lanes{display:grid;grid-template-rows:repeat(4,1fr);gap:4px}.mr-lane{display:flex;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--fg-faint)}.mr-steps{position:relative}.mr-cells{display:grid;gap:4px;height:100%;min-height:132px}.mr-cell{border:.5px solid var(--line);border-radius:5px;background:#06060c;cursor:pointer;padding:0;transition:background .12s,border-color .12s,box-shadow .12s}.mr-cell:hover{border-color:var(--line-strong)}.mr-cell.on{background:#5a8cff;border-color:#5a8cff}.mr-cell.hit{background:#3effb1;border-color:#3effb1;box-shadow:0 0 14px rgba(62,255,177,.7)}[data-theme=light] .mr-cell:not(.on):not(.hit){background:var(--bg-2);border-color:var(--line-strong)}.mr-eg-name{color:#3effb1}[data-theme=light] .mr-eg-name{color:#0f9b6e}.mr-play{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);box-shadow:0 0 8px var(--accent);pointer-events:none}.mr-foot{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint)}.mr-eg-svg{display:block;width:100%;height:90px;background:#06060c;border:.5px solid var(--line);border-radius:8px}.mr-right{display:flex}.mr-stage{position:relative;flex:1;min-height:360px;border:.5px solid var(--line-strong);border-radius:16px;overflow:hidden;background:#05050a}@media (max-width:900px){.mr-stage{min-height:300px}}.mr-mat{position:absolute;inset:0;width:100%;height:100%}.ar2-wave{position:relative;height:118px;border:.5px solid var(--line);border-radius:8px;overflow:hidden;background:#06060c}.aw{inset:0}.aw,.aw-wave{position:absolute}.aw-wave{inset:30px 0 0}.aw-canvas{display:block;width:100%;height:100%}.aw-top{position:absolute;top:9px;left:12px;right:12px;z-index:2;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.55);text-shadow:0 1px 6px #000;pointer-events:none}.aw-file{color:hsla(0,0%,100%,.82)}.ar{overflow:hidden;cursor:pointer}.ar,.ar-canvas{position:absolute;inset:0}.ar-canvas{width:100%;height:100%;display:block}.ar-top{position:absolute;top:10px;left:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.ar-src{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:hsla(0,0%,100%,.7);text-shadow:0 1px 6px #000}.ar-listen{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:999px;border:.5px solid hsla(0,0%,100%,.22);background:rgba(6,6,10,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:hsla(0,0%,100%,.72);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.ar-listen:hover{color:#fff;border-color:hsla(0,0%,100%,.5)}.ar-listen.on{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 55%,transparent);background:color-mix(in oklab,var(--accent) 14%,rgba(6,6,10,.55))}.ar-listen svg{display:block;width:15px;height:15px}.ar-tag{position:absolute;bottom:9px;left:12px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:hsla(0,0%,100%,.55);text-shadow:0 1px 6px #000}.am-scope{border:.5px solid var(--line);border-radius:8px;overflow:hidden;background:#0a0a0e;height:104px}.am-scope.spectrum .am-scope-canvas{cursor:ew-resize;touch-action:none}.am-scope-canvas{display:block;width:100%;height:100%}.am-row{display:flex;align-items:flex-end;gap:20px 22px;flex-wrap:wrap}.am-ctl{display:flex;flex-direction:column;align-items:center;gap:6px}.am-lbl{font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:var(--fg);white-space:nowrap}.am-dial{width:32px;height:32px}.am-dial.live{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.am-gate{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--fg-dim);background:#141418;border:1px solid hsla(0,0%,100%,.14);border-radius:5px;padding:9px 12px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.am-gate:hover{color:var(--fg);border-color:hsla(0,0%,100%,.28)}.am-gate.on{color:#05050a;background:#e6b84b;border-color:#e6b84b;box-shadow:0 0 10px -2px rgba(230,184,75,.5)}.am-panel{position:relative}.am-out{position:absolute;top:14px;bottom:14px;right:6px;width:2px;border-radius:1px;background:hsla(0,0%,100%,.07);overflow:hidden}.am-out-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:#e6b84b;box-shadow:0 0 6px rgba(230,184,75,.6)}.lfo-panel{flex:1}.lfo-scope{flex:1;min-height:150px;border:.5px solid var(--line);border-radius:8px;overflow:hidden;background:#0a0a0e}.lfo-scope-svg{display:block;width:100%;height:100%}.lfo-box{border:1px solid hsla(0,0%,100%,.14);border-radius:5px;padding:8px 10px;font-family:var(--mono);font-size:10px;color:var(--fg-dim);background:#141418;letter-spacing:.06em;cursor:pointer;min-width:46px;text-align:center;transition:color .15s,border-color .15s,background .15s}.lfo-box:hover{color:var(--fg);border-color:hsla(0,0%,100%,.28)}.lfo-box.on{color:#05050a;background:#e6b84b;border-color:#e6b84b;box-shadow:0 0 10px -2px rgba(230,184,75,.5)}.pv-demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}@media (max-width:900px){.pv-demo{grid-template-columns:1fr}}.pv-panel{border:.5px solid var(--line-strong);border-radius:16px;overflow:hidden;background:var(--card,#0a0a12);display:flex;flex-direction:column}.pv-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:.5px solid var(--line);font-family:var(--display);font-weight:500;font-size:14px;color:var(--fg)}.pv-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.pv-count,.pv-tag{font-family:var(--mono);color:var(--fg-faint)}.pv-count{font-size:10.5px;letter-spacing:.12em}.pv-count b{color:var(--accent);font-weight:500;font-size:13px}.pv-canvas{display:block;width:100%;height:300px}@media (max-width:900px){.pv-canvas{height:240px}}.pv-editable{cursor:crosshair;touch-action:none}.pv-foot{padding:11px 18px;border-top:.5px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}.mm-demo{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px;align-items:stretch}@media (max-width:900px){.mm-demo{grid-template-columns:1fr}}.mm-left{display:flex;flex-direction:column;gap:16px}.mm-panel{border:.5px solid var(--line-strong);border-radius:16px;background:var(--card,#0a0a12);overflow:hidden}.mm-matrix{padding:18px 20px}.mm-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:10px 12px;align-items:center}.mm-corner{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint)}.mm-colh{font-weight:600;font-size:13px;letter-spacing:.02em;text-align:center;padding-bottom:8px;border-bottom:.5px solid var(--line)}.mm-colh,.mm-rowh{font-family:var(--display)}.mm-rowh{font-weight:500;font-size:15px;color:var(--fg)}.mm-cell{position:relative;height:46px;border-radius:9px;border:.5px solid var(--line);background:#06060c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:border-color .2s,box-shadow .2s;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.mm-cell:hover{border-color:var(--line-strong)}.mm-cell.on{border-color:color-mix(in oklab,var(--fg) 22%,var(--line))}.mm-cell.grab{cursor:grabbing}.mm-track{position:relative;width:76%;height:5px;border-radius:3px;background:hsla(0,0%,100%,.08)}.mm-mid{left:50%;top:-2px;bottom:-2px;width:1px;background:hsla(0,0%,100%,.25)}.mm-fill,.mm-mid{position:absolute}.mm-fill{top:0;bottom:0;border-radius:3px}.mm-amt{font-size:10px;letter-spacing:.04em}.mm-amt,.mm-hint{font-family:var(--mono)}.mm-hint{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}.mm-foot2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.mm-clear{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);background:#141418;border:1px solid hsla(0,0%,100%,.14);border-radius:5px;padding:6px 11px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.mm-clear:hover{color:var(--fg);border-color:hsla(0,0%,100%,.28)}.mm-scopes{justify-content:center;gap:16px;padding:16px 18px}.mm-scope,.mm-scopes{display:flex;flex-direction:column}.mm-scope{gap:7px}.mm-scope-h{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}.mm-scope-svg{display:block;width:100%;height:58px;background:#06060c;border:.5px solid var(--line);border-radius:8px}.mm-trig{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#05050a;background:#3effb1;border:none;border-radius:999px;padding:5px 12px;cursor:pointer;transition:transform .12s ease,filter .2s ease}.mm-trig:hover{filter:brightness(1.08)}.mm-trig:active{transform:scale(.94)}.mm-right{display:flex}.mm-stage{position:relative;flex:1;min-height:360px;border:.5px solid var(--line-strong);border-radius:16px;overflow:hidden;background:#05050a}@media (max-width:900px){.mm-stage{min-height:300px}}.mm-mat-svg{position:absolute;inset:0;width:100%;height:100%}.mm-tag{position:absolute;bottom:12px;left:14px;z-index:2;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.6);text-shadow:0 1px 6px #000}.mm-tag,.mod{font-family:var(--mono)}.mod{position:relative;display:flex;flex-direction:column;background:#0a0a0e;border-radius:12px;overflow:hidden}.mod-title{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;font-size:11px;letter-spacing:.14em;color:#7086cf;border-bottom:.5px solid hsla(0,0%,100%,.08)}.mod-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:8px 8px 0}.mod-tab{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;background:#141418;border:.5px solid hsla(0,0%,100%,.06);border-radius:5px 5px 0 0;cursor:pointer;transition:background .18s}.mod-tab.on{background:#26262e}.mod-tab .mod-tico{width:24px;height:15px;color:#e8e4dc}.mod-tab span{font-size:11px;letter-spacing:.1em;color:#e6b84b}.mod-graphs{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 12px 6px}.mod-graphs.two{grid-template-columns:1fr 1fr}.mod-graph{background:#050506;border:.5px solid hsla(0,0%,100%,.06);border-radius:3px;height:118px;overflow:hidden;position:relative}.mod-graph-svg{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.mod-insts{display:flex;gap:2px;padding:0 8px 8px}.mod-inst{flex:1;padding:7px 0;background:#141418;border:.5px solid hsla(0,0%,100%,.06);border-radius:0 0 5px 5px;color:hsla(0,0%,100%,.45);font-family:var(--mono);font-size:11px;cursor:pointer;transition:background .18s,color .18s}.mod-inst.on{background:#3a3a44;color:#f4f1ea}.req-grid .req:nth-child(4n){border-right:0}.req-grid .req:nth-last-child(-n+4){border-bottom:0}@media (max-width:900px){.req-grid .req:nth-child(odd){border-right:.5px solid var(--line)}}:root[data-theme=light] .cp-pop,:root[data-theme=light] .mm-demo,:root[data-theme=light] .mr-demo,:root[data-theme=light] .pv-demo,:root[data-theme=light] .shv-demo{--bg:#0a0a0c;--bg-2:#111116;--fg:#f4f1ea;--fg-dim:rgba(244,241,234,.62);--fg-faint:rgba(244,241,234,.38);--line:rgba(244,241,234,.12);--line-strong:rgba(244,241,234,.22);--accent:#c7ff3b;--card:#0e0e12;--dial-track:rgba(244,241,234,.15);color-scheme:dark}:root[data-theme=light] .mr-demo .mr-cell:not(.on):not(.hit){background:#06060c;border-color:var(--line)}:root[data-theme=light] .mr-demo .mr-eg-name{color:#3effb1}:root[data-theme=light] .daws-vis,:root[data-theme=light] .feat,:root[data-theme=light] .split-edu .sblock,:root[data-theme=light] .wcard{background:var(--card)!important}:root[data-theme=light] .split-edu .sblock.warm{background:var(--accent)!important;border-color:var(--accent)!important}@media (prefers-reduced-motion:reduce){.hud-dot{animation:none}.shv-render{transition:none}}