.studio-v2{--sv-line:var(--od-seam,#fafafa1c);--sv-muted:var(--od-ash,#a6a19d);--sv-accent:var(--od-halo,#afcaff);width:min(100% - 64px,1560px);padding-top:calc(var(--nav--height) + 24px);color:#fafafa;margin:auto;font-family:Overused Grotesk,sans-serif}.studio-v2 *{box-sizing:border-box}.studio-v2 button,.studio-v2 input,.studio-v2 textarea,.studio-v2 select{font:inherit}.studio-v2 button{cursor:pointer}.studio-v2 button:disabled{cursor:default;opacity:.4}.studio-v2 :is(button,a,input,textarea,select):focus-visible{outline-offset:4px;outline:2px solid #afcaff}.sv-heading{justify-content:space-between;align-items:center;gap:24px;margin:32px 0 28px;display:flex}.sv-kicker{letter-spacing:.12em;color:var(--sv-muted);font:10px ui-monospace,monospace}.sv-heading h1{letter-spacing:-.035em;align-items:center;gap:16px;margin:10px 0 12px;font-family:Questrial,sans-serif;font-size:44px;font-weight:400;line-height:1.1;display:flex}.sv-heading h1 span,.sv-tag{color:#b5b8b1;letter-spacing:0;border:1px solid #ffffff28;border-radius:4px;padding:6px 8px;font:10px ui-monospace,monospace}.sv-heading p{color:var(--sv-muted);max-width:65ch;margin:0;font-size:14px;line-height:1.6}.sv-primary{background:var(--od-signal,#1464ff)!important;color:#fff!important;border-color:var(--od-signal,#1464ff)!important}.sv-export-link{white-space:nowrap;border-radius:7px;padding:13px 18px;font-size:12px;text-decoration:none}.sv-workspace{--sv-toolbar-height:56px;border:1px solid var(--sv-line);background:#181818;border-radius:12px;grid-template-columns:minmax(0,1fr) 302px;align-items:start;display:grid;overflow:hidden}.sv-main{min-width:0;top:var(--nav--height);background:#121212;position:sticky}.sv-toolbar,.sv-inspector-head{min-height:var(--sv-toolbar-height);padding:10px 18px}.sv-toolbar{border-bottom:1px solid var(--sv-line);color:#b9b9b7;background:#181818;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.sv-toolbar>div{align-items:center;gap:5px;display:flex}.sv-toolbar button,.sv-transport button,.sv-code button,.sv-action{color:#fafafa;background:#ffffff04;border:1px solid #ffffff21;border-radius:5px;padding:7px 11px;font-size:11px}.sv-toolbar button[aria-pressed=true],.sv-options button[aria-pressed=true]{color:#dbe5ff;background:#afcaff1c;border-color:#9ab6ff66}.sv-stage{background-color:var(--od-void,#12100f);background-image:radial-gradient(circle,#fafafa1c 1px,#0000 1.4px);background-size:var(--od-dot-pitch,22px) var(--od-dot-pitch,22px);place-items:center;min-height:470px;padding:28px;display:grid;overflow:hidden}.sv-stage>div{width:100%;min-width:0}.sv-stage.is-narrow>div{max-width:375px}.sv-stage .ot-root{border:1px solid #ffffff12;border-radius:3px}.sv-stage .og-root{border-radius:6px}.sv-inspector{border-left:1px solid var(--sv-line);contain:size;scrollbar-gutter:stable;min-width:0;min-height:0;scroll-padding-block:calc(var(--sv-toolbar-height) + 12px) 20px;scrollbar-width:thin;scrollbar-color:#5d5a57 transparent;background:#181818;align-self:stretch;overflow:auto}.sv-inspector-head{z-index:2;border-bottom:1px solid var(--sv-line);background:#181818;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex;position:sticky;top:0}.sv-inspector-head button{color:#a6a19d;background:0 0;border:0;font-size:11px}.sv-section{border:0;border-bottom:1px solid var(--sv-line);min-width:0;margin:0;padding:20px}.sv-section>legend{float:left;width:100%;margin-bottom:18px;font-size:12px;font-weight:600}.sv-section>legend+*{clear:both}.sv-field{color:#a6a19d;gap:8px;min-width:0;margin-bottom:15px;font-size:11px;display:grid}.sv-field :is(input,textarea,select){color:#ece8e2;resize:vertical;background:#201e1d;border:1px solid #ffffff25;border-radius:5px;width:100%;min-width:0;padding:9px 10px;font-size:12px}.sv-options{border:0;min-width:0;margin:0 0 18px;padding:0}.sv-options legend{color:#a6a19d;margin-bottom:9px;font-size:11px}.sv-options>div{flex-wrap:wrap;gap:5px;display:flex}.sv-options button{text-transform:capitalize;color:#a6a19d;background:#ffffff03;border:1px solid #ffffff20;border-radius:5px;flex:1;min-width:56px;padding:8px;font-size:11px}.sv-range{clear:both;margin-bottom:17px}.sv-range>div{justify-content:space-between;gap:10px;margin-bottom:9px;font-size:11px;display:flex}.sv-range label{color:#a6a19d}.sv-range output{font:11px ui-monospace,monospace}.sv-range small{color:#827f79;margin-left:3px;font-size:10px}.sv-range input{accent-color:#afcaff;appearance:none;background:linear-gradient(to right, #a9bce9 var(--fill), #373737 var(--fill));cursor:pointer;border-radius:4px;width:100%;height:3px;margin:10px 0;display:block}.sv-range input::-webkit-slider-thumb{appearance:none;background:#d7e0f7;border-radius:50%;width:11px;height:11px}.sv-color{color:#a6a19d;clear:both;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:11px;display:flex}.sv-color>div{background:#201e1d;border:1px solid #ffffff24;border-radius:5px;align-items:center;gap:6px;padding:4px;display:flex}.sv-color input[type=color]{background:0 0;border:0;width:24px;height:24px;padding:0}.sv-color input:not([type=color]){color:#d7d6d3;background:0 0;border:0;width:69px;font:10px ui-monospace,monospace}.sv-toggle{color:#a6a19d;clear:both;justify-content:space-between;align-items:center;gap:10px;margin:17px 0;font-size:11px;display:flex}.sv-toggle input{accent-color:#bacdf5;width:16px;height:16px}.sv-help{color:#99968f;margin:14px 0 0;font-size:10px;line-height:1.6}.sv-presets{border-top:1px solid var(--sv-line);background:#181818;padding:18px}.sv-presets>header{color:#a6a19d;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:10px;display:flex}.sv-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sv-preset{text-align:left;color:#fafafa;background:#222;border:1px solid #fafafa1c;border-radius:6px;min-width:0;padding:12px}.sv-preset[aria-pressed=true]{background:#b6c8f414;border-color:#becff4}.sv-preset strong{font-size:12px;font-weight:500;display:block}.sv-preset small{color:#93928f;margin-top:5px;font-size:10px;line-height:1.4;display:block}.sv-preset-sample{letter-spacing:-.05em;border-radius:3px;place-items:center;height:54px;margin-bottom:10px;font-size:28px;display:grid;overflow:hidden}.sv-preset-sample img{object-fit:cover;width:100%;height:100%}.sv-status{color:#b9b8b3;min-height:20px;margin:16px 0;font-size:11px}.sv-export{scroll-margin-top:calc(var(--nav--height) + 20px);padding:54px 0}.sv-export>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.sv-export h2{letter-spacing:-.025em;margin:9px 0 12px;font:34px Questrial,sans-serif}.sv-export p{color:#a6a19d;max-width:70ch;margin:0;font-size:12px;line-height:1.6}.sv-code{border:1px solid var(--sv-line);background:#181818;border-radius:9px;overflow:hidden}.sv-code-bar{border-bottom:1px solid var(--sv-line);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.sv-code-bar>div{flex-wrap:wrap;gap:6px;display:flex}.sv-code-bar>span{color:#8c8c88;font:10px ui-monospace,monospace}.sv-code-bar button[aria-pressed=true]{color:#fff;background:#ffffff12}.sv-code textarea{resize:vertical;color:#b9c8e8;white-space:pre;tab-size:2;background:#101010;border:0;width:100%;height:230px;padding:20px;font:11px/1.8 ui-monospace,monospace}.sv-code footer{border-top:1px solid var(--sv-line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.sv-code footer>span{color:#a6a19d;font-size:10px}.sv-code footer>div{flex-shrink:0;gap:8px;display:flex}.sv-footer{border-top:1px solid var(--sv-line);color:#a6a19d;justify-content:space-between;gap:20px;padding:24px 0 38px;font-size:12px;display:flex}.sv-footer a{color:#afcaff}.sv-layers{border-bottom:1px solid var(--sv-line);background:#181818;flex-wrap:wrap;gap:6px;padding:10px 18px;display:flex}.sv-layers button{color:#a6a19d;text-overflow:ellipsis;white-space:nowrap;background:#201e1d;border:1px solid #ffffff1c;border-radius:4px;max-width:200px;padding:7px 10px;font-size:11px;overflow:hidden}.sv-layers button[aria-pressed=true]{color:#d9e5ff;background:#afcaff14;border-color:#aabcdf}.sv-timeline{border-top:1px solid var(--sv-line);background:#181818;padding:18px}.sv-transport{color:#b4b1ab;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font:11px ui-monospace,monospace;display:flex}.sv-transport>div{align-items:center;gap:6px;display:flex}.sv-timeline input[type=range]{accent-color:#afcaff;cursor:ew-resize;width:100%}.sv-track{color:#a6a19d;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;margin-top:9px;font-size:10px;display:grid}.sv-track>button{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:inherit;background:0 0;border:0;overflow:hidden}.sv-track-rail{background:repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 10%);border:1px solid #ffffff0a;border-radius:3px;height:24px;position:relative;overflow:hidden}.sv-track-bar{min-width:2px;display:flex;position:absolute;top:3px;bottom:3px}.sv-track-bar>span{opacity:.8;background:#819bd5;border-radius:2px;height:100%}.sv-track-bar>span:nth-child(2){opacity:.5;background:#546072}.sv-track-bar>span:nth-child(3){opacity:.7;background:#ad8c80}.sv-playhead{pointer-events:none;background:#fafafa;width:1px;position:absolute;top:0;bottom:0}.sv-timeline-legend{color:#8d8c86;justify-content:flex-end;gap:16px;margin-top:13px;font:9px ui-monospace,monospace;display:flex}.sv-upload{text-align:center;color:#afcaff;cursor:pointer;clear:both;border:1px dashed #ffffff40;border-radius:5px;padding:14px;font-size:12px;display:block;position:relative;overflow:hidden}.sv-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.sv-upload:focus-within{outline:2px solid #afcaff}.sv-image-item{grid-template-columns:48px minmax(0,1fr);gap:10px;margin-top:16px;display:grid}.sv-image-item>img{object-fit:cover;border-radius:4px;width:48px;height:56px}.sv-image-item .sv-field{margin-bottom:6px}.sv-image-item .sv-field input{padding:5px;font-size:11px}.sv-image-actions{gap:10px;display:flex}.sv-image-actions button{color:#afcaff;background:0 0;border:0;min-height:28px;font-size:10px}.sv-compare{place-items:center;max-height:560px;display:grid;position:relative}.sv-compare canvas{width:auto;max-width:100%;height:auto;max-height:560px;display:block}.sv-compare img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sv-compare-labels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:14px 14px auto}.sv-compare-labels span{color:#fff;background:#111c;padding:5px 8px;font:9px ui-monospace,monospace}.sv-compare-control{border-top:1px solid var(--sv-line);background:#181818;padding:14px 20px}.sv-compare-control .sv-range{margin:0}.sv-effect-thumb{object-fit:cover;border-radius:3px;width:100%;height:75px;margin-bottom:9px;display:block}.sv-stage .og-root{width:100%}@media (hover:hover){.studio-v2 button:hover:not(:disabled){filter:brightness(1.16)}}@media (width>=1500px){.sv-workspace{grid-template-columns:minmax(0,1fr) 330px}.sv-stage{min-height:550px;padding:40px}.sv-stage .ot-root{min-height:490px}}@media (width<=1050px){.studio-v2{width:calc(100% - 40px)}.sv-workspace{grid-template-columns:minmax(0,1fr) 270px}.sv-stage{min-height:400px;padding:14px}.sv-stage .ot-root{min-height:370px}.sv-section{padding:17px}.sv-preset small{display:none}.sv-preset-grid{gap:6px}.sv-toolbar{flex-wrap:wrap}}@media (width<=780px){.studio-v2{width:calc(100% - 28px);padding-top:calc(var(--nav--height) + 16px)}.sv-heading{align-items:flex-start;margin:24px 0}.sv-heading h1{font-size:34px}.sv-heading p{font-size:12px}.sv-heading .sv-export-link{padding:10px;font-size:11px}.sv-workspace{grid-template-columns:minmax(0,1fr)}.sv-main{position:static}.sv-inspector{contain:none;scrollbar-gutter:auto;border-left:0;border-top:1px solid var(--sv-line);grid-template-columns:1fr 1fr;display:grid;overflow:visible}.sv-inspector-head{grid-column:1/-1;position:static}.sv-stage{min-height:300px;padding:14px}.sv-stage .ot-root{min-height:310px}.sv-preset-sample{height:45px;font-size:24px}.sv-export>header{align-items:flex-start}.sv-export .sv-tag,.sv-code-bar>span{display:none}.sv-code footer{flex-direction:column;align-items:flex-start}.sv-code footer>div{align-self:flex-end}.sv-track{grid-template-columns:70px minmax(0,1fr)}.sv-transport{flex-wrap:wrap}.sv-compare canvas,.sv-compare{max-height:440px}}@media (width<=480px){.sv-heading{flex-wrap:wrap;gap:14px}.sv-heading h1{font-size:36px}.sv-heading .sv-export-link{text-align:center;width:100%}.sv-inspector{grid-template-columns:minmax(0,1fr)}.sv-preset{padding:9px}.sv-preset strong{font-size:11px}.sv-toolbar{font-size:10px}.sv-toolbar>span{display:none}.sv-stage{min-height:280px;padding:10px}.sv-stage .ot-root{min-height:280px}.sv-timeline,.sv-presets{padding:14px 10px}.sv-layers{padding:10px}.sv-export h2{font-size:30px}.sv-footer{font-size:10px}.sv-toolbar button{padding:8px}.sv-compare-labels{inset:8px 8px auto}.sv-code-bar button{font-size:10px}}.sv-source-samples{gap:7px;margin:14px 0;display:flex}.sv-source-samples button{background:0 0;border:1px solid #ffffff25;border-radius:3px;width:33.33%;padding:0;overflow:hidden}.sv-source-samples img{object-fit:cover;width:100%;height:42px;display:block}.sv-gallery-mini{perspective:400px;border-radius:3px;justify-content:center;align-items:center;gap:4px;height:75px;margin-bottom:10px;display:flex;overflow:hidden}.sv-gallery-mini img{object-fit:cover;border-radius:2px;flex-shrink:0;width:42%;height:52px}.sv-gallery-mini img:first-child{opacity:.6;transform:rotateY(35deg)}.sv-gallery-mini img:last-child{opacity:.6;transform:rotateY(-35deg)}.mini-arc img:first-child{transform:translateY(9px)rotate(-14deg)}.mini-arc img:last-child{transform:translateY(9px)rotate(14deg)}.mini-stack{position:relative}.mini-stack img{width:62%;position:absolute;transform:rotate(0)!important}.mini-stack img:first-child{transform:translate(-10px,-4px)rotate(-10deg)!important}.mini-stack img:last-child{transform:translate(10px,4px)rotate(10deg)!important}.mini-editorial img:nth-child(2){width:100%;height:100%}.mini-editorial img:not(:nth-child(2)){display:none}.mini-reel img{width:60%;transform:none!important}.sv-border-stage{background:radial-gradient(at 50% 48%,#26263566,#0000 62%),#121314;min-height:560px;padding:72px 50px;position:relative}.sv-border-stage.is-light{color:#464b55;background:radial-gradient(#fff,#d4d7df)}.sv-border-output{justify-content:center;align-items:center;width:100%;min-height:360px;display:flex}.sv-border-coordinate,.sv-border-hint{color:#818185;letter-spacing:.07em;text-align:center;font:10px ui-monospace,monospace;position:absolute;left:24px;right:24px}.sv-border-coordinate{top:24px}.sv-border-hint{letter-spacing:0;bottom:24px}.sv-border-mini{border:1px solid;place-items:center;height:54px;margin:0 12px 10px;font-size:22px;display:grid}@media (width<=1050px){.sv-border-stage{min-height:520px;padding:65px 30px}}@media (width<=480px){.sv-border-stage{min-height:480px;padding:58px 22px}.sv-border-output{min-height:300px}}.studio-texture-lab .sv-stage>.sv-compare{justify-self:center;width:fit-content;max-width:100%}.sv-workspace{scroll-margin-top:calc(var(--nav--height) + 12px)}.studio-page .studio-v2{--nav--height:0px;flex-direction:column;width:100%;height:100dvh;margin:0;padding:0 10px 10px;display:flex;overflow:hidden}.sv-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sv-appbar{flex:none;justify-content:space-between;align-items:center;gap:16px;height:50px;padding:0 4px;display:flex}.sv-appbar-start{align-items:center;gap:14px;min-width:0;display:flex}.sv-back{color:#a6a19d;white-space:nowrap;font-size:12px;text-decoration:none}.sv-back:hover{color:#fafafa}.sv-tool-switcher{border-left:1px solid #ffffff20;min-width:0;padding-left:8px}.studio-v2 :is(.sv-tool-trigger,.sv-select-trigger){color:#fafafa;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;width:174px;min-height:34px;padding:7px 10px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.studio-v2 :is(.sv-tool-trigger,.sv-select-trigger)[data-popup-open]{background:#201e1d;border-color:#fafafa1c}:is(.sv-tool-trigger,.sv-select-trigger,.sv-tool-item,.sv-select-item) svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}:is(.sv-tool-trigger,.sv-select-trigger) svg{color:#a6a19d;transition:transform .18s var(--ease-out)}:is(.sv-tool-trigger,.sv-select-trigger)[data-popup-open] svg{transform:rotate(180deg)}:is(.sv-tool-positioner,.sv-select-positioner){z-index:30;outline:none}:is(.sv-tool-menu,.sv-select-popup){box-sizing:border-box;width:252px;max-width:var(--available-width);max-height:var(--available-height);overscroll-behavior:contain;color:#fafafa;transform-origin:var(--transform-origin);transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);background:#181818;border:1px solid #ffffff20;border-radius:12px;outline:none;padding:6px;font-family:Overused Grotesk,sans-serif;overflow-y:auto;box-shadow:0 18px 50px #0006,0 3px 10px #0003}:is(.sv-tool-menu,.sv-select-popup):is([data-starting-style],[data-ending-style]){opacity:0;transform:translateY(-5px)scale(.97)}.sv-tool-menu-label{color:#a6a19d;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px 9px;font-size:10px;line-height:1.4}:is(.sv-tool-item,.sv-select-item){box-sizing:border-box;color:#c9c5c1;cursor:pointer;user-select:none;border-radius:6px;outline:none;justify-content:space-between;align-items:center;gap:18px;min-height:42px;padding:10px;font-size:14px;line-height:1.4;text-decoration:none;display:flex}.sv-tool-pro{color:#b5b8b1;vertical-align:1px;border:1px solid #ffffff28;border-radius:3px;margin-left:8px;padding:1px 5px;font:9px ui-monospace,monospace}.sv-tool-item[aria-current=page],.sv-select-item[data-selected]{color:#afcaff;background:#afcaff10}:is(.sv-tool-item,.sv-select-item)[data-highlighted]{color:#fafafa;background:#ffffff0e}:is(.sv-tool-item,.sv-select-item):focus-visible{outline-offset:-2px;outline:1px solid #afcaff}:is(.sv-tool-menu,.sv-select-popup)[data-keyboard],:is(.sv-tool-trigger,.sv-select-trigger)[data-keyboard] svg{transition-duration:0s}@media (hover:hover) and (pointer:fine){.studio-v2 :is(.sv-tool-trigger,.sv-select-trigger):hover{background:#201e1d}}@media (prefers-reduced-motion:reduce){:is(.sv-tool-menu,.sv-select-popup),.studio-v2 :is(.sv-tool-trigger,.sv-select-trigger),:is(.sv-tool-trigger,.sv-select-trigger) svg{transition:none}}.studio-v2 .sv-select-trigger{text-align:left;background:#201e1d;border-color:#ffffff25;width:100%;min-height:38px}.sv-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sv-select-trigger>span:last-child,.sv-select-indicator{flex-shrink:0;display:flex}.sv-select-popup{width:var(--anchor-width);overflow:hidden}.sv-select-popup[data-side=top]:is([data-starting-style],[data-ending-style]){transform:translateY(5px)scale(.97)}.sv-select-list{max-height:min(300px, calc(var(--available-height) - 14px));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5d5a57 transparent;scroll-padding-block:4px;overflow-y:auto}.sv-appbar .sv-export-trigger{border:0;border-radius:5px;align-items:center;gap:22px;padding:8px 13px;font-size:12px;font-weight:500;display:flex}.sv-mobile-panels{display:none}.studio-v2 .sv-workspace{--sv-toolbar-height:44px;border-radius:8px;flex:1;grid-template-columns:minmax(0,1fr) clamp(280px,23vw,340px);align-items:stretch;min-height:0}.studio-v2 .sv-main{scrollbar-width:thin;scrollbar-color:#5d5a57 transparent;flex-direction:column;min-height:0;display:flex;position:static;overflow:auto}.studio-v2 .sv-main>*{flex-shrink:0}.studio-v2 .sv-toolbar,.studio-v2 .sv-inspector-head{min-height:var(--sv-toolbar-height);padding:6px 14px;font-size:11px}.studio-v2 .sv-toolbar{flex-wrap:nowrap}.studio-v2 .sv-toolbar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-v2 .sv-toolbar>div{flex-shrink:0}.studio-v2 .sv-toolbar button{padding:6px 10px}.studio-v2 .sv-inspector{contain:size;border-top:0;border-left:1px solid var(--sv-line);scrollbar-gutter:stable;height:100%;min-height:0;display:block;overflow:auto}.studio-v2 .sv-inspector-head{position:sticky;top:0}.studio-v2 .sv-section{padding:18px}.studio-v2 .sv-section>legend{margin-bottom:16px}.studio-v2 .sv-stage{flex:1 0 180px;min-height:180px;padding:16px;display:block;position:relative}.studio-v2 .sv-stage>.sv-preview-frame{width:100%;min-width:0;max-width:none;height:100%;position:relative;overflow:hidden}.sv-preview-content{width:100%;transform:translate(-50%, -50%) scale(var(--sv-preview-scale,1));transform-origin:50%;position:absolute;top:50%;left:50%}.studio-v2 .sv-preview-content .ot-root{min-height:460px}.studio-v2 .sv-preview-content .sv-compare{width:100%;max-width:none;max-height:none}.studio-v2 .sv-preview-content .sv-compare canvas{width:100%;height:auto;max-height:none}.studio-v2 .sv-border-stage{padding:44px 24px}.studio-v2 .sv-border-coordinate{top:16px}.studio-v2 .sv-border-hint{bottom:16px}.studio-v2 .sv-layers{scrollbar-width:thin;flex-wrap:nowrap;padding:7px 14px;overflow-x:auto}.studio-v2 .sv-layers button{flex-shrink:0;padding:5px 9px}.studio-v2 .sv-timeline{scrollbar-width:thin;max-height:32%;padding:10px 14px;overflow:auto}.studio-v2 .sv-transport{margin-bottom:7px;font-size:10px}.studio-v2 .sv-transport button{padding:5px 10px}.studio-v2 .sv-track{margin-top:5px}.studio-v2 .sv-track-rail{height:18px}.studio-v2 .sv-timeline-legend{gap:12px;margin-top:7px;font-size:8px}.studio-v2 .sv-presets{padding:10px 11px}.studio-v2 .sv-presets>header{margin:0 3px 5px;font-size:9px}.studio-v2 .sv-preset-grid{scrollbar-width:thin;scrollbar-color:#5d5a57 transparent;gap:6px;padding:3px;scroll-padding:3px;display:flex;overflow-x:auto}.studio-v2 .sv-preset{border-radius:5px;flex:1 0 130px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;padding:6px;display:grid}.studio-v2 .sv-preset :is(.sv-preset-sample,.sv-gallery-mini,.sv-border-mini){width:40px;height:40px;margin:0;font-size:15px}.studio-v2 .sv-preset strong{font-size:11px;line-height:1.25}.studio-type-motion .sv-preset .sv-preset-sample{font-size:12px}.studio-v2 .sv-preset small{display:none}.studio-v2 .sv-preset canvas{object-fit:cover;width:40px;height:40px;margin:0}.studio-v2 .sv-status{flex:none;min-height:0;margin:6px 4px 0;font-size:11px}.studio-v2 .sv-status:empty{display:none}.studio-v2 .sv-compare-control{padding:8px 16px}.studio-v2 .sv-compare-control .sv-range{margin-bottom:0}.sv-export-dialog{color:#fafafa;background:#181818;border:1px solid #ffffff28;border-radius:12px;width:min(860px,100vw - 32px);max-width:none;height:min(660px,100dvh - 32px);max-height:none;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 100px #0008}.sv-export-dialog::backdrop{backdrop-filter:blur(5px);background:#090807b8}.sv-export-dialog-content{flex-direction:column;height:100%;display:flex}.sv-dialog-heading{border-bottom:1px solid #fafafa1c;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.sv-dialog-heading h2{margin:0;font:18px/1.3 Overused Grotesk,sans-serif}.sv-dialog-heading h2:before,.sv-dialog-heading h2:after{content:none}.sv-dialog-heading button{color:#ddd;background:#ffffff08;border:0;border-radius:5px;width:30px;height:30px;font-size:22px}.sv-export-dialog .sv-export{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.sv-export-dialog .sv-export>header{margin:0;padding:14px 18px}.sv-export-dialog .sv-tag{display:none}.sv-export-dialog .sv-code{border:0;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex}.sv-export-dialog .sv-code-bar{padding:10px 18px}.sv-export-dialog .sv-code textarea{resize:none;flex:1;height:auto;min-height:0}.sv-export-dialog .sv-code footer{flex-shrink:0}.sv-export-dialog .sv-code footer>span{max-width:45%}@media (width<=1050px){.studio-v2 .sv-toolbar{gap:6px;padding-inline:10px}.studio-v2 .sv-toolbar>div>span{display:none}.studio-v2 .sv-stage{padding:12px}.studio-v2 .sv-border-stage{padding:40px 18px}}@media (width<=760px){.studio-page .studio-v2{padding:0 6px 6px}.sv-appbar{grid-template-columns:1fr auto;gap:0 10px;height:86px;padding:0 4px 5px;display:grid}.sv-appbar-start{gap:8px}.sv-back span{display:none}.sv-back{padding:4px;font-size:18px}.studio-v2 .sv-tool-trigger{width:157px;font-size:12px}.sv-appbar .sv-export-trigger{gap:12px}.sv-mobile-panels{grid-area:2/1/auto/-1;gap:4px;display:flex}.sv-mobile-panels button{color:#a6a19d;background:0 0;border:0;border-radius:4px;flex:1;padding:6px;font-size:11px}.sv-mobile-panels button[aria-pressed=true]{color:#afcaff;background:#ffffff0c}.studio-v2 .sv-workspace{display:block}.studio-v2 .sv-main{height:100%}.studio-v2 .sv-inspector{border:0}.studio-v2[data-panel=preview] .sv-inspector,.studio-v2[data-panel=controls] .sv-main{display:none}.studio-v2 .sv-preview-content .ot-root{min-height:300px}.studio-v2 .sv-stage{padding:10px}.studio-v2 .sv-border-stage{padding:38px 16px}.studio-v2 .sv-toolbar>span{display:none}.studio-v2 .sv-toolbar{justify-content:flex-end}.studio-border .sv-toolbar{justify-content:space-between}.studio-v2 .sv-presets{padding:7px}.studio-v2 .sv-preset{flex-basis:122px}.studio-v2 .sv-timeline{padding:8px 10px}.studio-v2 .sv-transport{gap:6px}.studio-v2 .sv-transport>span{font-size:9px}.sv-export-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px)}.sv-export-dialog .sv-code-bar>span{display:none}.sv-export-dialog .sv-code footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.sv-export-dialog .sv-code footer>span{max-width:none}.sv-export-dialog .sv-code footer>div{justify-content:flex-end}}.sv-export-dialog.sv-export-dialog-locked{width:min(520px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);overflow-y:auto}.sv-export-dialog-locked .sv-export-dialog-content{height:auto}.sv-export-waitlist{padding:32px 24px}.sv-export-waitlist .sv-export-access-label{letter-spacing:.08em;color:#a3a3a3;margin:0 0 16px;font:11px ui-monospace,monospace}.sv-export-waitlist h3{margin:0 0 12px;font-size:28px;font-weight:500;line-height:1.15}.sv-export-waitlist p{color:#b5b8b1;margin:0 0 24px;font-size:14px;line-height:1.6}.sv-export-waitlist .sv-export-link{align-items:center;gap:16px;display:inline-flex}