:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: oklch(.08 0 0);--surface-1: oklch(.12 .006 355);--surface-2: oklch(.15 .008 355);--surface-3: oklch(.19 .01 355);--surface-4: oklch(.24 .012 355);--border: oklch(.28 .025 22);--border-strong: oklch(.36 .05 22);--ink: oklch(.96 .004 355);--ink-soft: oklch(.82 .012 355);--muted: oklch(.68 .018 355);--muted-dim: oklch(.52 .016 355);--primary: oklch(.61 .2 22);--primary-strong: oklch(.55 .21 22);--on-primary: white;--selection-border: oklch(.42 .13 24);--selection-surface: oklch(.17 .045 24);--focus-ring: oklch(.68 .18 22);--ember: oklch(.72 .16 55);--success: oklch(.72 .15 145);--success-surface: oklch(.3 .08 145);--danger: oklch(.68 .2 25);--danger-surface: oklch(.3 .08 25);--ease-out: cubic-bezier(.16, 1, .3, 1);--toolbar-height: 3.5rem;--rail-width: 3.75rem;--panel-width: 18.25rem}:root[data-theme=light]{color-scheme:light;--bg: oklch(.965 .008 245);--surface-1: oklch(.99 .004 245);--surface-2: oklch(.95 .012 245);--surface-3: oklch(.915 .02 245);--surface-4: oklch(.85 .032 245);--border: oklch(.81 .03 245);--border-strong: oklch(.68 .06 242);--ink: oklch(.24 .026 252);--ink-soft: oklch(.34 .03 250);--muted: oklch(.43 .035 248);--muted-dim: oklch(.5 .04 246);--primary: oklch(.53 .17 238);--primary-strong: oklch(.47 .18 240);--on-primary: white;--selection-border: oklch(.64 .12 236);--selection-surface: oklch(.91 .052 238);--focus-ring: oklch(.56 .18 240);--ember: oklch(.53 .15 225);--success: oklch(.46 .13 148);--success-surface: oklch(.91 .045 145);--danger: oklch(.5 .18 25);--danger-surface: oklch(.92 .05 25)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:20rem;height:100%;margin:0;overflow:hidden;background:var(--bg)}body{color:var(--ink);font-size:1rem;line-height:1.5}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.38}.studio-shell{display:grid;grid-template-columns:var(--rail-width) var(--panel-width) minmax(28rem,1fr) var(--panel-width);grid-template-rows:var(--toolbar-height) minmax(0,1fr);width:100%;height:100dvh;overflow:hidden;background:var(--bg);transition:grid-template-columns .22s var(--ease-out)}.studio-shell.effects-panel-collapsed{grid-template-columns:var(--rail-width) var(--panel-width) minmax(28rem,1fr) 0}.global-toolbar{grid-column:1 / -1;grid-row:1;z-index:20;display:flex;align-items:center;min-width:0;border-bottom:1px solid var(--border);background:var(--bg)}.brand-lockup{display:flex;align-items:center;gap:.7rem;width:calc(var(--rail-width) + var(--panel-width));height:100%;padding:0 1rem;border-right:1px solid var(--border);flex:0 0 auto}.brand-lockup>span{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid var(--selection-border);color:var(--primary);font-family:Georgia,serif;font-size:1rem;font-style:italic}.brand-lockup strong{font-size:.77rem;letter-spacing:.08em}.project-breadcrumb{display:flex;align-items:center;gap:.55rem;min-width:0;padding:0 1.15rem;color:var(--muted);font-size:.78rem}.project-breadcrumb strong{overflow:hidden;color:var(--ink-soft);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.project-breadcrumb b{color:var(--muted-dim);font-weight:400}.toolbar-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto;padding:0 .75rem}.toolbar-actions>button:not(.export-button),.device-switcher button{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:.5rem;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s var(--ease-out),background .15s var(--ease-out),transform .1s var(--ease-out)}.toolbar-actions>button:not(.export-button):hover,.device-switcher button:hover{background:var(--surface-3);color:var(--ink)}.toolbar-actions>button:not(.export-button):active,.device-switcher button:active{transform:scale(.94)}.theme-toggle svg{transition:transform .18s var(--ease-out)}.theme-toggle:hover svg{transform:rotate(12deg)}.offline-status{display:flex;align-items:center;gap:.45rem;height:2rem;margin:0 .4rem 0 .7rem;padding:0 .65rem;border:1px solid var(--border);border-radius:999px;color:var(--ink-soft);font-size:.72rem}.offline-status i{width:.42rem;height:.42rem;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #61bd671f}.export-button{display:flex;align-items:center;gap:.5rem;min-width:7.6rem;height:2.35rem;justify-content:center;border:0;border-radius:.55rem;padding:0 1rem;background:var(--primary);color:var(--on-primary);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s var(--ease-out),transform .1s var(--ease-out)}.export-button:hover{background:var(--primary-strong)}.export-button:active{transform:scale(.97)}.mobile-panel-button{display:none!important}.tool-rail{grid-column:1;grid-row:2;z-index:12;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .45rem;border-right:1px solid var(--border);background:var(--bg)}.tool-rail button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:2.9rem;min-height:3.2rem;border:0;border-radius:.55rem;background:transparent;color:var(--muted-dim);cursor:pointer;transition:color .15s var(--ease-out),background .15s var(--ease-out)}.tool-rail button span{font-size:.58rem}.tool-rail button:hover{background:var(--surface-2);color:var(--ink-soft)}.tool-rail button.active{background:var(--selection-surface);color:var(--primary)}.tool-rail button.active:after{position:absolute;right:-.43rem;width:2px;height:1.25rem;border-radius:2px;background:var(--selection-border);content:""}.rail-spacer{flex:1}[data-panel=left]{grid-column:2;grid-row:2;min-width:0;min-height:0}[data-panel=right]{grid-column:4;grid-row:2;min-width:0;min-height:0;overflow:hidden;opacity:1;transition:opacity .14s var(--ease-out)}.studio-shell.effects-panel-collapsed [data-panel=right]{opacity:0;pointer-events:none}.inspector-panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--surface-1)}.left-inspector{border-right:1px solid var(--border)}.right-inspector{border-left:1px solid var(--border)}.inspector-titlebar{display:flex;align-items:center;justify-content:space-between;min-height:4.15rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.inspector-titlebar>div{display:flex;flex-direction:column;gap:.08rem}.inspector-titlebar span{color:var(--muted-dim);font-size:.63rem;letter-spacing:.11em;text-transform:uppercase}.inspector-titlebar strong{font-size:.88rem;font-weight:650}.mobile-close{display:none;width:2.5rem;height:2.5rem;border:0;border-radius:.5rem;background:transparent;color:var(--muted);font-size:1.4rem;cursor:pointer}.inspector-scroll{min-height:0;overflow:auto;scrollbar-color:var(--surface-4) transparent;scrollbar-width:thin}.inspector-section{padding:1rem;border-bottom:1px solid var(--border)}.inspector-section>header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.inspector-section h2{margin:0;color:var(--ink-soft);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.inspector-section-content{display:flex;flex-direction:column;gap:.8rem}.section-action{display:flex;align-items:center;gap:.3rem;border:0;background:transparent;color:var(--muted);font-size:.68rem;cursor:pointer}.section-action:hover{color:var(--ink)}.section-help{display:flex;align-items:flex-start;gap:.45rem;margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}.section-help svg{flex:0 0 auto;margin-top:.12rem;color:var(--ember)}.field-label-row,.select-field,.color-field{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--muted);font-size:.72rem}.text-field{display:flex;flex-direction:column;gap:.35rem}.character-count{color:var(--muted-dim);font-variant-numeric:tabular-nums}.text-field input,.text-field textarea,.select-field select{width:100%;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-2);color:var(--ink);font-size:.78rem;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.text-field input{min-height:2.45rem;padding:0 .7rem}.text-field textarea{min-height:4.6rem;padding:.65rem .7rem;line-height:1.48;resize:vertical}.text-field input:hover,.text-field textarea:hover,.select-field select:hover{border-color:var(--border-strong)}.text-field input:focus,.text-field textarea:focus,.select-field select:focus{border-color:var(--selection-border);background:var(--surface-3)}.range-field{display:flex;flex-direction:column;gap:.45rem}.range-field output{min-width:3.2rem;color:var(--ink-soft);font-size:.68rem;font-variant-numeric:tabular-nums;text-align:right}.range-field input{width:100%;height:1rem;margin:0;appearance:none;background:transparent;cursor:pointer}.range-field input::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--primary) 0 var(--range-progress),var(--surface-4) var(--range-progress) 100%)}.range-field input::-webkit-slider-thumb{width:.8rem;height:.8rem;margin-top:-.31rem;appearance:none;border:2px solid var(--ink);border-radius:50%;background:var(--primary);box-shadow:0 0 0 2px var(--surface-1)}.range-field input::-moz-range-track{height:3px;border:0;border-radius:999px;background:var(--surface-4)}.range-field input::-moz-range-progress{height:3px;border-radius:999px;background:var(--primary)}.range-field input::-moz-range-thumb{width:.8rem;height:.8rem;border:2px solid var(--ink);border-radius:50%;background:var(--primary)}.select-field{align-items:flex-start;flex-direction:column;gap:.35rem}.select-field select{min-height:2.45rem;padding:0 2.2rem 0 .7rem;color-scheme:inherit;cursor:pointer}.color-input-wrap{display:flex;align-items:center;gap:.45rem}.color-input-wrap input{width:2.1rem;height:1.8rem;padding:.12rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface-2);cursor:pointer}.color-input-wrap code{color:var(--ink-soft);font-family:Consolas,monospace;font-size:.67rem}.toggle-field{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.7rem;min-height:2.8rem;color:var(--ink-soft);cursor:pointer}.toggle-field>span:first-child{display:flex;flex-direction:column;gap:.1rem}.toggle-field strong{font-size:.74rem;font-weight:600}.toggle-field small{color:var(--muted);font-size:.65rem}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:2.3rem;height:1.25rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-3);transition:background .18s var(--ease-out),border-color .18s var(--ease-out)}.toggle-track span{position:absolute;top:.18rem;left:.18rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--muted);transition:transform .18s var(--ease-out),background .18s var(--ease-out)}.toggle-field input:checked~.toggle-track{border-color:var(--primary);background:var(--primary)}.toggle-field input:checked~.toggle-track span{transform:translate(1rem);background:#fff}.toggle-field input:focus-visible~.toggle-track{outline:2px solid var(--focus-ring);outline-offset:2px}.preset-list{display:flex;flex-wrap:wrap;gap:.45rem}.preset-list button{min-height:2.15rem;border:1px solid var(--border);border-radius:999px;padding:0 .72rem;background:var(--surface-2);color:var(--ink-soft);font-size:.68rem;cursor:pointer}.preset-list button:hover{border-color:var(--selection-border);color:var(--ink)}.image-preset-list{display:flex;flex-direction:column;gap:.65rem}.image-preset-card{overflow:hidden;border:1px solid var(--border);border-radius:.6rem;background:var(--surface-2);transition:border-color .16s var(--ease-out),background .16s var(--ease-out)}.image-preset-card:hover{border-color:var(--border-strong)}.image-preset-card.selected{border-color:var(--selection-border);background:var(--selection-surface)}.image-preset-visual{display:grid;grid-template-columns:1fr 1fr;width:100%;aspect-ratio:16 / 6.4;overflow:hidden;background:#000}.image-preset-visual>span{position:relative;min-width:0;background-position:center;background-size:cover}.image-preset-visual>span+span{border-left:1px solid var(--border-strong)}.image-preset-visual b{position:absolute;top:.38rem;left:.38rem;display:grid;place-items:center;width:1.15rem;height:1.15rem;border:1px solid oklch(1 0 0 / .24);border-radius:.3rem;background:#020202c7;color:#fff;font-size:.56rem;font-weight:700}.image-preset-copy{display:flex;flex-direction:column;gap:.14rem;padding:.58rem .65rem .5rem}.image-preset-copy>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.image-preset-copy strong{color:var(--ink-soft);font-size:.72rem;font-weight:650}.image-preset-copy>div>span{display:flex;align-items:center;gap:.18rem;color:var(--primary);font-size:.58rem}.image-preset-copy small{color:var(--muted);font-size:.62rem}.image-preset-actions{display:grid;grid-template-columns:.95fr 1fr 1fr;border-top:1px solid var(--border)}.image-preset-actions button{display:flex;align-items:center;justify-content:center;gap:.25rem;min-width:0;min-height:2.1rem;border:0;border-right:1px solid var(--border);background:transparent;color:var(--muted);font-size:.6rem;cursor:pointer;transition:background .14s var(--ease-out),color .14s var(--ease-out)}.image-preset-actions button:last-child{border-right:0}.image-preset-actions button:hover{background:var(--surface-3);color:var(--ink)}.image-preset-actions button:active{background:var(--surface-4)}.image-preset-actions .preset-preview-button[aria-pressed=true]{color:var(--primary)}.upload-slot{display:flex;flex-direction:column;gap:.38rem;cursor:pointer}.upload-slot>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload-slot-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.68rem}.upload-slot-heading strong{color:var(--ink-soft);font-weight:600}.upload-slot-heading span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--border);border-radius:.35rem;font-weight:700}.upload-preview{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16 / 8.5;overflow:hidden;border:1px solid var(--border);border-radius:.55rem;background-position:center;background-size:cover}.upload-preview:after{position:absolute;inset:0;background:#0101019e;opacity:0;content:"";transition:opacity .18s var(--ease-out)}.upload-preview>span{z-index:1;display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;border-radius:.4rem;background:var(--surface-2);color:var(--ink);font-size:.68rem;opacity:0;transform:translateY(4px);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.upload-slot:hover .upload-preview{border-color:var(--selection-border)}.upload-slot:hover .upload-preview:after,.upload-slot:hover .upload-preview>span,.upload-slot:focus-within .upload-preview:after,.upload-slot:focus-within .upload-preview>span{opacity:1;transform:translateY(0)}.alignment-group{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface-2)}.alignment-group>strong{color:var(--ember);font-size:.68rem;letter-spacing:.08em}.mode-list{display:flex;flex-direction:column;gap:.42rem;padding:1rem;border-bottom:1px solid var(--border)}.mode-list button{display:grid;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.6rem;min-height:3.5rem;border:1px solid var(--border);border-radius:.55rem;padding:.55rem .65rem;background:var(--surface-2);color:var(--muted);text-align:left;cursor:pointer;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out)}.mode-list button>span{display:flex;flex-direction:column;gap:.08rem}.mode-list button strong{color:var(--ink-soft);font-size:.76rem;font-weight:650}.mode-list button small{color:var(--muted);font-size:.62rem}.mode-list button em{color:var(--muted-dim);font-size:.57rem;font-style:normal;letter-spacing:.04em}.mode-list button:hover{border-color:var(--border-strong);background:var(--surface-3);color:var(--ink)}.mode-list button.selected{border-color:var(--selection-border);background:var(--selection-surface);color:var(--primary)}.mode-list button.selected strong{color:var(--ink)}.mode-list button.selected em{color:var(--primary)}.interaction-note{display:flex;align-items:flex-start;gap:.65rem;margin:1rem;padding:.8rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface-2);color:var(--ember)}.interaction-note p{display:flex;flex-direction:column;gap:.18rem;margin:0}.interaction-note strong{color:var(--ink-soft);font-size:.7rem}.interaction-note span{color:var(--muted);font-size:.65rem;line-height:1.5}.preview-workspace{grid-column:3;grid-row:2;display:grid;grid-template-rows:3rem minmax(0,1fr) 2.25rem;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem 0 .9rem;border-bottom:1px solid var(--border);background:var(--surface-1)}.preview-toolbar>div:first-child{display:flex;align-items:baseline;gap:.55rem}.preview-toolbar span{color:var(--muted-dim);font-size:.58rem;letter-spacing:.12em}.preview-toolbar strong{color:var(--ink-soft);font-size:.72rem}.device-switcher{display:flex;gap:.2rem;padding:.2rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg)}.device-switcher button{width:2rem;height:1.75rem;border-radius:.35rem}.device-switcher button.active{background:var(--surface-4);color:var(--primary)}.preview-canvas-area{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;padding:.7rem;background:var(--bg)}.preview-device{position:relative;max-width:100%;max-height:100%;overflow:hidden;border:1px solid var(--border);border-radius:.7rem;background:#000;container-type:size;transition:width .3s var(--ease-out),height .3s var(--ease-out)}.preview-device-desktop{width:100%;height:100%}.preview-device-tablet{width:auto;height:100%;aspect-ratio:3 / 4}.preview-device-mobile{width:auto;height:100%;aspect-ratio:390 / 844}.preview-statusbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 .8rem;border-top:1px solid var(--border);background:var(--surface-1);color:var(--muted-dim);font-size:.62rem;font-variant-numeric:tabular-nums}.preview-statusbar span{display:flex;align-items:center;gap:.35rem}.preview-statusbar span:first-child{color:var(--success)}.preview-statusbar span:last-child{justify-self:end}.preview-stage{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:var(--scene-background);cursor:crosshair;touch-action:none;--pointer-x: 62%;--pointer-y: 48%;--parallax-x: 0px;--parallax-y: 0px}.scene-layer,.erase-canvas{position:absolute;inset:-3%;width:106%;height:106%;background-repeat:no-repeat;will-change:transform,clip-path,mask-image}.scene-layer{z-index:1;transition:filter .18s var(--ease-out)}.scene-reveal{z-index:2}.erase-canvas{z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.scene-vignette{position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 52% 48%,transparent 16%,oklch(0 0 0 / .18) 64%,oklch(0 0 0 / var(--vignette-opacity)) 128%);pointer-events:none}.wave-glow{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,transparent 36%,color-mix(in oklab,var(--scene-accent) 12%,transparent),transparent 68%);mix-blend-mode:screen;pointer-events:none}.parallax-light{position:absolute;z-index:3;inset:0;background:radial-gradient(circle 36cqw at var(--pointer-x) var(--pointer-y),color-mix(in oklab,var(--scene-accent) 22%,transparent),transparent 68%);mix-blend-mode:screen;pointer-events:none}.scene-nav{position:absolute;z-index:7;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:clamp(.75rem,2.8cqw,2rem);color:#fff;font-size:clamp(.55rem,1.05cqw,.78rem);text-shadow:0 1px 18px black;pointer-events:none}.scene-nav strong{font-family:Georgia,serif;font-size:clamp(.8rem,1.45cqw,1.1rem);font-style:italic;font-weight:500}.scene-nav>div{display:flex;gap:clamp(.8rem,2.2cqw,1.6rem);color:#ffffffb3}.scene-nav-mark{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid oklch(1 0 0 / .36);border-radius:50%;font-size:.62rem}.scene-copy{position:absolute;z-index:7;left:clamp(1.1rem,7cqw,5.5rem);top:50%;width:min(39rem,68cqw);color:#fff;text-shadow:0 2px 28px oklch(0 0 0 / .72);transform:translateY(-43%);pointer-events:none}.scene-eyebrow{display:block;margin-bottom:clamp(.6rem,1.6cqw,1.15rem);color:var(--scene-accent);font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.48rem,.9cqw,.7rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase}.scene-copy h1{margin:0;font-family:var(--title-font);font-size:clamp(2rem,7cqw,var(--title-size));font-weight:500;line-height:.94;letter-spacing:-.035em;text-wrap:balance}.scene-copy h1 span{display:block}.scene-subtitle{margin:clamp(.75rem,1.8cqw,1.35rem) 0 0;font-size:clamp(.8rem,1.4cqw,1.05rem);font-weight:650}.scene-description{max-width:45ch;margin:.55rem 0 0;color:#ffffffc2;font-size:clamp(.64rem,1.05cqw,.82rem);line-height:1.6;text-wrap:pretty}.scene-copy button{display:inline-flex;align-items:center;gap:1rem;margin-top:clamp(.9rem,1.9cqw,1.45rem);border:0;border-radius:999px;padding:clamp(.58rem,1.1cqw,.78rem) clamp(.8rem,1.4cqw,1.1rem);background:var(--scene-primary);color:#fff;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.62rem,.95cqw,.78rem);font-weight:700}.scene-copy button span{font-size:1rem}.scene-hint{position:absolute;z-index:7;right:clamp(1rem,3cqw,2.5rem);bottom:clamp(1rem,3cqw,2.1rem);display:flex;align-items:center;gap:.5rem;color:#ffffffa6;font-size:clamp(.55rem,.85cqw,.7rem);letter-spacing:.05em;pointer-events:none}.toast{position:fixed;z-index:60;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.65rem;max-width:min(26rem,calc(100vw - 2rem));min-height:3rem;border:1px solid var(--border-strong);border-radius:.65rem;padding:.7rem .9rem;background:var(--surface-3);color:var(--ink);font-size:.76rem;animation:toast-in .26s var(--ease-out)}.toast>span{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;font-weight:800}.toast-success>span{background:var(--success-surface);color:var(--success)}.toast-error>span{background:var(--danger-surface);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}.mobile-scrim{display:none}@container (max-width: 31rem){.scene-nav>div{display:none}.scene-copy{top:auto;bottom:11cqh;width:calc(100% - 2.2rem);transform:none}.scene-copy h1{font-size:clamp(2rem,11cqw,4rem)}.scene-description{max-width:34ch}.scene-hint{right:auto;left:1.1rem;bottom:1rem}}@media(max-width:86rem){:root{--panel-width: 16.75rem;--rail-width: 3.5rem}.brand-lockup{padding-inline:.75rem}.brand-lockup strong{font-size:.7rem}.mode-list button em{display:none}}@media(max-width:68rem){.studio-shell,.studio-shell.effects-panel-collapsed{grid-template-columns:var(--rail-width) minmax(0,1fr)}.brand-lockup{width:auto;min-width:11.5rem;border-right:0}.project-breadcrumb,.offline-status{display:none}.mobile-panel-button{display:flex!important;width:auto!important;padding:0 .6rem;gap:.35rem}.mobile-panel-button span{font-size:.68rem}.image-preset-actions button{min-height:2.75rem}.preview-workspace{grid-column:2}[data-panel=left],[data-panel=right]{position:fixed;top:var(--toolbar-height);bottom:0;z-index:42;display:block;width:min(21rem,calc(100vw - 3.5rem));transition:transform .26s var(--ease-out);pointer-events:none}.studio-shell.effects-panel-collapsed [data-panel=right]{opacity:1}[data-panel=left]{left:var(--rail-width);transform:translate(-110%)}[data-panel=right]{right:0;transform:translate(110%)}[data-panel=left].mobile-panel-open,[data-panel=right].mobile-panel-open{transform:translate(0);pointer-events:auto}.left-inspector{border-right:1px solid var(--border-strong)}.right-inspector{border-left:1px solid var(--border-strong)}.mobile-close{display:grid;place-items:center}.mobile-scrim{position:fixed;inset:var(--toolbar-height) 0 0 var(--rail-width);z-index:40;display:block;background:#00000094;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out)}.mobile-scrim.visible{opacity:1;pointer-events:auto}}@media(max-width:44rem){:root{--toolbar-height: 3.35rem;--rail-width: 3.35rem}.brand-lockup{min-width:auto;padding:0 .55rem}.brand-lockup strong{display:none}.toolbar-actions{gap:.15rem;padding-right:.4rem}.toolbar-actions>button:not(.export-button){width:2rem;height:2rem}.toolbar-actions>button:nth-child(-n+2){display:none}.mobile-panel-button span{display:none}.export-button{min-width:2.4rem;width:2.4rem;padding:0}.export-button span{display:none}.preview-workspace{grid-template-rows:2.75rem minmax(0,1fr) 2rem}.preview-toolbar>div:first-child span{display:none}.preview-canvas-area{padding:.4rem}.preview-statusbar{grid-template-columns:1fr auto}.preview-statusbar span:nth-child(2){display:none}.tool-rail{padding-inline:.25rem}.tool-rail button{width:2.75rem}.tool-rail button span{display:none}.preview-device-tablet,.preview-device-mobile{max-width:100%}}@media(pointer:coarse){.tool-rail button,.mode-list button,.preset-list button,.image-preset-actions button{min-height:2.75rem}.section-action{min-width:2.75rem;min-height:2.75rem;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scene-layer{will-change:auto}}