.ws-combo-row--preview{grid-template-columns:24px 28px 1fr}.ws-combo-row--preview .ws-combo-row-l,.ws-combo-row--preview .ws-combo-row-t{grid-column:3}.ws-cp{border-radius:3px;flex:none;grid-row:1/span 2;justify-content:center;align-self:center;align-items:center;width:24px;height:24px;display:inline-flex;overflow:hidden}.ws-cp-swatch{box-sizing:border-box;border:1px solid #0000002e;border-radius:3px;flex:none;grid-row:1/span 2;justify-content:center;align-self:center;align-items:center;gap:2px;width:24px;height:24px;padding:3px;display:flex}.ws-cp-swatch.is-dark{border-color:#ffffff38}.ws-cp-swatch-chip{border-radius:2px;flex:none;width:7px;height:14px}.ws-cp-layout{border:1px solid var(--ws-rule,#c9cdd3);background:var(--ws-surface,#e6e2d7);box-sizing:border-box;border-radius:3px;flex:none;grid-row:1/span 2;align-self:center;width:24px;height:24px;display:block;position:relative;overflow:hidden}.ws-cp-layout>span{background:var(--ws-accent,#ffcb05);border-radius:1px;position:absolute}.ws-cp-layout-b{background:var(--ws-ink,#0e1822);opacity:.55}.ws-cp-layout-c{background:var(--ws-ink,#0e1822);opacity:.3}.ws-cp-layout[data-shape=split] .ws-cp-layout-a{width:9px;height:16px;top:4px;left:3px}.ws-cp-layout[data-shape=split] .ws-cp-layout-b{width:7px;height:16px;top:4px;right:3px}.ws-cp-layout[data-shape=split] .ws-cp-layout-c{display:none}.ws-cp-layout[data-shape=bleed] .ws-cp-layout-a{inset:4px}.ws-cp-layout[data-shape=bleed] .ws-cp-layout-b,.ws-cp-layout[data-shape=bleed] .ws-cp-layout-c{display:none}.ws-cp-layout[data-shape=centered] .ws-cp-layout-a{height:5px;top:5px;left:6px;right:6px}.ws-cp-layout[data-shape=centered] .ws-cp-layout-b{height:3px;top:12px;left:6px;right:6px}.ws-cp-layout[data-shape=centered] .ws-cp-layout-c{height:2px;top:17px;left:8px;right:8px}.ws-cp-layout[data-shape=asym] .ws-cp-layout-a{width:12px;height:7px;top:4px;left:3px}.ws-cp-layout[data-shape=asym] .ws-cp-layout-b{width:14px;height:7px;top:13px;right:3px}.ws-cp-layout[data-shape=asym] .ws-cp-layout-c{display:none}.ws-cp-layout[data-shape=magazine] .ws-cp-layout-a{width:5px;height:16px;top:4px;left:3px}.ws-cp-layout[data-shape=magazine] .ws-cp-layout-b{width:5px;height:16px;top:4px;left:10px}.ws-cp-layout[data-shape=magazine] .ws-cp-layout-c{width:5px;height:16px;top:4px;right:3px}.ws-cp-layout[data-shape=portrait] .ws-cp-layout-a{width:11px;height:16px;top:4px;left:3px}.ws-cp-layout[data-shape=portrait] .ws-cp-layout-b{width:6px;height:4px;top:6px;right:3px}.ws-cp-layout[data-shape=portrait] .ws-cp-layout-c{width:6px;height:4px;top:13px;right:3px}.ws-cp-layout[data-shape=type] .ws-cp-layout-a{height:4px;top:5px;left:4px;right:4px}.ws-cp-layout[data-shape=type] .ws-cp-layout-b{height:3px;top:11px;left:4px;right:8px}.ws-cp-layout[data-shape=type] .ws-cp-layout-c{height:3px;top:16px;left:4px;right:6px}.ws-cp-layout[data-shape=tworow] .ws-cp-layout-a{height:7px;top:4px;left:3px;right:3px}.ws-cp-layout[data-shape=tworow] .ws-cp-layout-b{height:7px;top:13px;left:3px;right:3px}.ws-cp-layout[data-shape=tworow] .ws-cp-layout-c{display:none}.ws-cp-layout[data-shape=diagonal] .ws-cp-layout-a{width:10px;height:14px;top:5px;left:1px;transform:rotate(-12deg)}.ws-cp-layout[data-shape=diagonal] .ws-cp-layout-b{width:8px;height:14px;top:5px;right:1px;transform:rotate(-12deg)}.ws-cp-layout[data-shape=diagonal] .ws-cp-layout-c{display:none}.ws-cp-layout[data-shape=marquee] .ws-cp-layout-a{height:3px;top:4px;left:3px;right:3px}.ws-cp-layout[data-shape=marquee] .ws-cp-layout-b{height:11px;top:9px;left:3px;right:3px}.ws-cp-layout[data-shape=marquee] .ws-cp-layout-c{display:none}.ws-cp-motion{border:1px solid var(--ws-rule,#c9cdd3);background:var(--ws-surface,#e6e2d7);box-sizing:border-box;border-radius:3px;flex:none;grid-row:1/span 2;justify-content:center;align-self:center;align-items:center;gap:2px;width:24px;height:24px;display:flex;position:relative;overflow:hidden}.ws-cp-motion-dot{background:var(--ws-accent,#ffcb05);border-radius:50%;flex:none;width:4px;height:4px}.ws-cp-motion[data-motion-kind="01"] .ws-cp-motion-dot,.ws-cp-motion[data-motion-kind="07"] .ws-cp-motion-dot{opacity:.85}@media (prefers-reduced-motion:no-preference){.ws-cp-motion[data-motion-kind="02"] .ws-cp-motion-dot{animation:1.4s ease-in-out infinite ws-cp-stagger}.ws-cp-motion[data-motion-kind="02"] .ws-cp-motion-dot:nth-child(2){animation-delay:.15s}.ws-cp-motion[data-motion-kind="02"] .ws-cp-motion-dot:nth-child(3){animation-delay:.3s}.ws-cp-motion[data-motion-kind="03"] .ws-cp-motion-dot{animation:2.4s ease-in-out infinite ws-cp-drift}.ws-cp-motion[data-motion-kind="03"] .ws-cp-motion-dot:nth-child(2){animation-duration:1.7s}.ws-cp-motion[data-motion-kind="03"] .ws-cp-motion-dot:nth-child(3){animation-duration:3.1s}.ws-cp-motion[data-motion-kind="04"] .ws-cp-motion-dot{animation:1.8s linear infinite ws-cp-marquee}.ws-cp-motion[data-motion-kind="04"] .ws-cp-motion-dot:nth-child(2){animation-delay:.6s}.ws-cp-motion[data-motion-kind="04"] .ws-cp-motion-dot:nth-child(3){animation-delay:1.2s}.ws-cp-motion[data-motion-kind="05"]:after{content:"";background:var(--ws-accent,#ffcb05);opacity:.5;animation:1.8s ease-in-out infinite ws-cp-wipe;position:absolute;inset:0}.ws-cp-motion[data-motion-kind="06"] .ws-cp-motion-dot{animation:2.1s step-end infinite ws-cp-type}.ws-cp-motion[data-motion-kind="06"] .ws-cp-motion-dot:nth-child(2){animation-delay:.5s}.ws-cp-motion[data-motion-kind="06"] .ws-cp-motion-dot:nth-child(3){animation-delay:1s}.ws-cp-motion[data-motion-kind="08"]{animation:2.6s ease-in-out infinite ws-cp-tilt}.ws-cp-motion[data-motion-kind="09"] .ws-cp-motion-dot{animation:1.8s ease-in-out infinite ws-cp-pulse}.ws-cp-motion[data-motion-kind="10"]:after{content:"";background:var(--ws-accent,#ffcb05);transform-origin:0;height:2px;animation:2s ease-in-out infinite ws-cp-draw;position:absolute;bottom:4px;left:3px;right:3px}}@keyframes ws-cp-stagger{0%,to{opacity:.5;transform:translateY(2px)}40%{opacity:1;transform:translateY(-2px)}}@keyframes ws-cp-drift{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@keyframes ws-cp-marquee{0%{opacity:0;transform:translate(-9px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(9px)}}@keyframes ws-cp-wipe{0%{clip-path:inset(0 100% 0 0)}55%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes ws-cp-type{0%,to{opacity:0}50%{opacity:1}}@keyframes ws-cp-tilt{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes ws-cp-pulse{0%,to{opacity:.6;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes ws-cp-draw{0%{transform:scaleX(0)}60%{transform:scaleX(1)}to{opacity:.3;transform:scaleX(1)}}.ws-cp-backdrop{border:1px solid var(--ws-rule,#c9cdd3);background:var(--ws-paper,#f4f1ea);box-sizing:border-box;border-radius:3px;flex:none;grid-row:1/span 2;align-self:center;width:24px;height:24px;display:block;position:relative;overflow:hidden}.ws-cp-backdrop-fx{position:absolute;inset:0}.ws-cp-backdrop[data-backdrop-kind="01"] .ws-cp-backdrop-fx{background:var(--ws-surface,#e6e2d7)}.ws-cp-backdrop[data-backdrop-kind="02"] .ws-cp-backdrop-fx{background:linear-gradient(135deg, var(--ws-accent,#ffcb05), var(--ws-accent-2,#d5331a), var(--ws-accent,#ffcb05));opacity:.55;background-size:250% 250%}.ws-cp-backdrop[data-backdrop-kind="03"] .ws-cp-backdrop-fx{background-image:radial-gradient(circle, var(--ws-accent,#ffcb05) 1px, transparent 1.4px);opacity:.6;background-size:6px 6px}.ws-cp-backdrop[data-backdrop-kind="04"] .ws-cp-backdrop-fx{background:radial-gradient(ellipse 60% 50% at 28% 32%, var(--ws-accent,#ffcb05) 0%, transparent 65%), radial-gradient(ellipse 55% 50% at 76% 70%, var(--ws-accent-2,#d5331a) 0%, transparent 65%);opacity:.7;filter:blur(3px)}.ws-cp-backdrop[data-backdrop-kind="05"] .ws-cp-backdrop-fx{background:var(--ws-surface,#e6e2d7)}.ws-cp-backdrop[data-backdrop-kind="05"] .ws-cp-backdrop-fx:before,.ws-cp-backdrop[data-backdrop-kind="05"] .ws-cp-backdrop-fx:after{content:"";filter:blur(2px);opacity:.75;border-radius:50%;position:absolute}.ws-cp-backdrop[data-backdrop-kind="05"] .ws-cp-backdrop-fx:before{background:var(--ws-accent,#ffcb05);width:11px;height:11px;top:2px;left:2px}.ws-cp-backdrop[data-backdrop-kind="05"] .ws-cp-backdrop-fx:after{background:var(--ws-accent-2,#d5331a);width:9px;height:9px;bottom:2px;right:2px}@media (prefers-reduced-motion:no-preference){.ws-cp-backdrop[data-backdrop-kind="02"] .ws-cp-backdrop-fx{animation:6s infinite ws-cp-bd-drift}.ws-cp-backdrop[data-backdrop-kind="03"] .ws-cp-backdrop-fx{animation:4s ease-in-out infinite ws-cp-bd-pulse}.ws-cp-backdrop[data-backdrop-kind="04"] .ws-cp-backdrop-fx{animation:7s ease-in-out infinite ws-cp-bd-aurora}.ws-cp-backdrop[data-backdrop-kind="05"] .ws-cp-backdrop-fx:before{animation:5s ease-in-out infinite ws-cp-bd-floatA}.ws-cp-backdrop[data-backdrop-kind="05"] .ws-cp-backdrop-fx:after{animation:6s ease-in-out infinite ws-cp-bd-floatB}}@keyframes ws-cp-bd-drift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes ws-cp-bd-pulse{0%,to{opacity:.4}50%{opacity:.75}}@keyframes ws-cp-bd-aurora{0%,to{opacity:.6;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.12)rotate(4deg)}}@keyframes ws-cp-bd-floatA{0%,to{transform:translate(0)}50%{transform:translate(3px,3px)}}@keyframes ws-cp-bd-floatB{0%,to{transform:translate(0)}50%{transform:translate(-3px,-2px)}}.ws-cp-variant{border:1px solid var(--ws-rule,#c9cdd3);background:var(--ws-surface,#e6e2d7);box-sizing:border-box;border-radius:3px;flex-direction:column;flex:none;grid-row:1/span 2;align-self:center;gap:2px;width:24px;height:24px;padding:3px;display:flex;position:relative}.ws-cp-variant-bar,.ws-cp-variant-body,.ws-cp-variant-foot{background:var(--ws-ink,#0e1822);opacity:.4;border-radius:1px}.ws-cp-variant-bar{height:3px}.ws-cp-variant-body{flex:1}.ws-cp-variant-foot{height:3px}.ws-cp-variant[data-variant-kind="00"] .ws-cp-variant-bar{background:var(--ws-accent,#ffcb05);opacity:1;width:60%}.ws-cp-variant[data-variant-kind="00"] .ws-cp-variant-foot{width:40%}.ws-cp-variant[data-variant-kind="01"]{align-items:center}.ws-cp-variant[data-variant-kind="01"] .ws-cp-variant-bar{width:80%}.ws-cp-variant[data-variant-kind="01"] .ws-cp-variant-body{opacity:.25;width:90%}.ws-cp-variant[data-variant-kind="01"] .ws-cp-variant-foot{background:var(--ws-accent,#ffcb05);opacity:1;width:50%}.ws-cp-variant[data-variant-kind="02"] .ws-cp-variant-bar{background:var(--ws-accent,#ffcb05);opacity:1;width:100%;height:5px}.ws-cp-variant[data-variant-kind="02"] .ws-cp-variant-body{opacity:.85}.ws-cp-variant[data-variant-kind="02"] .ws-cp-variant-foot{width:70%;height:4px}.ws-cp-variant[data-variant-kind="03"]{gap:3px}.ws-cp-variant[data-variant-kind="03"] .ws-cp-variant-bar{opacity:.6;width:45%}.ws-cp-variant[data-variant-kind="03"] .ws-cp-variant-body{opacity:.2}.ws-cp-variant[data-variant-kind="03"] .ws-cp-variant-foot{background:var(--ws-accent,#ffcb05);opacity:.9;width:65%}.ws-cp-variant[data-variant-kind="04"] .ws-cp-variant-bar{background:var(--ws-accent,#ffcb05);opacity:1;width:100%}.ws-cp-variant[data-variant-kind="04"] .ws-cp-variant-body{background:linear-gradient(var(--ws-ink,#0e1822) 0 0) left / 45% 100% no-repeat, var(--ws-accent,#ffcb05);opacity:.7}.ws-cp-variant[data-variant-kind="04"] .ws-cp-variant-foot{width:100%}.ws-cp-voice{border:1px solid var(--ws-rule,#c9cdd3);background:var(--ws-surface,#e6e2d7);width:24px;height:24px;color:var(--ws-ink,#0e1822);box-sizing:border-box;border-radius:3px;flex:none;grid-row:1/span 2;justify-content:center;align-self:center;align-items:center;font-size:12px;line-height:1;display:flex}.ws-cp-voice[data-voice-kind=industrial]{font-family:var(--font-geist), sans-serif;letter-spacing:-.02em;font-weight:700}.ws-cp-voice[data-voice-kind=brutalist]{font-family:var(--font-space), sans-serif;letter-spacing:-.04em;font-weight:800}.ws-cp-voice[data-voice-kind=blueprint]{font-family:var(--font-plex-sans), sans-serif;font-weight:600}.ws-cp-voice[data-voice-kind=dopamine]{font-family:var(--font-onest), sans-serif;letter-spacing:-.03em;font-weight:800}.ws-cp-voice[data-voice-kind=press]{font-family:var(--font-public), sans-serif;font-weight:700}.ws-cp-voice[data-voice-kind=kiosk]{font-family:var(--font-dm), sans-serif;font-weight:700}.ws-cp-voice[data-voice-kind=moss]{font-family:var(--font-manrope), sans-serif;font-weight:700}.ws-cp-voice[data-voice-kind=rivet]{font-family:var(--font-plex-mono), monospace;font-weight:600}.ws-cp-voice[data-voice-kind=polaroid]{font-family:var(--font-jakarta), sans-serif;font-weight:700}.ws-cp-voice[data-voice-kind=ticker]{font-family:var(--font-jetbrains), monospace;letter-spacing:0;font-weight:700}.ws-combo-row[aria-checked=true] .ws-cp-layout,.ws-combo-row[aria-checked=true] .ws-cp-motion,.ws-combo-row[aria-checked=true] .ws-cp-backdrop,.ws-combo-row[aria-checked=true] .ws-cp-variant,.ws-combo-row[aria-checked=true] .ws-cp-voice{border-color:color-mix(in srgb, var(--ws-paper) 45%, transparent)}
.studio-head{background:var(--ws-paper);align-items:flex-start;padding:18px 20px 16px}.studio-head-lead{flex-direction:column;gap:6px;min-width:0;display:flex}.studio-title{letter-spacing:-.01em;font-size:1.45rem;line-height:1.1}.studio-status--live{text-align:right;flex-direction:column;align-items:flex-end;gap:5px}.studio-status-live{font-family:var(--ws-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ws-ink);align-items:center;gap:7px;font-size:10.5px;font-weight:700;display:inline-flex}.studio-status--live .studio-status-dot{flex:none;position:relative}.studio-status--live .studio-status-dot:after{content:"";border:1px solid #22c55e8c;border-radius:50%;animation:2s ease-out infinite studio-pulse;position:absolute;inset:-3px}.studio-status-combo{color:var(--ws-subtle);white-space:nowrap;font-size:12px}@keyframes studio-pulse{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.studio-status--live .studio-status-dot:after{animation:none}}.studio-live-link{appearance:none;border:1px solid var(--ws-rule);background:var(--ws-surface);color:var(--ws-subtle);font:inherit;cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin-top:2px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.studio-live-link:hover{border-color:var(--ws-accent);color:var(--ws-ink)}.studio-live-link-dot{background:var(--ws-accent);border-radius:50%;width:6px;height:6px}.studio-foot{padding:14px 20px 16px}.studio-publish{transition:background .15s,border-color .15s,color .15s}.studio-publish.is-copied{color:var(--ws-cream);background:#16a34a;border-color:#16a34a}.studio-publish.is-copied:hover{background:#15803d;border-color:#15803d}.studio-publish-step{color:var(--ws-mute);margin:0;font-size:11.5px;line-height:1.5}.studio-publish-code{font-family:var(--ws-font-mono);background:var(--ws-surface);color:var(--ws-ink);border:1px solid var(--ws-rule);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:6px;margin:6px 0;padding:7px 9px;font-size:11px;display:block}.studio-intro-scrim{z-index:10100;background:color-mix(in srgb, var(--ws-ink) 38%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.studio-intro-card{background:var(--ws-paper);width:100%;max-width:380px;color:var(--ws-ink);border:1px solid var(--ws-rule);box-shadow:0 24px 60px -20px color-mix(in srgb, var(--ws-ink) 50%, transparent);border-radius:14px;padding:22px 22px 20px}.studio-intro-eyebrow{font-family:var(--ws-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ws-accent);margin:0 0 6px;font-size:10px}.studio-intro-title{font-family:var(--ws-font-display);margin:0 0 14px;font-size:1.25rem;font-weight:800;line-height:1.15}.studio-intro-steps{counter-reset:studio-step;flex-direction:column;gap:12px;margin:0 0 18px;padding:0;list-style:none;display:flex}.studio-intro-step{flex-direction:column;gap:2px;padding-left:30px;display:flex;position:relative}.studio-intro-step:before{counter-increment:studio-step;content:counter(studio-step);background:var(--ws-accent);width:20px;height:20px;color:var(--ws-cream);font-family:var(--ws-font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0}.studio-intro-step-label{color:var(--ws-ink);font-size:13px;font-weight:700}.studio-intro-step-body{color:var(--ws-mute);font-size:12.5px;line-height:1.5}.studio-intro-go{appearance:none;border:1.5px solid var(--ws-accent);background:var(--ws-accent);width:100%;color:var(--ws-cream);font:inherit;cursor:pointer;border-radius:9px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:background .15s,border-color .15s}.studio-intro-go:hover{background:var(--ws-accent-deep);border-color:var(--ws-accent-deep)}@media (max-width:560px){.studio-head{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px 12px}.studio-status--live{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.studio-title{font-size:1.25rem}.studio-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.studio-publish{text-align:center;align-self:stretch;padding:12px 16px;font-size:.92rem}.studio-intro-card{border-radius:14px;max-width:none}}