.home-playground.creator-theme{--workshop-paper:#faf5e9;--workshop-ink:var(--home-ink);--workshop-muted:#53515e;--workshop-line:#22233833;--workshop-violet:#594192;--workshop-coral:#b8432d;--workshop-green:#235e4c;--creator-ink:var(--workshop-ink);--creator-muted:var(--workshop-muted);--creator-accent:var(--workshop-violet);--creator-line:var(--workshop-line);--creator-panel:var(--workshop-paper);--port-audio:var(--workshop-green);--port-number:var(--workshop-violet);--lab-accent:var(--workshop-violet);color:var(--workshop-ink);background:var(--workshop-paper)}.home-playground :focus-visible{outline:2px solid var(--workshop-ink);outline-offset:5px}.playground-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:48px;margin-bottom:64px;display:grid}.playground-eyebrow{color:var(--workshop-ink);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;line-height:1.5;display:flex}.playground-brand-glyph{align-items:center;gap:3px;height:23px;margin-right:5px;display:flex}.playground-brand-glyph i{background:var(--workshop-ink);width:5px;height:13px;display:block}.playground-brand-glyph i:nth-child(2){height:23px}.playground-brand-glyph i:nth-child(3){height:18px}.playground-brand-glyph i:nth-child(4){height:8px}.playground-heading h2{letter-spacing:-.07em;margin:26px 0 0;font-size:clamp(52px,6.5vw,92px);font-weight:500;line-height:1.01}.playground-heading h2 span{z-index:0;display:inline-block;position:relative}.playground-heading h2 span:after{content:"";z-index:-1;background:var(--home-lilac);height:.29em;position:absolute;bottom:-3px;left:-2%;right:-5%;transform:rotate(-2deg)}.playground-heading-note{border-left:1px solid var(--workshop-ink);justify-self:end;max-width:365px;padding:5px 0 4px 28px;position:relative}.playground-heading-note>svg{color:var(--workshop-violet);margin-bottom:14px}.playground-heading-note p{margin:0;font-size:16px;line-height:1.75}.playground-heading-note>span{color:var(--workshop-muted);margin-top:18px;font-size:12px;line-height:1.6;display:block}.playground-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:32px;display:grid;position:relative}.playground-grid:before{content:"";border:2px solid var(--workshop-ink);pointer-events:none;border-radius:0 0 80px 80px;position:absolute;inset:25% 13% 5% 5%}.playground-card{border:1px solid var(--workshop-line);background:#f8c1a3;border-radius:4px;flex-direction:column;min-width:0;padding:clamp(28px,3.2vw,46px);display:flex;position:relative}.playground-card-copy h3{letter-spacing:-.055em;text-wrap:balance;max-width:620px;margin:27px 0 22px;font-size:clamp(37px,3.7vw,54px);font-weight:500;line-height:1.07}.playground-card-copy>p{color:#393545;max-width:550px;margin:0;font-size:14px;line-height:1.8}.playground-index{font-variant-numeric:tabular-nums;border:1px solid;border-radius:50%;place-items:center;width:38px;height:38px;margin-right:5px;font-size:12px;display:inline-grid}.home-playground .text-link{min-height:48px;color:var(--workshop-ink);text-underline-offset:6px;gap:18px;margin-top:25px;font-size:13px;text-decoration:underline;text-decoration-thickness:1px;position:relative}.home-playground .text-link svg{border:1px solid var(--workshop-ink);border-radius:50%;width:32px;height:32px;padding:6px}.playground-creator{background:#cfbdf0;border-radius:4px 64px 4px 4px;grid-column:1/-1;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center;gap:42px;display:grid}.playground-creator .playground-card-copy h3{font-size:clamp(36px,3.2vw,47px)}.playground-creator .playground-card-copy h3 span{color:var(--workshop-violet)}.playground-creator-demo{min-width:0}.playground-instruction{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-size:12px;line-height:1.5;display:flex}.home-playground .creator-demo{border:1px solid var(--workshop-ink);background:var(--workshop-paper);border-radius:3px;overflow:hidden;box-shadow:7px 7px #2223381c}.home-playground .creator-demo-bar{border-color:var(--workshop-line);gap:10px;padding:12px 16px}.home-playground .creator-demo-bar>span{color:var(--workshop-ink);font-size:12px}.home-playground .creator-demo-bar>span>i{background:var(--workshop-green)}.home-playground .creator-segments{border:1px solid var(--workshop-line);background:0 0;border-radius:3px;padding:0}.home-playground .creator-segments button{min-height:44px;color:var(--workshop-muted);border-radius:0;padding:8px 10px;font-size:11px}.home-playground .creator-segments button[aria-pressed=true]{color:var(--workshop-ink);border-color:var(--workshop-ink);background:#ded1f5}.home-playground .creator-graph{background-image:radial-gradient(#22233826 .8px,#0000 .8px);background-size:16px 16px;grid-template-rows:minmax(92px,auto) minmax(96px,auto);gap:50px 22px;padding:50px 20px 32px}.home-playground .creator-demo-node{--node-paper:#e1ead3;border:1px solid var(--workshop-ink);color:var(--workshop-ink);background:var(--node-paper);border-radius:3px;padding:14px 10px;box-shadow:3px 4px #22233819}.home-playground .creator-demo-node[data-node=gain],.home-playground .creator-demo-node[data-node=mix]{--node-paper:#f8c1a3}.home-playground .creator-demo-node[data-type=number]{--node-paper:#ddd0f2}.home-playground .creator-demo-node[aria-pressed=true]{border-color:var(--workshop-violet);outline:2px solid var(--workshop-violet);outline-offset:3px}.home-playground .creator-demo-node:focus-visible{outline-color:var(--workshop-ink);outline-offset:5px}.home-playground .creator-demo-port{background:var(--node-paper)}.home-playground .creator-node-value{color:#504a5c;border-color:var(--workshop-line);font-size:11px}.home-playground .creator-wire-base{stroke-width:2px;opacity:.65}.home-playground [data-wire-active=true] .creator-wire-base{stroke-width:3px;opacity:1}.home-playground .creator-wire-pulse{stroke-width:3px;opacity:.8}.home-playground .creator-demo-caption{border-color:var(--workshop-line);background:#eee6d7;min-height:101px;padding:20px}.home-playground .creator-demo-caption strong{color:var(--workshop-violet)}.home-playground .creator-demo-caption p{color:var(--workshop-ink);font-size:12px}.home-playground .creator-demo-hint{color:var(--workshop-muted);padding:12px 20px;font-size:11px}.playground-automation{--lab-accent:var(--workshop-coral);border-radius:4px 4px 56px;margin-top:24px}.playground-mixer{--lab-accent:var(--workshop-green);background:#b8d9c8;border-radius:4px 4px 4px 56px;margin-top:108px}.playground-mixer .playground-card-copy h3{max-width:400px}.home-demo{background:0 0;border:0;border-radius:0;min-width:0;margin-top:28px;padding:0}.home-demo-top{border-block:1px solid var(--workshop-line);min-height:44px;color:var(--workshop-ink);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.home-demo-top>span:last-child{color:var(--workshop-muted)}.home-demo-grid{fill:none;stroke:var(--workshop-ink);stroke-opacity:.18;stroke-width:1px}.automation-scope{background:#fce2cd;border-radius:3px;margin:25px 0;padding:8px 10px 12px;position:relative}.automation-scope svg{width:100%;color:var(--lab-accent);display:block;overflow:visible}.automation-fill{fill:var(--lab-accent);opacity:.09}.automation-line{fill:none;stroke:var(--lab-accent);stroke-width:3px;stroke-linejoin:round}.automation-point{fill:var(--workshop-paper);stroke:var(--lab-accent);stroke-width:2.5px}.automation-cursor{stroke:var(--workshop-ink);stroke-width:1px;color:var(--workshop-ink);transform:translate(240px)}.automation-ruler{color:var(--workshop-muted);font:11px/1.4 var(--vlt-font-mono,monospace);justify-content:space-between;margin-inline:3.333%;display:flex}.home-demo-modes{flex-wrap:wrap;gap:8px;display:flex}.home-demo-modes button,.home-mixer-mute{border:1px solid var(--workshop-ink);min-height:44px;color:var(--workshop-ink);background:0 0;border-radius:3px;padding:8px 14px;font-size:12px;transition:background-color .15s,color .15s}.home-demo-modes button[aria-pressed=true]{color:var(--workshop-paper);border-color:var(--workshop-ink);background:var(--workshop-ink)}.home-demo-range{color:var(--workshop-ink);margin-top:24px;font-size:13px;display:block}.home-demo-range>span{justify-content:space-between;align-items:center;display:flex}.home-demo-range output{color:var(--lab-accent);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:29px}.home-demo-range input{width:100%;height:44px;accent-color:var(--lab-accent);cursor:ew-resize;touch-action:pan-y;margin:4px 0 0;display:block}.home-demo-note{color:#49434b;min-height:44px;margin:12px 0 0;font-size:12px;line-height:1.75}.home-demo-reset{min-height:44px;color:var(--workshop-ink);background:0 0;border:0;align-items:center;gap:8px;padding:0 2px 0 10px;font-size:12px;display:inline-flex}.home-mixer-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-block:24px 14px;display:grid}.home-mixer-channel{--channel-paper:#f3c2aa;--channel-color:#a7472f;background:var(--channel-paper);border:1px solid #22233838;border-radius:48px 48px 4px 4px;flex-direction:column;align-items:center;gap:14px;min-width:0;padding:18px 8px 16px;display:flex;position:relative}.home-mixer-channel[data-channel="1"]{--channel-paper:#e3e9b3;--channel-color:#536826}.home-mixer-channel[data-channel="2"]{--channel-paper:#d9cbeb;--channel-color:#614494}.home-channel-number{color:#22233899;font:11px/1.3 var(--vlt-font-mono,monospace)}.home-mixer-channel>label{color:var(--workshop-ink);font-size:12px}.home-mixer-strip{justify-content:center;gap:3px;height:190px;display:flex}.home-mixer-strip input{appearance:none;writing-mode:vertical-lr;cursor:ns-resize;touch-action:none;direction:rtl;background:0 0;width:44px;height:100%;margin:0}.home-mixer-strip input::-webkit-slider-runnable-track{background:#22233866;border-radius:3px;width:4px}.home-mixer-strip input::-moz-range-track{background:#22233866;border-radius:3px;width:4px}.home-mixer-strip input::-webkit-slider-thumb{appearance:none;border:1px solid var(--workshop-ink);background:linear-gradient(var(--workshop-paper) 44%, var(--workshop-ink) 44% 52%, var(--workshop-paper) 52%);border-radius:3px;width:32px;height:24px;margin-left:-14px;box-shadow:2px 3px #22233830}.home-mixer-strip input::-moz-range-thumb{border:1px solid var(--workshop-ink);background:var(--workshop-paper);border-radius:3px;width:32px;height:24px}.home-mixer-meter{background:#22233819;border-radius:2px;width:7px;position:relative;overflow:hidden}.home-mixer-meter i,.home-mixer-meter b{transform-origin:bottom;display:block;position:absolute;inset:0}.home-mixer-meter b{background:var(--channel-color)}.home-mixer-meter:after{content:"";background:repeating-linear-gradient(0deg, transparent 0 5px, var(--channel-paper) 5px 7px);position:absolute;inset:0}.home-mixer-channel output{color:var(--workshop-ink);font-variant-numeric:tabular-nums;font-size:12px}.home-mixer-mute{background:#faf5e955;border-radius:50%;width:44px;padding:6px}.home-mixer-mute[aria-pressed=true]{color:var(--workshop-paper);background:var(--workshop-ink)}.home-mixer-channel[data-muted=true]>label{text-decoration:line-through}.playground-extras{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:64px;display:grid}.playground-extras a{border-top:1px solid var(--workshop-line);min-width:0;padding-block:22px}.playground-extras strong{color:var(--workshop-ink);letter-spacing:-.02em;justify-content:space-between;align-items:start;gap:14px;font-size:17px;font-weight:500;line-height:1.5;display:flex}.playground-extras p{color:var(--workshop-muted);margin:12px 0 0;font-size:13px;line-height:1.8}@media (prefers-reduced-motion:no-preference){.automation-cursor{animation:4s linear infinite home-automation-scan}.home-mixer-meter b{animation:2s ease-in-out infinite studio-signal}}@keyframes home-automation-scan{0%{transform:translate(16px)}to{transform:translate(464px)}}@media (hover:hover) and (pointer:fine){.home-playground .creator-demo-node:hover{background:var(--workshop-paper)}.home-playground .creator-segments button:hover{color:var(--workshop-ink)}.home-demo-modes button:not([aria-pressed=true]):hover,.home-mixer-mute:not([aria-pressed=true]):hover{background:var(--workshop-paper)}.home-demo-reset:hover,.playground-extras a:hover strong{color:var(--lab-accent)}}@media (max-width:1150px){.playground-creator{grid-template-columns:1fr;gap:28px}.playground-creator .playground-card-copy{max-width:650px}.playground-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.playground-card-copy h3{font-size:38px}.playground-card{padding:30px}.home-mixer-channels{gap:6px}.home-mixer-channel{padding-inline:4px}}@media (max-width:900px){.playground-grid{grid-template-columns:1fr}.playground-grid:before{left:8%;right:8%}.playground-automation{margin-top:0;margin-right:7%}.playground-mixer{margin-top:0;margin-left:7%}.home-mixer-channels{gap:14px}.playground-mixer .playground-card-copy h3{max-width:600px}}@media (max-width:760px){.playground-heading{grid-template-columns:1fr;gap:36px;margin-bottom:40px}.playground-heading h2{font-size:clamp(46px,10vw,70px)}.playground-heading-note{justify-self:start;max-width:410px;padding-left:22px}.playground-heading-note p{font-size:14px}.playground-heading-note>svg{display:none}.playground-creator{border-top-right-radius:38px}.playground-card{padding:26px}.playground-card-copy h3,.playground-creator .playground-card-copy h3{font-size:clamp(32px,6.7vw,44px)}.playground-extras{grid-template-columns:1fr;gap:0;margin-top:36px}.playground-extras p{max-width:450px}.home-playground .creator-demo-caption{min-height:138px}}@media (max-width:480px){.playground-automation,.playground-mixer{margin-inline:0}.playground-grid{gap:24px}.playground-card{padding:24px 18px}.playground-card-copy>p{font-size:13px}.playground-eyebrow,.playground-instruction{font-size:11px}.home-demo-modes{gap:5px}.home-demo-modes button{flex:1;padding-inline:7px;font-size:11px}.home-mixer-channels{gap:6px}.home-mixer-strip{gap:0;height:164px}.home-mixer-channel>label{font-size:11px}.home-playground .creator-demo-bar{padding-inline:10px}.home-playground .creator-segments button{padding-inline:8px;font-size:10px}.home-playground .creator-graph{column-gap:20px;padding-inline:15px}.home-playground .creator-demo-node{padding-inline:7px}.home-playground .creator-node-title{gap:4px;font-size:12px}.home-playground .creator-node-value{font-size:10px}.home-playground .creator-demo-caption,.home-playground .creator-demo-hint{padding-inline:15px}}@media (prefers-reduced-motion:reduce){.home-playground .loop-motion{animation:none}}@media (prefers-contrast:more){.home-playground{--workshop-muted:var(--workshop-ink);--workshop-line:var(--workshop-ink)}.playground-card-copy>p,.home-demo-note,.home-playground .creator-node-value{color:var(--workshop-ink)}}