.studio{--stage:#0e0e11;--background:#0e0e11;--panel:#17171b;--panel-2:#1f1f24;--panel-3:#28282e;--border:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.2);--text:#ececef;--text-dim:#a4a4ad;--text-faint:#6f6f78;--paper:#dddedb;--accent:#f2542d;--tape:#f2542d;--tape-ink:#1b0d08;--ease:cubic-bezier(0.22,1,0.36,1);--radius-xs:2px;--radius-sm:2px;--radius-md:3px;--radius-lg:3px;--radius-xl:4px;--radius-2xl:4px;--radius-3xl:4px;font-family:var(--font-archivo),ui-sans-serif,system-ui,sans-serif;background:var(--stage);color:var(--text);color-scheme:dark}.studio .bg-\[var\(--accent\)\]{color:var(--tape-ink)}.studio .bg-\[var\(--accent\)\] svg{color:inherit}.studio :focus-visible{outline:2px solid var(--tape);outline-offset:2px}.studio input[type=range]{height:2px;background-color:var(--border-strong);border-radius:0}@media (pointer:coarse){.studio input[type=range]{height:24px;padding:11px 0;background-clip:content-box}}.studio input[type=range]::-webkit-slider-thumb{width:12px;height:12px;border-radius:0;background:var(--tape)}.studio input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:0;background:var(--tape)}@media (pointer:coarse){.studio input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.studio input[type=range]::-moz-range-thumb{width:22px;height:22px}}.studio ::-webkit-scrollbar-thumb{border-radius:0;border-color:var(--panel)}.studio .ds-display{font-stretch:125%;font-weight:850;letter-spacing:-.02em;line-height:1}.studio .ds-tape{display:inline-block;background:var(--tape);color:var(--tape-ink);font-family:var(--font-permanent-marker),"Comic Sans MS",cursive;font-size:11px;font-weight:400;line-height:1.3;letter-spacing:0;text-transform:none;padding:1px 5px 0;transform:rotate(-3deg);clip-path:polygon(3% 0,97% 5%,100% 95%,1% 100%);white-space:nowrap;flex:none}.studio .ds-spikes{position:relative}.studio .ds-spk{position:absolute;width:14px;height:14px;pointer-events:none}.studio .ds-spk:after,.studio .ds-spk:before{content:"";position:absolute;background:var(--tape)}.studio .ds-spk:before{width:100%;height:3px}.studio .ds-spk:after{width:3px;height:100%}.studio .ds-spk.tl{top:-3px;left:-3px}.studio .ds-spk.tr{top:-3px;right:-3px;transform:scaleX(-1)}.studio .ds-spk.bl{bottom:-3px;left:-3px;transform:scaleY(-1)}.studio .ds-spk.br{bottom:-3px;right:-3px;transform:scale(-1)}.studio .ds-spikes.lg .ds-spk{width:26px;height:26px}.studio .ds-spikes.lg .ds-spk:before{height:5px}.studio .ds-spikes.lg .ds-spk:after{width:5px}.studio .ds-spikes.lg .ds-spk.tl{top:-12px;left:-12px}.studio .ds-spikes.lg .ds-spk.tr{top:-12px;right:-12px}.studio .ds-spikes.lg .ds-spk.bl{bottom:-12px;left:-12px}.studio .ds-spikes.lg .ds-spk.br{bottom:-12px;right:-12px}.studio .ds-link{color:var(--text);font-weight:700;text-decoration:underline;text-decoration-color:var(--tape);text-decoration-thickness:2px;text-underline-offset:3px}.studio .ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:3px;border:1.5px solid var(--border-strong);font-weight:700;font-size:14px;white-space:nowrap;transition:background-color .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.studio .ds-btn:hover{border-color:var(--text)}.studio .ds-btn:disabled{opacity:.5;cursor:default}.studio .ds-btn.primary{background:var(--paper);color:var(--panel);border-color:var(--paper)}.studio .ds-btn.primary:hover{background:transparent;color:var(--text)}.studio .ds-btn.tape{background:var(--tape);color:var(--tape-ink);border-color:var(--tape)}.studio .ds-btn.tape:hover{background:transparent;color:var(--tape)}.studio .ds-canvas-drag{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.studio .ds-canvas-drag img{-webkit-user-drag:none}.studio .ds-canvas-drag [contenteditable=true]{user-select:text;-webkit-user-select:text}.studio .ds-canvas-drag.dragging{cursor:grabbing}.studio .ds-canvas-drag.moving{cursor:move}.studio .ds-hint-coarse{display:none}@media (pointer:coarse){.studio .ds-hint-fine{display:none}.studio .ds-hint-coarse{display:flex}}.ds-trytape{position:absolute;pointer-events:none;background:var(--tape,#f2542d);color:var(--tape-ink,#1b0d08);font-family:var(--font-permanent-marker),"Comic Sans MS",cursive;white-space:nowrap;transform:rotate(35deg);transform-origin:center;z-index:40}@media (prefers-reduced-motion:reduce){.studio *,.studio :after,.studio :before{transition:none!important;animation:none!important}}.studio .uppercase.tracking-wider{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600}.studio .ds-bd-tile:hover .ds-bd-blur{animation:ds-drift 5s var(--ease) infinite alternate}@keyframes ds-drift{0%{transform:scale(1.1) translate(0) rotate(0deg)}to{transform:scale(1.25) translate(-6%,4%) rotate(8deg)}}.studio .ds-wm-drag{cursor:grab;touch-action:none}.studio .ds-wm-drag:hover{outline:2px dashed rgba(242,84,45,.9);outline-offset:8px}.studio .ds-wm-drag.dragging{cursor:grabbing;outline:2px solid #f2542d;outline-offset:8px}.studio .ds-demo{margin:22px 0 18px;display:grid;place-items:center}.studio .ds-demo-set{position:relative;width:min(360px,100%);aspect-ratio:16/9;perspective:700px}.studio .ds-demo-set .c{position:absolute;width:16px;height:16px}.studio .ds-demo-set .c:after,.studio .ds-demo-set .c:before{content:"";position:absolute;background:var(--tape)}.studio .ds-demo-set .c:before{width:100%;height:3px}.studio .ds-demo-set .c:after{width:3px;height:100%}.studio .ds-demo-set .tl{left:0;top:0}.studio .ds-demo-set .tr{right:0;top:0;transform:scaleX(-1)}.studio .ds-demo-set .bl{left:0;bottom:0;transform:scaleY(-1)}.studio .ds-demo-set .br{right:0;bottom:0;transform:scale(-1)}.studio .ds-demo-bg{position:absolute;inset:6px;border-radius:2px;background:radial-gradient(ellipse 70% 75% at 50% 25%,#f4f4f2 0,#d6d7d3 62%,#b9bab6 100%);opacity:0;animation:ds-demo-bg 6s var(--ease) infinite}.studio .ds-demo-shot{position:absolute;left:21%;top:16%;width:58%;border-radius:4px;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.35);transform-origin:50% 50%;animation:ds-demo-shot 6s var(--ease) infinite}.studio .ds-demo-shot img{display:block;width:100%}.studio .ds-demo-chrome{height:0;background:#232327;display:flex;align-items:center;gap:3px;padding:0 6px;overflow:hidden;animation:ds-demo-chrome 6s var(--ease) infinite}.studio .ds-demo-chrome i{width:4px;height:4px;border-radius:50%;background:#ff5f57}.studio .ds-demo-chrome i:nth-child(2){background:#febc2e}.studio .ds-demo-chrome i:nth-child(3){background:#28c840}.studio .ds-demo-cursor{position:absolute;left:50%;top:50%;width:22px;height:22px;animation:ds-demo-cursor 6s var(--ease) infinite}@keyframes ds-demo-shot{0%{transform:translate(-150%,70%) rotate(-10deg) scale(.8);opacity:0}6%{opacity:1}32%{transform:translate(0) rotate(-3deg) scale(.86)}40%{transform:translate(0) rotate(0) scale(1)}66%{transform:translate(0) rotateY(0) rotateX(0)}82%,92%{transform:translate(0) rotateY(-22deg) rotateX(8deg);opacity:1}to{transform:translate(0) rotateY(-22deg) rotateX(8deg);opacity:0}}@keyframes ds-demo-cursor{0%{transform:translate(-260%,380%);opacity:0}6%{opacity:1}32%{transform:translateY(40%);opacity:1}40%{transform:translate(10%,60%) scale(.9);opacity:1}48%,to{transform:translate(40%,140%);opacity:0}}@keyframes ds-demo-chrome{0%,44%{height:0}54%,to{height:9px}}@keyframes ds-demo-bg{0%,52%{opacity:0}64%,92%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.studio .ds-demo-bg,.studio .ds-demo-chrome,.studio .ds-demo-cursor,.studio .ds-demo-shot{animation:none!important}.studio .ds-demo-bg{opacity:1}.studio .ds-demo-chrome{height:9px}.studio .ds-demo-shot{transform:rotateY(-22deg) rotateX(8deg)}.studio .ds-demo-cursor{display:none}}@media (pointer:coarse){.studio .ds-hit:after{content:"";position:absolute;inset:calc(var(--hit, 14px) * -1)}}.studio .ds-canvas-drag,.studio .ds-canvas-drag img,.studio img{-webkit-touch-callout:none}.studio{-webkit-tap-highlight-color:transparent}html:not([data-capturing]) .studio [data-piece-sel] [data-device-box]{outline:6px dashed var(--tape);outline-offset:14px}@keyframes ds-nudge{0%{background-color:color-mix(in srgb,var(--tape) 22%,transparent)}to{background-color:transparent}}.studio .ds-nudge{animation:ds-nudge .7s ease-out}