.workspace-module__stm2YW__workspace{--css-ink:#0b0d12;--css-muted:#566076;--css-quiet:#727b8f;--css-line:#dfe3ea;--css-soft:#f7f8fb;--css-blue:#0f4cff;--css-blue-hover:#003bd9;--css-red:#f21a10;--css-yellow:#ffd11a;--css-green:#087a55;border:1px solid var(--css-line);border-top:4px solid var(--css-blue);width:100%;color:var(--css-ink);background:#fff;border-radius:2px;overflow:hidden;box-shadow:8px 8px #0f4cff14}.workspace-module__stm2YW__topbar,.workspace-module__stm2YW__footerbar{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.workspace-module__stm2YW__topbar{border-bottom:1px solid var(--css-line)}.workspace-module__stm2YW__heading{min-width:0}.workspace-module__stm2YW__heading p,.workspace-module__stm2YW__heading h2,.workspace-module__stm2YW__heading span,.workspace-module__stm2YW__panelHeading h3,.workspace-module__stm2YW__panelHeading p,.workspace-module__stm2YW__footerbar p{margin:0}.workspace-module__stm2YW__heading p{color:var(--css-blue);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.workspace-module__stm2YW__heading h2{margin-top:.2rem;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.1}.workspace-module__stm2YW__heading>span{max-width:68ch;color:var(--css-muted);margin-top:.35rem;font-size:.84rem;line-height:1.5;display:block}.workspace-module__stm2YW__topActions,.workspace-module__stm2YW__codeActions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.workspace-module__stm2YW__topActions button,.workspace-module__stm2YW__codeActions button{border:1px solid var(--css-line);color:#263244;min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.84rem;font-weight:750;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.workspace-module__stm2YW__topActions button:hover,.workspace-module__stm2YW__codeActions button:hover:not(:disabled){background:var(--css-soft);border-color:#aeb9c8}.workspace-module__stm2YW__codeActions .workspace-module__stm2YW__primaryButton{border-color:var(--css-blue);background:var(--css-blue);box-shadow:3px 3px 0 var(--css-yellow);color:#fff}.workspace-module__stm2YW__codeActions .workspace-module__stm2YW__primaryButton:hover:not(:disabled){border-color:var(--css-blue-hover);background:var(--css-blue-hover)}.workspace-module__stm2YW__codeActions button:disabled{cursor:not-allowed;opacity:.45}.workspace-module__stm2YW__workspaceGrid{grid-template-columns:minmax(19rem,24rem) minmax(0,1fr);min-width:0;display:grid}.workspace-module__stm2YW__controlsPanel{border-right:1px solid var(--css-line);background:var(--css-soft);min-width:0}.workspace-module__stm2YW__studioPanel{background:#fff;min-width:0}.workspace-module__stm2YW__panelHeading{border-bottom:1px solid var(--css-line);background:#fff;align-items:flex-start;gap:.75rem;min-height:68px;padding:.85rem 1rem;display:flex}.workspace-module__stm2YW__panelHeading>span:first-child{background:var(--css-ink);color:#fff;flex:none;place-items:center;width:30px;height:30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:800;display:grid}.workspace-module__stm2YW__panelHeading>div{min-width:0}.workspace-module__stm2YW__panelHeading h3{font-size:.9rem;line-height:1.2}.workspace-module__stm2YW__panelHeading p{color:var(--css-muted);margin-top:.25rem;font-size:.75rem;line-height:1.4}.workspace-module__stm2YW__panelHeading>strong{letter-spacing:.06em;border:1px solid;border-radius:2px;flex:none;margin-left:auto;padding:.35rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.workspace-module__stm2YW__validStatus{color:var(--css-green)}.workspace-module__stm2YW__errorStatus{color:#b42318}.workspace-module__stm2YW__controlGroups{padding:.75rem}.workspace-module__stm2YW__controlGroups fieldset{border:0;min-width:0;margin:0;padding:0}.workspace-module__stm2YW__controlGroups fieldset+fieldset{border-top:1px solid var(--css-line);margin-top:1rem;padding-top:1rem}.workspace-module__stm2YW__controlGroups legend{color:var(--css-quiet);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;font-size:.68rem;font-weight:800}.workspace-module__stm2YW__controlStack{gap:.65rem;display:grid}.workspace-module__stm2YW__rangeField,.workspace-module__stm2YW__colorField,.workspace-module__stm2YW__selectField,.workspace-module__stm2YW__textField,.workspace-module__stm2YW__toggleField{border:1px solid var(--css-line);background:#fff;border-radius:2px;min-width:0;padding:.7rem}.workspace-module__stm2YW__rangeField label,.workspace-module__stm2YW__colorField>label,.workspace-module__stm2YW__selectField label,.workspace-module__stm2YW__textField label,.workspace-module__stm2YW__toggleField strong{color:#344054;font-size:.78rem;font-weight:750}.workspace-module__stm2YW__controlLabelRow{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.workspace-module__stm2YW__controlLabelRow output,.workspace-module__stm2YW__controlLabelRow span,.workspace-module__stm2YW__colorField code{color:var(--css-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:750}.workspace-module__stm2YW__rangeField input[type=range]{width:100%;min-height:32px;accent-color:var(--css-blue);cursor:pointer;margin:.3rem 0 0}.workspace-module__stm2YW__colorField>div{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.65rem;margin-top:.45rem;display:grid}.workspace-module__stm2YW__colorField input[type=color]{border:1px solid var(--css-line);cursor:pointer;background:#fff;border-radius:2px;width:48px;height:44px;padding:3px}.workspace-module__stm2YW__colorField code{border:1px solid var(--css-line);background:var(--css-soft);text-overflow:ellipsis;padding:.55rem .65rem;overflow:hidden}.workspace-module__stm2YW__selectField,.workspace-module__stm2YW__textField{gap:.45rem;display:grid}.workspace-module__stm2YW__selectField select,.workspace-module__stm2YW__textField input{width:100%;min-height:44px;color:var(--css-ink);font:inherit;background:#fff;border:1px solid #c8d0dc;border-radius:2px;padding:0 .7rem;font-size:.84rem}.workspace-module__stm2YW__toggleField{cursor:pointer;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:.75rem;min-height:64px;display:grid;position:relative}.workspace-module__stm2YW__toggleField>span{gap:.2rem;min-width:0;display:grid}.workspace-module__stm2YW__toggleField small,.workspace-module__stm2YW__helper{color:var(--css-muted);font-size:.7rem;line-height:1.4}.workspace-module__stm2YW__toggleField input{opacity:0;cursor:pointer;width:46px;height:28px;margin:0;position:absolute;right:.75rem}.workspace-module__stm2YW__toggleField i{background:#c9ced8;border-radius:999px;width:46px;height:28px;transition:background-color .18s;position:relative}.workspace-module__stm2YW__toggleField i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #0b0d123d}.workspace-module__stm2YW__toggleField input:checked+i{background:var(--css-blue)}.workspace-module__stm2YW__toggleField input:checked+i:after{transform:translate(18px)}.workspace-module__stm2YW__toggleField input:focus-visible+i{outline-offset:2px;outline:3px solid #0f4cff40}.workspace-module__stm2YW__previewPanel{min-width:0}.workspace-module__stm2YW__previewCanvas{isolation:isolate;background-color:#f7f8fb;background-image:linear-gradient(#e7eaf0 1px,#0000 1px),linear-gradient(90deg,#e7eaf0 1px,#0000 1px);background-size:24px 24px;place-items:center;min-height:340px;padding:1.5rem;display:grid;position:relative;overflow:hidden}.workspace-module__stm2YW__previewCanvas:before{z-index:-1;background:var(--css-red);width:44px;height:6px;box-shadow:50px 0 0 var(--css-yellow), 100px 0 0 #00a9bd;content:"";position:absolute;top:.75rem;left:.75rem}.workspace-module__stm2YW__previewError{color:#912018;background:#fff2f0;border:1px solid #f3b3ae;max-width:36ch;margin:0;padding:.85rem;font-size:.85rem;line-height:1.5}.workspace-module__stm2YW__codePanel{border-top:1px solid var(--css-line);color:#fff;background:#10141c;min-width:0}.workspace-module__stm2YW__codeHeader{border-bottom:1px solid #2a3342;justify-content:space-between;align-items:center;gap:.75rem;min-height:54px;padding:.7rem .9rem;display:flex}.workspace-module__stm2YW__codeHeader>div{align-items:center;gap:.75rem;min-width:0;display:flex}.workspace-module__stm2YW__codeHeader span{color:#aeb9c8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.workspace-module__stm2YW__codeHeader strong{color:#fff;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;overflow:hidden}.workspace-module__stm2YW__codeOutput{resize:vertical;color:#dce5f2;width:100%;min-height:240px;caret-color:var(--css-yellow);tab-size:2;background:#10141c;border:0;border-radius:0;outline:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.65;display:block}.workspace-module__stm2YW__codeOutput:focus-visible{box-shadow:inset 0 0 0 3px #5e8bff8c}.workspace-module__stm2YW__codeOutput::placeholder{color:#ffaaa3}.workspace-module__stm2YW__inlineError{color:#ffaaa3;margin:0;padding:0 1rem .75rem;font-size:.78rem}.workspace-module__stm2YW__codeActions{border-top:1px solid #2a3342;justify-content:flex-end;padding:.8rem .9rem}.workspace-module__stm2YW__codeActions button{color:#fff;background:#18202c;border-color:#3a4658}.workspace-module__stm2YW__footerbar{border-top:1px solid var(--css-line);color:var(--css-green);justify-content:flex-start}.workspace-module__stm2YW__footerbar p{color:var(--css-muted);font-size:.76rem;font-weight:650;line-height:1.5}.workspace-module__stm2YW__loaderRing{box-sizing:border-box;border-style:solid;border-radius:50%;animation:1s linear infinite workspace-module__stm2YW__preview-spin}.workspace-module__stm2YW__loaderDots{justify-content:center;align-items:center;display:inline-flex}.workspace-module__stm2YW__loaderDots span{border-radius:50%;flex:none;animation:1s ease-in-out infinite workspace-module__stm2YW__preview-dot}.workspace-module__stm2YW__controlPreviewRow{color:#263244;background:#fff;border:1px solid #cfd5df;align-items:center;gap:.85rem;min-width:0;padding:1rem 1.1rem;font-size:.9rem;font-weight:700;display:flex;box-shadow:5px 5px #0b0d1214}.workspace-module__stm2YW__checkboxPreview{box-sizing:border-box;border-style:solid;flex:none;place-items:center;display:grid}.workspace-module__stm2YW__switchPreview{flex:none;transition:background-color .18s;position:relative}.workspace-module__stm2YW__switchPreview span{background:#fff;border-radius:50%;transition:transform .18s;position:absolute;box-shadow:0 2px 7px #0b0d1240}.workspace-module__stm2YW__clipPreview{aspect-ratio:4/3;filter:drop-shadow(8px 10px #0b0d121f);width:min(72%,300px)}.workspace-module__stm2YW__patternPreview,.workspace-module__stm2YW__gradientPreview{border:1px solid #0b0d1238;width:min(88%,520px);min-height:220px;box-shadow:8px 8px #0b0d121f}.workspace-module__stm2YW__bezierPreview{grid-template-columns:minmax(180px,240px) minmax(120px,1fr);align-items:center;gap:1.5rem;width:min(100%,560px);display:grid}.workspace-module__stm2YW__bezierChart{border:1px solid var(--css-line);background:#fff;width:100%;min-width:0}.workspace-module__stm2YW__chartBand{fill:none;stroke:#c9ced8;stroke-width:1px}.workspace-module__stm2YW__chartGuide{fill:none;stroke:#98a2b3;stroke-dasharray:5 4;stroke-width:1.5px}.workspace-module__stm2YW__chartCurve{fill:none;stroke:var(--css-blue);stroke-linecap:round;stroke-width:5px}.workspace-module__stm2YW__bezierChart circle{fill:var(--css-yellow);stroke:var(--css-ink);stroke-width:2px}.workspace-module__stm2YW__bezierChart .workspace-module__stm2YW__chartEndpoint{fill:var(--css-ink)}.workspace-module__stm2YW__motionTrack{border-bottom:2px solid #98a2b3;min-height:52px;overflow:hidden}.workspace-module__stm2YW__motionTrack span{background:var(--css-blue);width:34px;height:34px;box-shadow:4px 4px 0 var(--css-yellow);border-radius:50%;animation:1s infinite alternate workspace-module__stm2YW__preview-travel;display:block}.workspace-module__stm2YW__glassStage{isolation:isolate;background:#111827;place-items:center;width:min(88%,520px);min-height:250px;display:grid;position:relative;overflow:hidden}.workspace-module__stm2YW__glassOrbBlue,.workspace-module__stm2YW__glassOrbRed{z-index:-1;border-radius:50%;width:170px;height:170px;position:absolute}.workspace-module__stm2YW__glassOrbBlue{background:#0f4cff;top:-45px;left:20px}.workspace-module__stm2YW__glassOrbRed{background:#f21a10;bottom:-65px;right:20px}.workspace-module__stm2YW__glassPanelPreview{color:#fff;border:1px solid;gap:.45rem;width:min(76%,340px);padding:1.4rem;display:grid;box-shadow:0 24px 64px -28px #000000b3}.workspace-module__stm2YW__glassPanelPreview small{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.workspace-module__stm2YW__glassPanelPreview strong{font-size:1.2rem}.workspace-module__stm2YW__glassPanelPreview span{color:#ffffffd1;font-size:.78rem}.workspace-module__stm2YW__glitchStage{letter-spacing:-.06em;text-align:center;text-transform:uppercase;background:#0b0d12;max-width:100%;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,7vw,5rem);font-weight:900;line-height:.95;position:relative}.workspace-module__stm2YW__glitchBase,.workspace-module__stm2YW__glitchLayer{overflow-wrap:anywhere}.workspace-module__stm2YW__glitchLayer{pointer-events:none;position:absolute;inset:1rem}.workspace-module__stm2YW__glitchCyan{clip-path:inset(0 0 52%);animation:.85s steps(2,end) infinite workspace-module__stm2YW__preview-glitch-a}.workspace-module__stm2YW__glitchRed{clip-path:inset(48% 0 0);animation:.85s steps(2,end) infinite reverse workspace-module__stm2YW__preview-glitch-b}.workspace-module__stm2YW__gradientPreview{place-items:end start;padding:1rem;display:grid}.workspace-module__stm2YW__gradientPreview span{color:#fff;background:#0b0d12ad;border:1px solid #ffffff8c;padding:.35rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.workspace-module__stm2YW__trianglePreview{filter:drop-shadow(7px 8px #0b0d1221);width:0;height:0}.workspace-module__stm2YW__shadowPreview,.workspace-module__stm2YW__radiusPreview{width:min(72%,300px);min-height:190px;color:var(--css-ink);text-align:center;background:#fff;border:1px solid #d6dce6;place-content:center;padding:1rem;display:grid}.workspace-module__stm2YW__shadowPreview small{color:var(--css-blue);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.workspace-module__stm2YW__shadowPreview strong{margin-top:.4rem;font-size:1.25rem}.workspace-module__stm2YW__radiusPreview{background:var(--css-blue);color:#fff;grid-template-columns:repeat(2,1fr);place-content:stretch;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700}.workspace-module__stm2YW__radiusPreview span:nth-child(2n){text-align:right}.workspace-module__stm2YW__radiusPreview span:nth-child(n+3){align-self:end}.workspace-module__stm2YW__srOnly{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workspace-module__stm2YW__topActions button:focus-visible,.workspace-module__stm2YW__codeActions button:focus-visible,.workspace-module__stm2YW__rangeField input:focus-visible,.workspace-module__stm2YW__colorField input:focus-visible,.workspace-module__stm2YW__selectField select:focus-visible,.workspace-module__stm2YW__textField input:focus-visible{outline-offset:2px;outline:3px solid #0f4cff40}@keyframes workspace-module__stm2YW__preview-spin{to{transform:rotate(360deg)}}@keyframes workspace-module__stm2YW__preview-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes workspace-module__stm2YW__preview-travel{0%{transform:translate(0)}to{transform:translate(min(180px,34vw))}}@keyframes workspace-module__stm2YW__preview-glitch-a{0%,to{transform:translate(0)}35%{transform:translate(var(--preview-negative-shift), -1px)}70%{transform:translate(var(--preview-shift), 1px)}}@keyframes workspace-module__stm2YW__preview-glitch-b{0%,to{transform:translate(0)}30%{transform:translate(var(--preview-shift), 1px)}65%{transform:translate(var(--preview-negative-shift), -1px)}}@media (max-width:860px){.workspace-module__stm2YW__workspaceGrid{grid-template-columns:minmax(0,1fr)}.workspace-module__stm2YW__controlsPanel{border-right:0;border-bottom:1px solid var(--css-line)}.workspace-module__stm2YW__controlGroups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.workspace-module__stm2YW__controlGroups fieldset+fieldset{border-top:0;margin-top:0;padding-top:0}}@media (max-width:600px){.workspace-module__stm2YW__workspace{border-left:0;border-right:0;border-radius:0}.workspace-module__stm2YW__topbar,.workspace-module__stm2YW__footerbar{flex-direction:column;align-items:stretch}.workspace-module__stm2YW__topActions,.workspace-module__stm2YW__codeActions{grid-template-columns:minmax(0,1fr);display:grid}.workspace-module__stm2YW__controlGroups{grid-template-columns:minmax(0,1fr)}.workspace-module__stm2YW__panelHeading{flex-wrap:wrap}.workspace-module__stm2YW__panelHeading>strong{margin-left:42px}.workspace-module__stm2YW__previewCanvas{min-height:300px;padding:1rem}.workspace-module__stm2YW__bezierPreview{grid-template-columns:minmax(0,1fr);width:min(100%,280px)}.workspace-module__stm2YW__codeHeader>div{flex-direction:column;align-items:flex-start;gap:.25rem}.workspace-module__stm2YW__codeOutput{min-height:220px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.workspace-module__stm2YW__topActions button,.workspace-module__stm2YW__codeActions button,.workspace-module__stm2YW__toggleField i,.workspace-module__stm2YW__toggleField i:after,.workspace-module__stm2YW__switchPreview,.workspace-module__stm2YW__switchPreview span{transition:none}.workspace-module__stm2YW__loaderRing,.workspace-module__stm2YW__loaderDots span,.workspace-module__stm2YW__motionTrack span,.workspace-module__stm2YW__glitchLayer{animation:none}.workspace-module__stm2YW__glitchLayer{opacity:.4}}