@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efefef;--canvas:#efefef;--surface:#fff;--hover:#f4f5f8;--pressed:#eceef3;--ink:#1f2328;--ink-2:#4a4f57;--muted:#8a8f98;--faint:#b2b7bf;--line:#e6e7eb;--field-line:#e4e7ec;--accent:#3d52e5;--accent-hover:#2f43d1;--accent-soft:#eef0fd;--accent-ring:#3d52e538;--success:#12945a;--danger:#ef4a4a;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--shadow-sm:0 1px 2px #16181d0a,0 4px 14px #16181d0a;--shadow-md:0 2px 6px #16181d0d,0 12px 32px #16181d14;--shadow-lg:0 6px 16px #16181d0f,0 30px 80px #16181d29;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.35,.64,1);--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:-.01em;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}button,input,select{font:inherit}button{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}.material-symbols-outlined{white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{stroke-opacity:.5}50%{stroke-opacity:1}}@keyframes flash{0%{opacity:.5}to{opacity:0}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ring-done{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}::view-transition-group(*){animation-duration:.38s;animation-timing-function:var(--ease)}.button{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;height:36px;transition:background .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease);border:0;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.button:active:not(:disabled){transform:scale(.98)}.button-accent{color:#fff;background:var(--accent)}.button-accent:hover:not(:disabled){background:var(--accent-hover)}.button-soft{color:var(--ink);background:var(--hover);box-shadow:inset 0 0 0 1px var(--line)}.button-block{width:100%}.button-large{height:44px;font-size:15px}.button:disabled{cursor:not-allowed;opacity:.45}.topbar{border-bottom:1px solid var(--line);background:var(--surface);grid-area:top;align-items:center;gap:16px;height:56px;padding:0 12px 0 16px;display:flex}.topbar-left,.topbar-right{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.topbar-right{justify-content:flex-end}.brand-mark{background:linear-gradient(135deg,#a26bff 0%,#7b3ff2 45%,#4b5bff 100%);border-radius:8px;flex:none;width:28px;height:28px;box-shadow:inset 0 1px #ffffff40,0 1px 2px #4b28b44d}.topbar-link{border-radius:var(--r-md);cursor:pointer;height:32px;transition:background .15s var(--ease);background:0 0;border:0;padding:0 10px;font-size:14px;font-weight:600}.topbar-link:hover{background:var(--hover)}.topbar-sep{background:var(--line);width:1px;height:20px}.studio-title{text-overflow:ellipsis;white-space:nowrap;padding:0 6px;font-size:14px;font-weight:600;overflow:hidden}.topbar-chip{height:28px;color:var(--muted);background:var(--hover);border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.search{border-radius:var(--r-md);height:38px;color:var(--muted);background:var(--hover);transition:box-shadow .15s var(--ease),background .15s var(--ease);flex:0 440px;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:inset 0 0 0 1px #0000}.search:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 3px var(--accent-ring)}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.search input::placeholder{color:var(--faint)}.studio-root{background:var(--bg);height:100dvh;min-height:760px;overflow:hidden}.home{grid-template-rows:56px minmax(0,1fr);grid-template-areas:"top""main";height:100%;display:grid}.home-note{color:var(--muted)}.hero{border-radius:var(--r-lg);color:#fff;text-align:center;max-width:1200px;height:168px;animation:rise .45s var(--ease)both;background:radial-gradient(120% 140% at 0 0,#9b5cff 0%,#0000 55%),radial-gradient(120% 140% at 100% 100%,#3d6bff 0%,#0000 55%),linear-gradient(120deg,#7b3ff2,#5a4cf5);align-content:center;place-items:center;gap:6px;margin:0 auto 20px;display:grid;position:relative;overflow:hidden}.hero p{color:#ffffffdb;font-size:15px}.pill-row{max-width:1200px;animation:rise .45s var(--ease)40ms both;justify-content:center;gap:6px;margin:0 auto 24px;display:flex}.pill{height:32px;color:var(--ink-2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease);border:0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.pill:hover{background:var(--hover)}.section-head{align-items:baseline;gap:8px;max-width:1200px;margin:0 auto 12px;display:flex}.section-head h2{font-size:16px;font-weight:700}.section-head span{color:var(--faint);font-size:13px;font-weight:600}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px 16px;max-width:1200px;margin:0 auto;display:grid}.gallery-card{cursor:pointer;text-align:left;animation:rise .45s var(--ease)both;animation-delay:calc(var(--i,0)*40ms + 80ms);background:0 0;border:0;padding:0}.gallery-media{aspect-ratio:16/10;border-radius:var(--r-md);background:var(--pressed);box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease),transform .2s var(--ease);display:block;position:relative;overflow:hidden}.gallery-media img,.gallery-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gallery-media video{opacity:0;transition:opacity .25s var(--ease)}.gallery-media video[data-visible=true]{opacity:1}.gallery-card:hover .gallery-media{box-shadow:var(--shadow-md);transform:translateY(-2px)}.gallery-card:focus-visible{outline:none}.gallery-card:focus-visible .gallery-media{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.gallery-copy{flex-direction:column;gap:1px;padding:8px 2px 0;display:flex}.gallery-copy strong{font-size:14px;font-weight:600}.gallery-copy span{color:var(--muted);font-size:12px}.editor{grid-template:"top top top"56px"rail panel stage"minmax(0,1fr)/72px auto minmax(0,1fr);height:100%;display:grid}.tool-rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;grid-area:rail;gap:2px;padding:8px 6px;display:flex}.rail-tab{border-radius:var(--r-md);color:var(--muted);cursor:pointer;transition:color .15s var(--ease);background:0 0;border:0;justify-items:center;gap:4px;padding:8px 0 7px;font-size:11px;font-weight:600;display:grid}.rail-tab-icon{border-radius:var(--r-md);width:40px;height:32px;transition:background .15s var(--ease),color .15s var(--ease);place-items:center;display:grid}.rail-tab:hover{color:var(--ink)}.rail-tab:hover .rail-tab-icon{background:var(--hover)}.rail-tab[data-active=true]{color:var(--accent)}.rail-tab[data-active=true] .rail-tab-icon{color:var(--accent);background:var(--accent-soft)}.side-panel{border-right:1px solid var(--line);background:var(--surface);width:320px;min-height:0;animation:slide-in .22s var(--ease);grid-area:panel;position:relative}.panel-body{scrollbar-width:thin;height:100%;animation:fade .2s var(--ease);padding:16px;overflow-y:auto}.panel-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title-row .panel-title{margin:0}.panel-group{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.panel-label{color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:700}.panel-note{color:var(--muted);align-items:center;gap:6px;margin:2px 0 14px;font-size:13px;display:flex}.panel-group .panel-note{margin:8px 0 0}.panel-collapse{z-index:5;border:1px solid var(--line);border-radius:0 var(--r-md)var(--r-md)0;width:13px;height:64px;color:var(--muted);background:var(--surface);cursor:pointer;border-left:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:-13px;transform:translateY(-50%)}.panel-collapse:hover{color:var(--ink)}.mockup-grid{grid-template-columns:1fr 1fr;gap:12px 8px;display:grid}.mockup-tile{cursor:pointer;text-align:left;background:0 0;border:0;gap:6px;padding:0;font-size:12px;font-weight:600;display:grid}.mockup-tile img{aspect-ratio:16/10;border-radius:var(--r-md);object-fit:cover;width:100%;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-sm);transition:box-shadow .15s var(--ease),transform .15s var(--ease)}.mockup-tile:hover img{box-shadow:var(--shadow-md);transform:translateY(-1px)}.mockup-tile span{text-overflow:ellipsis;white-space:nowrap;padding:0 2px;overflow:hidden}.status-pill{color:var(--muted);background:var(--hover);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.status-pill[data-on=true]{color:var(--success);background:#12945a1a}.dropzone{border-radius:var(--r-lg);cursor:pointer;text-align:center;width:100%;transition:border-color .15s var(--ease),background .15s var(--ease);background:0 0;border:1.5px dashed #d4d6dd;justify-items:center;gap:4px;margin-top:12px;padding:28px 12px;display:grid}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone-icon{border-radius:var(--r-lg);width:44px;height:44px;color:var(--accent);background:var(--accent-soft);transition:transform .25s var(--spring);place-items:center;margin-bottom:4px;display:grid}.dropzone:hover .dropzone-icon{background:var(--surface);transform:translateY(-2px)}.dropzone strong{font-size:14px;font-weight:600}.dropzone>span:last-child{color:var(--muted);font-size:12px}.artwork-card{animation:pop .3s var(--ease);gap:1px;margin-top:12px;display:grid}.artwork-preview{aspect-ratio:16/10;border-radius:var(--r-md);background:var(--hover);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}.artwork-preview img,.artwork-preview video{object-fit:cover;width:100%;height:100%}.artwork-remove{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;opacity:0;transition:opacity .15s var(--ease);background:#ffffffeb;border:0;place-items:center;display:grid;position:absolute;top:6px;right:6px}.artwork-preview:hover .artwork-remove,.artwork-remove:focus-visible{opacity:1}.artwork-card>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:13px;font-weight:600;overflow:hidden}.artwork-card>span{color:var(--muted);font-size:12px}.control-label{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.control-label output{border-radius:var(--r-sm);min-width:48px;color:var(--ink-2);background:var(--hover);font-variant-numeric:tabular-nums;text-align:center;padding:2px 6px;font-size:12px;font-weight:600}.field-pair{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.field label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.field input{border-radius:var(--r-md);width:100%;height:34px;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;transition:box-shadow .15s var(--ease);border:0;outline:0;padding:0 10px;font-size:13px}.field input:hover{box-shadow:inset 0 0 0 1px #cfd2d9}.field input:focus{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 3px var(--accent-ring)}.field input:disabled{opacity:.5}.segmented{grid-template-columns:repeat(var(--count),1fr);border-radius:var(--r-md);background:var(--hover);min-width:132px;box-shadow:inset 0 0 0 1px var(--line);padding:2px;display:grid;position:relative}.segmented-thumb{width:calc((100% - 4px)/var(--count));border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px #0e13180f;transform:translateX(calc(100%*var(--index)));transition:transform .28s var(--spring);position:absolute;top:2px;bottom:2px;left:2px}.segmented button{z-index:1;height:28px;color:var(--muted);cursor:pointer;transition:color .15s var(--ease);background:0 0;border:0;padding:0 12px;font-size:13px;font-weight:600;position:relative}.segmented button[data-active=true]{color:var(--ink)}.segmented button:disabled{cursor:not-allowed}.segmented:has(button:disabled){opacity:.5}input[type=range]{--progress:0%;cursor:pointer;appearance:none;background:0 0;width:100%;height:20px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent)var(--progress),#dfe1e6 var(--progress));border-radius:999px;height:4px}input[type=range]::-moz-range-track{background:#dfe1e6;border-radius:999px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;transition:transform .15s var(--spring),box-shadow .15s var(--ease);-webkit-appearance:none;background:#fff;border:0;border-radius:50%;margin-top:-6px;box-shadow:0 0 0 1px #0e13181f,0 1px 4px #0e131833}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #0e13181f,0 1px 4px #0e131833}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.stage-shell{background:var(--canvas);grid-area:stage;grid-template-rows:48px minmax(0,1fr) 52px;min-width:0;min-height:0;display:grid;position:relative}.context-bar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:6px;padding:0 12px;display:flex}.context-sep{background:var(--line);width:1px;height:20px;margin:0 4px}.context-spacer{flex:1}.context-button{border-radius:var(--r-md);height:32px;color:var(--ink-2);cursor:pointer;transition:background .15s var(--ease);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.context-button:hover:not(:disabled){background:var(--hover)}.context-button:disabled{cursor:not-allowed;opacity:.4}.stage-viewport{place-items:center;min-height:0;padding:32px 40px;display:grid;position:relative}.stage-canvas-wrap{width:min(100%,1040px);max-height:100%;aspect-ratio:var(--stage-aspect,16/9);transition:box-shadow .25s var(--ease);background:#dcdde2;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0e131814,0 12px 40px #0e13181a}.stage-canvas-wrap[data-dragging=true]{box-shadow:0 0 0 2px var(--accent),0 0 0 6px var(--accent-ring),0 12px 40px #0e13181f}.stage-canvas-wrap>*{width:100%;height:100%}.stage-add{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.stage-add>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage-add-label{border-radius:var(--r-md);color:#fff;background:var(--accent);height:36px;transition:transform .2s var(--spring),background .15s var(--ease);align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 6px 20px #5b28c859}.placed-flash{pointer-events:none;animation:flash .5s var(--ease)both;background:#fff;position:absolute;inset:0}.stage-drop-overlay{z-index:20;color:#fff;pointer-events:none;animation:fade .12s var(--ease);background:#7b3ff28c;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}.transport{border-top:1px solid var(--line);background:var(--surface);align-items:center;gap:14px;padding:0 16px 0 10px;display:flex}.play-button{border-radius:var(--r-md);width:34px;height:34px;color:var(--ink);cursor:pointer;transition:background .15s var(--ease);background:0 0;border:0;flex:0 0 34px;place-items:center;display:grid}.play-button:disabled{opacity:.4;cursor:not-allowed}.transport-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600}.modal-backdrop{z-index:100;animation:fade .15s var(--ease);background:#0e131866;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border-radius:var(--r-lg);background:var(--surface);width:min(400px,100%);box-shadow:var(--shadow-lg);animation:pop .25s var(--ease);padding:28px 24px 20px;position:relative}.modal-close{border-radius:var(--r-md);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover:not(:disabled){color:var(--ink);background:var(--hover)}.modal-close:disabled{opacity:.35;cursor:not-allowed}.export-hero{text-align:center;justify-items:center;display:grid}.export-hero h2{letter-spacing:-.015em;margin-top:14px;font-size:18px;font-weight:700}.export-hero p{color:var(--muted);margin-top:4px;font-size:13px}.export-icon{border-radius:var(--r-lg);width:48px;height:48px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.ring{width:96px;height:96px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--hover);stroke-width:8px}.ring-fill{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .3s var(--ease),stroke .3s var(--ease)}.ring-check{fill:none;stroke:var(--success);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;transform-origin:60px 60px;animation:draw .4s var(--ease).12s both;transform:rotate(90deg)}.ring-label{font-variant-numeric:tabular-nums;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;inset:0}.export-hero[data-done=true] .ring-fill{stroke:var(--success)}.export-hero[data-done=true] .ring{animation:ring-done .45s var(--spring)}.export-spec{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:1fr 1fr;margin-top:20px;display:grid;overflow:hidden}.export-spec div{padding:10px 12px}.export-spec div:nth-child(odd){border-right:1px solid var(--line)}.export-spec div:nth-child(-n+2){border-bottom:1px solid var(--line)}.export-spec span{color:var(--muted);font-size:12px;display:block}.export-spec strong{font-size:13px;font-weight:600;display:block}.export-note{color:var(--muted);text-align:center;margin-top:14px;font-size:13px}.export-error{border-radius:var(--r-md);color:var(--danger);background:#e0352b14;margin-top:14px;padding:10px 12px;font-size:13px}.modal-actions{gap:6px;margin-top:20px;display:grid}.export-fineprint{color:var(--faint);text-align:center;margin-top:14px;font-size:11.5px;line-height:1.45}.toast-stack{z-index:120;pointer-events:none;justify-items:center;gap:6px;width:min(460px,100vw - 32px);display:grid;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-md);color:#fff;background:var(--ink);box-shadow:var(--shadow-md);animation:pop .25s var(--ease);align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}.toast[data-tone=success] svg{color:#4ade80}.toast[data-tone=error] svg{color:#ff8a80}.desktop-gate{background:var(--bg);place-items:center;min-height:100dvh;padding:32px;display:none}.desktop-gate-inner{text-align:center;max-width:420px}.desktop-gate h1{letter-spacing:-.02em;margin:0 0 10px;font-size:24px}.desktop-gate p{color:var(--muted);font-size:15px;line-height:1.6}html[data-studio-browser=unsupported] .studio-root{display:none}html[data-studio-browser=unsupported] .desktop-gate{display:grid}.topbar{border-bottom-color:var(--line);height:64px;padding:0 16px 0 20px}.home,.editor{grid-template-rows:64px minmax(0,1fr)}.brand-mark{background:linear-gradient(145deg,#6f7ef4,#3d52e5 55%,#3243cf);border-radius:50%;width:30px;height:30px;position:relative;box-shadow:0 2px 6px #3d52e54d}.brand-mark:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}.brand-name{letter-spacing:-.02em;font-size:17px;font-weight:700}.search{border-radius:var(--r-md);background:var(--hover);height:44px}.button{border-radius:16px;height:44px;padding:0 20px;font-size:15px;font-weight:600}.button-accent:disabled{box-shadow:none}.button-soft{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--field-line)}.button-soft:hover:not(:disabled){background:var(--hover)}.hero{border-radius:var(--r-xl);background:radial-gradient(70% 140% at 0 0,#ffffff47,#0000 60%),radial-gradient(60% 120% at 100% 100%,#1246be59,#0000 65%),linear-gradient(120deg,#5466f0 0%,#3d52e5 55%,#3243cf 100%);height:200px}.hero h1{letter-spacing:-.03em;font-size:36px;font-weight:800}.hero p{color:#ffffffe6;font-size:17px;font-weight:500}.pill{background:var(--surface);height:40px;box-shadow:inset 0 0 0 1.5px var(--field-line);padding:0 18px;font-size:14px}.pill[data-active=true]{color:#fff;background:var(--accent);box-shadow:0 6px 14px #3d52e547}.section-head h2{letter-spacing:-.02em;font-size:20px}.gallery-grid{gap:28px 20px}.gallery-media{border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.tool-rail{gap:6px;width:auto;padding:12px 8px}.rail-tab{font-size:12px}.panel-title{letter-spacing:-.025em;margin-bottom:18px;font-size:22px;font-weight:700}.panel-group{border-radius:var(--r-lg);background:var(--hover);border:0;margin-top:16px;padding:18px}.panel-label{color:var(--muted);margin-bottom:14px;font-size:13px}.panel-group+.field-pair,.panel-group+.control{margin-top:20px}.segmented{background:var(--pressed);min-width:150px;box-shadow:none;border-radius:16px;padding:4px}.segmented-thumb{width:calc((100% - 8px)/var(--count));border-radius:12px;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #16181d1a}.segmented button{height:36px;padding:0 16px;font-size:14px;font-weight:600}.mockup-tile{font-size:13px}.dropzone{border-radius:var(--r-lg);background:var(--hover);border:2px dashed #d9dde3;margin-top:16px;padding:36px 16px}.dropzone:hover{background:var(--accent-soft)}.dropzone-icon{background:var(--surface);width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:18px}.dropzone>span:last-child{font-size:13px}.artwork-card{border-radius:var(--r-lg);background:var(--hover);margin-top:16px;padding:12px}.artwork-remove{border-radius:10px;width:32px;height:32px}.control-label output{color:#fff;background:var(--ink);border-radius:10px;min-width:54px;padding:4px 9px;font-size:13px}input[type=range]::-webkit-slider-thumb{background:var(--accent);width:22px;height:22px;margin-top:-7px;box-shadow:0 0 0 4px #fff,0 3px 10px #16181d40}input[type=range]::-moz-range-thumb{background:var(--accent);width:22px;height:22px;box-shadow:0 0 0 4px #fff,0 3px 10px #16181d40}.field input{border-radius:var(--r-md);height:48px;box-shadow:inset 0 0 0 1.5px var(--field-line);text-align:center;padding:0 14px;font-size:16px;font-weight:600}.stage-add-label{border-radius:16px;height:44px;padding:0 18px;font-size:15px;box-shadow:0 10px 24px #3d52e566}.stage-add polygon{fill:#3d52e524}.stage-drop-overlay{background:#3d52e580}.play-button{color:#fff;background:var(--accent);border-radius:50%;flex-basis:44px;width:44px;height:44px;box-shadow:0 6px 14px #3d52e54d}.play-button:hover:not(:disabled){background:var(--accent-hover)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16181d52}.modal-close{background:var(--hover);border-radius:50%;width:38px;height:38px}.export-spec{box-shadow:none;gap:8px;overflow:visible}.export-spec div{background:var(--hover);border-radius:16px;padding:14px 16px;border:0!important}.export-spec span{font-size:13px}.export-fineprint{font-size:12px}.editor{background:var(--bg);gap:12px;padding:12px}.home{background:var(--bg);gap:0;padding:12px 12px 0}.topbar,.tool-rail,.side-panel,.stage-shell{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);border:0}.topbar{border-bottom:0}.tool-rail{border-right:0;padding:12px 8px}.side-panel{border-right:0;overflow:hidden}.stage-shell{overflow:hidden}.context-bar{border-bottom:1px solid var(--line)}.stage-viewport{background:var(--canvas)}.panel-collapse{box-shadow:var(--shadow-sm);border:0;border-radius:0 10px 10px 0;right:-12px}.home-scroll{padding-top:20px}body{font-size:14px}.editor{grid-template-rows:52px minmax(0,1fr);grid-template-columns:64px auto minmax(0,1fr);gap:10px;padding:10px}.home{grid-template-rows:52px minmax(0,1fr);padding:10px 10px 0}.topbar,.tool-rail,.side-panel,.stage-shell{border-radius:18px}.topbar{height:52px;padding:0 10px 0 14px}.brand-mark{width:24px;height:24px}.brand-mark:after{inset:7px}.brand-name{font-size:15px}.topbar-link{border-radius:10px;height:32px;padding:0 10px;font-size:14px}.studio-title{font-size:14px}.topbar-chip{height:28px;padding:0 10px;font-size:12px}.search{border-radius:10px;height:36px}.search input{font-size:14px}.button{border-radius:11px;height:36px;padding:0 14px;font-size:14px}.button-large{border-radius:13px;height:44px;font-size:15px}.button-accent{box-shadow:0 4px 12px #3d52e540}.tool-rail{gap:2px;padding:8px 6px}.rail-tab{gap:3px;padding:6px 0;font-size:11px}.rail-tab-icon{border-radius:10px;width:40px;height:32px}.side-panel{width:280px}.panel-body{padding:16px 14px}.panel-title{letter-spacing:-.015em;margin-bottom:14px;font-size:16px}.panel-title-row{margin-bottom:14px}.panel-group{border-radius:14px;margin-top:12px;padding:14px}.panel-label{margin-bottom:10px;font-size:12px}.panel-note{font-size:12px}.status-pill{padding:3px 9px;font-size:12px}.mockup-grid{gap:12px 8px}.mockup-tile{gap:5px;font-size:12px}.mockup-tile img{border-radius:10px}.mockup-tile[data-active=true] img{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.dropzone{border-radius:14px;margin-top:12px;padding:24px 12px}.dropzone-icon{border-radius:12px;width:40px;height:40px}.dropzone strong{font-size:14px}.artwork-card{border-radius:14px;margin-top:12px;padding:8px}.artwork-preview{border-radius:10px}.artwork-card>strong{font-size:13px}.artwork-card>span{font-size:12px}.segmented{border-radius:11px;min-width:120px;padding:3px}.segmented-thumb{width:calc((100% - 6px)/var(--count));border-radius:8px;top:3px;bottom:3px;left:3px}.segmented button{height:28px;padding:0 12px;font-size:13px}.control{margin-bottom:16px}.control-label{margin-bottom:6px;font-size:13px}.control-label output{border-radius:7px;min-width:44px;padding:2px 7px;font-size:12px}input[type=range]{height:20px}input[type=range]::-webkit-slider-runnable-track{height:6px}input[type=range]::-moz-range-track{height:6px}input[type=range]::-moz-range-progress{height:6px}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;box-shadow:0 0 0 3px #fff,0 2px 6px #16181d40}input[type=range]::-moz-range-thumb{width:16px;height:16px;box-shadow:0 0 0 3px #fff,0 2px 6px #16181d40}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--accent-ring),0 2px 6px #16181d40}.field label{margin-bottom:5px;font-size:12px}.field input{border-radius:10px;height:36px;font-size:14px}.stage-shell{grid-template-rows:48px minmax(0,1fr) 52px}.context-bar{gap:6px;padding:0 10px}.context-button{border-radius:9px;height:32px;padding:0 10px;font-size:13px}.context-sep{height:18px}.stage-viewport{padding:28px 40px;container-type:size}.stage-canvas-wrap{width:min(100cqw,980px,calc(100cqh*var(--stage-ratio,1.7778)));border-radius:10px;max-height:none}.stage-add-label{border-radius:11px;height:36px;padding:0 14px;font-size:13px}.transport{gap:12px;padding:0 16px 0 10px}.play-button{flex-basis:34px;width:34px;height:34px;box-shadow:0 3px 8px #3d52e547}.transport-time{font-size:12px}.hero{border-radius:20px;height:150px}.pill{height:32px;padding:0 14px;font-size:13px}.section-head h2{font-size:17px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px 14px}.gallery-media{border-radius:14px}.gallery-copy strong{font-size:14px}.gallery-copy span{font-size:12px}.modal-card{border-radius:20px;width:min(380px,100%);padding:28px 22px 20px}.modal-close{width:30px;height:30px}.export-hero h2{font-size:19px}.export-hero p{font-size:13px}.export-icon{border-radius:14px;width:48px;height:48px}.export-spec div{border-radius:12px;padding:10px 12px}.export-spec strong{font-size:14px}.toast{border-radius:12px;padding:9px 14px;font-size:13px}.home{grid-template-rows:minmax(0,1fr);grid-template-columns:232px minmax(0,1fr);gap:10px;height:100%;padding:10px;display:grid}.home-side{background:var(--surface);min-height:0;box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;padding:18px 12px;display:flex}.home-side .brand{align-items:center;gap:10px;padding:0 8px 16px;display:flex}.brand-mark{flex:none;display:inline-block}.side-card ol{list-style:decimal}.side-label{color:var(--muted);margin:6px 10px 8px;font-size:12px;font-weight:600}.side-nav{gap:2px;display:grid;overflow-y:auto}.side-link{height:38px;color:var(--ink-2);cursor:pointer;text-align:left;transition:background .15s var(--ease),color .15s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;display:flex;position:relative}.side-link:hover{background:var(--hover)}.side-link[data-active=true]{color:var(--accent);background:var(--accent-soft);font-weight:600}.side-link[data-active=true]:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}.side-count{min-width:22px;color:var(--ink-2);background:var(--pressed);text-align:center;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:12px;font-weight:600}.side-link[data-active=true] .side-count{color:#fff;background:var(--accent)}.side-card{background:var(--hover);border-radius:14px;margin-top:auto;padding:14px;font-size:13px}.side-card strong{font-size:14px}.side-card ol{color:var(--ink-2);margin:8px 0 10px;padding-left:18px;line-height:1.75}.side-card>span{color:var(--muted);align-items:flex-start;gap:6px;font-size:12px;line-height:1.45;display:flex}.side-card>span svg{flex:none;margin-top:1px}.home-main{background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow-sm);border-radius:18px;grid-template-rows:60px minmax(0,1fr);display:grid;overflow:hidden}.home-top{border-bottom:1px solid var(--line);align-items:center;padding:0 18px;display:flex}.home-top .search{flex:0 380px}.home-scroll{padding:20px 24px 36px;overflow-y:auto}.hero{text-align:center;border-radius:18px;align-content:center;place-items:center;gap:4px;max-width:none;height:auto;margin:0;padding:26px 20px 20px;display:grid}.hero h1{font-size:26px}.hero p{font-size:14px}.hero-shapes{gap:22px;margin-top:16px;display:flex}.hero-shape{color:#fff;cursor:pointer;background:0 0;border:0;justify-items:center;gap:6px;font-size:12px;font-weight:600;display:grid}.hero-shape-icon{width:46px;height:46px;transition:background .15s var(--ease),transform .2s var(--spring);background:#ffffff29;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #fff6}.hero-shape:hover .hero-shape-icon{background:#ffffff47;transform:translateY(-2px)}.hero-shape[data-active=true] .hero-shape-icon{color:var(--accent);background:#fff;box-shadow:0 6px 16px #0a287840}.pill-row{display:none}.home-section{margin-top:26px}.home-section .section-head{align-items:baseline;gap:8px;max-width:none;margin:0 0 12px;display:flex}.see-all{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:14px;font-weight:600}.see-all:hover{text-underline-offset:3px;text-decoration:underline}.gallery-row{scrollbar-width:thin;grid-auto-columns:minmax(220px,250px);grid-auto-flow:column;gap:16px;padding:2px 2px 8px;display:grid;overflow-x:auto}.home-section .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:none}.gallery-play{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:40px;height:40px;transition:opacity .2s var(--ease);background:#00000040;border-radius:50%;place-items:center;margin:-20px 0 0 -20px;padding-left:2px;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1.5px #ffffffd9}.gallery-card:hover .gallery-play,.gallery-card:focus-visible .gallery-play{opacity:0}.home,.editor{background:var(--surface);border-radius:22px;gap:0;height:calc(100% - 24px);margin:12px;padding:0;overflow:hidden;box-shadow:0 2px 6px #1e3c8c0d,0 24px 60px #1e3c8c1a}.home-side,.home-main{box-shadow:none;border-radius:0}.home-side{border-right:1px solid var(--line)}.editor{grid-template:"top top top"68px"left stage right"minmax(0,1fr)/272px minmax(0,1fr) 300px;display:grid}.editor .topbar{height:68px;box-shadow:none;border-bottom:1px solid var(--line);border-radius:0;grid-area:top;padding:0 16px}.editor .side-panel{width:auto;box-shadow:none;border-right:1px solid var(--line);border-radius:0;grid-area:left;animation:none}.editor .stage-shell{box-shadow:none;border-radius:0;grid-area:stage;grid-template-rows:minmax(0,1fr) 56px}.editor .tool-rail,.panel-collapse{display:none}.icon-back{width:36px;height:36px;color:var(--ink-2);background:var(--hover);cursor:pointer;transition:background .15s var(--ease);border:0;border-radius:10px;place-items:center;display:grid}.icon-back:hover{background:var(--pressed)}.title-block{min-width:0;margin-left:4px;line-height:1.25;display:grid}.title-block .studio-title{padding:0;font-size:15px;font-weight:600}.title-block small{color:var(--accent);font-size:12px;font-weight:500}.tool-buttons{gap:4px;display:flex}.tool-button{min-width:64px;height:52px;color:var(--ink-2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease);background:0 0;border:0;border-radius:12px;justify-items:center;gap:3px;padding:6px 10px;font-size:12px;font-weight:500;display:grid}.tool-button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.tool-button:disabled{cursor:not-allowed;opacity:.35}.stage-viewport{background-color:#f6f7fa;background-image:radial-gradient(circle,#d3d8e0 1.2px,#0000 1.4px);background-size:24px 24px}.transport{border-top:1px solid var(--line)}.props-panel{border-left:1px solid var(--line);background:var(--surface);scrollbar-width:thin;grid-area:right;min-height:0;overflow-y:auto}.props-scroll{padding:18px 16px 24px}.props-panel .panel-body{height:auto;padding:0;animation:none;overflow:visible}.props-section+.props-section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.props-heading{margin:18px 0 10px;font-size:14px;font-weight:600}.button-outline{color:var(--accent);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent)}.button-outline:hover:not(:disabled){background:var(--accent-soft)}.artwork-card{background:0 0;margin-top:0;padding:0}.artwork-card .button-outline{margin-top:12px}.dropzone{margin-top:0}.fit-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fit-tile{color:var(--ink-2);background:var(--hover);cursor:pointer;transition:background .15s var(--ease),box-shadow .15s var(--ease),color .15s var(--ease);border:0;border-radius:14px;justify-items:center;gap:7px;padding:12px 8px 10px;font-size:13px;font-weight:500;display:grid;box-shadow:inset 0 0 0 1.5px #0000}.fit-tile:hover:not(:disabled){background:var(--pressed)}.fit-tile[data-active=true]{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.fit-tile:disabled{cursor:not-allowed;opacity:.5}.fit-glyph{background:#dde2ea;border-radius:7px;width:48px;height:34px;position:relative;overflow:hidden}.fit-glyph:after{content:"";background:var(--accent);opacity:.8;border-radius:4px;position:absolute}.fit-glyph[data-fit=contain]:after{inset:5px 13px}.fit-glyph[data-fit=cover]:after{border-radius:0;inset:-3px}.editor .stage-shell{grid-template-rows:minmax(0,1fr) auto}.stage-viewport{position:relative;overflow:hidden}.stage-canvas-wrap{transform:scale(var(--stage-zoom,1));transition:transform .2s var(--ease),box-shadow .25s var(--ease)}.history-buttons{border-left:1px solid var(--line);gap:2px;margin-left:10px;padding-left:10px;display:flex}.icon-ghost{width:34px;height:34px;color:var(--ink-2);cursor:pointer;transition:background .15s var(--ease);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.icon-ghost:hover:not(:disabled){background:var(--hover)}.icon-ghost:disabled{cursor:not-allowed;opacity:.3}.selection{z-index:6;pointer-events:none;transition:opacity .2s var(--ease);position:absolute;inset:0}.selection[data-hidden=true]{opacity:0}.selection[data-hidden=true] *{pointer-events:none!important}.selection svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.selection-shape{fill:#0000;stroke:var(--accent);stroke-width:2px;cursor:move;pointer-events:all}.selection-shape:hover{fill:#3d52e50f}.selection-handle{border:2px solid var(--accent);cursor:nwse-resize;pointer-events:all;width:12px;height:12px;transition:transform .15s var(--spring);background:#fff;border-radius:3px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 1px 4px #16181d33}.selection-handle:nth-of-type(2),.selection-handle:nth-of-type(4){cursor:nesw-resize}.selection-handle:hover{transform:scale(1.25)}.zoom-controls{z-index:10;background:var(--surface);box-shadow:var(--shadow-md);border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:14px;right:14px}.zoom-controls button{min-width:30px;height:30px;color:var(--ink-2);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:9px;place-items:center;padding:0 6px;font-size:12px;font-weight:600;display:grid}.zoom-controls button:hover:not(:disabled){background:var(--hover)}.zoom-controls button:disabled{opacity:.35;cursor:not-allowed}.zoom-value{min-width:50px!important}.timeline{border-top:1px solid var(--line);background:var(--surface);gap:8px;padding:10px 14px 12px;display:grid}.timeline-bar{align-items:center;gap:12px;display:flex}.timeline-hint{color:var(--faint);margin-left:auto;font-size:12px}.timeline-tracks{grid-template-columns:84px minmax(0,1fr);gap:8px;display:grid}.timeline-labels{color:var(--muted);grid-template-rows:18px 44px 30px;gap:6px;font-size:12px;font-weight:600;display:grid}.timeline-labels span{align-items:center;gap:6px;display:flex}.timeline-area{grid-template-rows:18px 44px 30px;gap:6px;min-width:0;display:grid;position:relative}.timeline-ruler{border-bottom:1px solid var(--line);position:relative}.timeline-ruler span{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:0;transform:translate(-50%)}.timeline-ruler span:first-child{transform:none}.timeline-ruler span:last-child{transform:translate(-100%)}.timeline-lane{background:var(--hover);border-radius:10px;position:relative;overflow:hidden}.lane-video{box-shadow:inset 0 0 0 1px var(--line);display:flex}.lane-video img{object-fit:cover;flex:1 1 0;min-width:0;height:100%}.lane-clip{height:100%;box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft);border-radius:10px;display:flex;position:relative;overflow:hidden}.lane-clip-fill{opacity:.9;background-repeat:repeat-x;background-size:auto 100%;flex:1}.lane-clip-strip{flex:1;display:flex}.lane-clip-strip img{object-fit:cover;flex:1 1 0;min-width:0;height:100%}.lane-clip-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#16181db8;border-radius:6px;max-width:60%;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:50%;left:8px;overflow:hidden;transform:translateY(-50%)}.lane-empty{width:100%;height:100%;color:var(--muted);cursor:pointer;background:0 0;border:1.5px dashed #d4d8df;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.lane-empty:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.timeline-scrub{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:68px;margin:0;position:absolute;top:0;left:0}.timeline-playhead{top:0;bottom:0;left:var(--progress,0%);z-index:4;background:var(--accent);pointer-events:none;border-radius:2px;width:2px;margin-left:-1px;position:absolute}.timeline-playhead:before{content:"";background:var(--accent);border-radius:3px 3px 6px 6px;width:12px;height:12px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #3d52e566}.studio-root{background:var(--surface)}.home,.editor{height:100%;box-shadow:none;border-radius:0;margin:0}.toast-stack{bottom:200px}.editor{grid-template-columns:76px 300px minmax(0,1fr);grid-template-areas:"top top top""rail left stage"}.editor .tool-rail{border-right:1px solid var(--line);box-shadow:none;border-radius:0;flex-direction:column;grid-area:rail;gap:4px;padding:12px 8px;display:flex}.editor .side-panel{grid-area:left;overflow-y:auto}.editor .side-panel .panel-body{height:auto;padding:0;animation:none;overflow:visible}.editor .side-panel .props-scroll{animation:fade .2s var(--ease);padding:18px 16px 24px}.stage-viewport{background:#f2f3f6;padding:32px 48px}.stage-canvas-wrap{border-radius:12px;box-shadow:0 1px 2px #16181d0f,0 18px 48px #16181d1f}.stage-add polygon{fill:#ffffff38;stroke:#fff;stroke-width:2px;stroke-dasharray:none;animation:none}.stage-add-label{height:40px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:999px;padding:0 16px;box-shadow:0 6px 20px #16181d2e}.stage-add-label svg{color:var(--accent)}.stage-add:hover .stage-add-label{background:#fff;transform:translateY(-1px)scale(1.03)}.zoom-controls{border-radius:999px;bottom:16px;right:16px;box-shadow:0 1px 2px #16181d0f,0 6px 18px #16181d1a}.zoom-controls button{border-radius:999px}.timeline{background:var(--surface);gap:6px;padding:10px 16px 14px}.timeline-hint{display:none}.timeline-tracks{grid-template-columns:28px minmax(0,1fr);gap:10px}.timeline-labels{grid-template-rows:16px 40px 26px}.timeline-labels span{color:var(--faint);justify-content:center;font-size:0}.timeline-labels span svg{width:16px;height:16px}.timeline-area{grid-template-rows:16px 40px 26px}.timeline-ruler{border-bottom:0}.timeline-ruler span{color:var(--faint);font-size:10px}.timeline-lane{border-radius:8px}.lane-video{box-shadow:none}.lane-video img{opacity:.95}.lane-clip{box-shadow:inset 0 0 0 2px var(--accent);border-radius:8px}.lane-empty{background:var(--hover);border:0;border-radius:8px;font-weight:500}.timeline-scrub{height:88px}.timeline-playhead{background:var(--ink);width:2px}.timeline-playhead:before{background:var(--ink);border-radius:50%;width:10px;height:10px;top:-4px;box-shadow:0 0 0 3px #fff,0 2px 6px #16181d40}.slot-picker{gap:10px;margin-bottom:16px;display:grid}.slot-toggle{background:var(--pressed);border-radius:11px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.slot-toggle button{height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:12px;font-weight:600}.slot-toggle button[data-active=true]{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px #0e13180f}.slot-chips{flex-wrap:wrap;gap:6px;display:flex}.slot-chip{height:32px;color:var(--ink-2);background:var(--hover);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 10px 0 4px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1.5px #0000}.slot-chip[data-active=true]{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.slot-chip-thumb{width:24px;height:24px;color:var(--muted);background:var(--surface);border-radius:7px;place-items:center;display:grid;overflow:hidden}.slot-chip-thumb img{object-fit:cover;width:100%;height:100%}.slot-outlines{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.slot-outlines polygon{fill:#ffffff0f;stroke:#fff;stroke-width:1.5px;stroke-dasharray:5 4;cursor:pointer;pointer-events:all;filter:drop-shadow(0 1px 2px #00000080);transition:fill .15s}.slot-outlines polygon[data-filled=true]{fill:#0000;stroke-opacity:.7}.slot-outlines polygon:hover{fill:#3d52e52e;stroke:var(--accent);stroke-dasharray:none}.sheet-scrim,.sheet-grabber,.hint-touch{display:none}@media (hover:none){.hint-pointer{display:none}.hint-touch{display:inline}}@media (max-width:760px){.studio-root{min-height:0}.hide-compact{display:none}.topbar{gap:8px;height:52px;padding:0 10px}.topbar-chip,.topbar-sep,.editor .brand-mark,.home .brand-name{display:none}.topbar-link{padding:0 8px}.studio-title{padding:0 2px}.search{flex:auto;height:36px}.home .topbar-left{flex:none}.home .topbar-right{display:none}.home{grid-template-rows:52px minmax(0,1fr)}.home-scroll{padding:12px 12px 32px}.hero{height:112px;margin-bottom:14px;padding:0 16px}.hero p{font-size:13px}.pill-row{scrollbar-width:none;justify-content:flex-start;margin:0 -12px 18px;padding:0 12px;overflow-x:auto}.pill{flex:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.gallery-copy strong{font-size:13px}.editor,.home{height:100%;box-shadow:none;border-radius:0;gap:0;margin:0;padding:0}.editor .topbar{height:52px;padding:0 10px}.editor .stage-shell{grid-template-rows:minmax(0,1fr) auto}.tool-buttons,.title-block small,.history-buttons,.zoom-controls,.timeline-hint{display:none}.timeline{gap:6px;padding:8px 10px}.timeline-tracks{grid-template-columns:minmax(0,1fr)}.timeline-labels,.timeline-ruler,.lane-art{display:none}.timeline-area{grid-template-rows:32px}.timeline-scrub{height:32px}.editor .tool-rail{grid-area:rail;display:flex}.editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""stage""rail"}.editor .tool-rail{border-right:0;border-top:1px solid var(--line);flex-direction:row}.editor .side-panel,.props-panel{display:none}.editor .side-panel[data-open=true],.props-panel[data-open=true]{z-index:40;max-height:min(62dvh,520px);animation:sheet-up .28s var(--ease);border:0;border-radius:16px 16px 0 0;display:block;position:fixed;bottom:60px;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 32px #0e131829}.props-panel[data-section=adjust] .props-section[data-section=artwork],.props-panel[data-section=artwork] .props-section[data-section=adjust]{display:none}.props-panel .props-section+.props-section{border-top:0;margin-top:0;padding-top:0}.props-scroll{padding:4px 16px 20px}.home{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.home-side{display:none}.home-main{box-shadow:none;border-radius:0;grid-template-rows:56px minmax(0,1fr)}.home-top{padding:0 12px}.home-top .search{flex:auto}.pill-row{display:flex}.hero{height:auto;padding:20px 12px 16px}.hero h1{font-size:22px}.hero-shapes{gap:14px}.gallery-row{grid-auto-columns:minmax(150px,170px);gap:10px}.home-section .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.tool-rail,.stage-shell{box-shadow:none;border-radius:0}.topbar{border-bottom:1px solid var(--line)}.editor{grid-template:"top"52px"stage"minmax(0,1fr)"rail"60px/minmax(0,1fr)}.tool-rail{padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0;flex-direction:row;justify-content:space-around}.rail-tab{flex:1;padding:4px 0}.rail-tab-icon{height:28px}.sheet-scrim{z-index:39;animation:fade .2s var(--ease);background:#0e131847;border:0;display:block;position:fixed;inset:0 0 60px}.side-panel{z-index:40;width:auto;max-height:min(62dvh,520px);animation:sheet-up .28s var(--ease);border-right:0;border-radius:16px 16px 0 0;position:fixed;bottom:60px;left:0;right:0;box-shadow:0 -8px 32px #0e131829}.panel-body{max-height:min(62dvh,520px);padding:8px 16px 20px}.sheet-grabber{background:#d4d6dd;border-radius:999px;width:36px;height:4px;margin:8px auto 4px;display:block}.panel-collapse{display:none}.mockup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-shell{grid-template-rows:48px minmax(0,1fr) 52px}.context-bar{scrollbar-width:none;padding:0 8px;overflow-x:auto}.context-bar>*{flex:none}.context-spacer{flex:1 0 4px}.context-bar .segmented{min-width:104px}.context-button{padding:0 8px}.stage-viewport{padding:16px 12px}.stage-add-label{height:34px;padding:0 12px;font-size:13px}.modal-backdrop{place-items:end stretch;padding:0}.modal-card{width:100%;padding:24px 20px calc(16px + env(safe-area-inset-bottom));animation:sheet-up .3s var(--ease);border-radius:16px 16px 0 0}.toast-stack{bottom:170px}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.theme-toggle{width:36px;height:36px;color:var(--ink-2);background:var(--hover);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease);border:0;border-radius:10px;flex:none;place-items:center;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--pressed)}.home-top{justify-content:space-between;gap:12px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121316;--canvas:#121316;--surface:#1b1c20;--hover:#1f2228;--pressed:#272b32;--ink:#eceef2;--ink-2:#c9ccd3;--muted:#8d939d;--faint:#636974;--line:#262a31;--field-line:#30353d;--accent:#5b6cff;--accent-hover:#7483ff;--accent-soft:#5b6cff29;--accent-ring:#5b6cff52;--success:#3ccf86;--danger:#ff6b66;--shadow-sm:0 1px 2px #0006,0 4px 14px #00000040;--shadow-md:0 2px 6px #0006,0 12px 32px #00000073;--shadow-lg:0 6px 16px #00000073,0 30px 80px #0009}:root[data-theme=dark] .studio-root,:root[data-theme=dark] body{background:var(--surface)}:root[data-theme=dark] .stage-viewport{background:#0e1013}:root[data-theme=dark] .stage-canvas-wrap{background:#1b1e23;box-shadow:0 1px 2px #00000080,0 18px 48px #0000008c}:root[data-theme=dark] .control-label output,:root[data-theme=dark] .toast{color:#111318}:root[data-theme=dark] .toast{background:#eceef2}:root[data-theme=dark] .timeline-playhead,:root[data-theme=dark] .timeline-playhead:before{background:var(--ink)}:root[data-theme=dark] input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent)var(--progress),#333841 var(--progress))}:root[data-theme=dark] input[type=range]::-moz-range-track{background:#333841}:root[data-theme=dark] input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--surface),0 2px 6px #00000080}:root[data-theme=dark] .fit-glyph{background:#2b3038}:root[data-theme=dark] .dropzone{border-color:#343943}:root[data-theme=dark] .hero-shape[data-active=true] .hero-shape-icon{background:#fff}:root[data-theme=dark] .zoom-controls,:root[data-theme=dark] .modal-card{background:var(--surface)}:root[data-theme=dark] .modal-backdrop{background:#0000008c}:root[data-theme=dark] .gallery-media,:root[data-theme=dark] .mockup-tile img{box-shadow:0 0 0 1px var(--line)}:root[data-theme=dark] .status-pill[data-on=true]{background:#3ccf8624}:root[data-theme=dark] .export-error{background:#ff6b661f}.selection-rotate-stem{background:var(--accent);pointer-events:none;width:1.5px;height:22px;margin:-22px 0 0 -.75px;position:absolute}.selection-rotate{border:2px solid var(--accent);cursor:grab;pointer-events:all;width:14px;height:14px;transition:transform .15s var(--spring);background:#fff;border-radius:50%;margin:-29px 0 0 -7px;position:absolute;box-shadow:0 1px 4px #16181d40}.selection-rotate:hover{transform:scale(1.2)}.hero{background:radial-gradient(60% 140% at 0 0,#ffffff1f,#0000 60%),linear-gradient(120deg,#4b5ef0 0%,#3d52e5 55%,#3243cf 100%);border-radius:12px}.ring,.ring svg{box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.ring{width:104px;height:104px}.ring-track{stroke:currentColor}@supports (color:color-mix(in lab, red, red)){.ring-track{stroke:color-mix(in srgb,currentColor 12%,transparent)}}.ring-track,.ring-fill{stroke-width:6px}.ring-label{letter-spacing:-.01em;font-size:20px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root{--cv-canvas:#efefef;--cv-panel:#fff;--cv-line:#e6e7eb;--cv-line-soft:#eff0f2;--cv-field:#f4f5f7;--cv-hover:#f3f4f6;--cv-ink:#1f2328;--cv-ink-2:#4a4f57;--cv-muted:#8a8f98;--cv-faint:#b9bdc4;--cv-accent:#3d52e5;--cv-accent-hover:#2f43d1;--cv-accent-soft:#eef0fd;--cv-accent-line:#c9cff8;--cv-tip:#1f2328;--cv-shadow:0 1px 2px #11141a0a, 0 2px 10px #11141a0d;--cv-shadow-pop:0 4px 10px #11141a0f, 0 16px 40px #11141a1f;--cv-radius:12px;--cv-gap:12px;--cv-font:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{--cv-canvas:#121316;--cv-panel:#1b1c20;--cv-line:#2a2c31;--cv-line-soft:#24262a;--cv-field:#24262b;--cv-hover:#26282d;--cv-ink:#eceef1;--cv-ink-2:#c3c7ce;--cv-muted:#8b9099;--cv-faint:#5b6068;--cv-accent:#5b6cff;--cv-accent-hover:#7483ff;--cv-accent-soft:#5b6cff29;--cv-accent-line:#5b6cff73;--cv-tip:#000;--cv-shadow:0 1px 2px #0006, 0 2px 10px #0000004d;--cv-shadow-pop:0 4px 10px #0006, 0 16px 40px #00000080}.cv-editor{color:var(--cv-ink);background:var(--cv-canvas);font-family:var(--cv-font);letter-spacing:-.005em;font-size:13px;position:fixed;inset:0;overflow:hidden}.cv-editor button,.cv-editor input,.cv-editor select{font:inherit;color:inherit}.cv-editor :focus-visible{outline:2px solid var(--cv-accent);outline-offset:1px}.cv-slot-upload{z-index:12;color:#fff;height:40px;font:inherit;white-space:nowrap;opacity:0;pointer-events:none;cursor:pointer;background:#7c3aed;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:13px;font-weight:600;transition:opacity .15s,transform .15s,filter .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px -6px #00000073}.cv-editor .cv-slot-upload{color:#fff;font-size:13px;font-weight:600}.cv-slot-upload svg{color:#fff}.cv-slot-upload:hover{filter:brightness(1.1);transform:translate(-50%,-50%)scale(1.04)}.cv-slot-upload[data-visible=true],.cv-slot-upload:focus-visible{opacity:1;pointer-events:auto}.cv-panel{background:var(--cv-panel);border:1px solid var(--cv-line);border-radius:var(--cv-radius);box-shadow:var(--cv-shadow)}.infinite-canvas{touch-action:none;cursor:default;position:absolute;inset:0;overflow:hidden}.infinite-canvas[data-tool=hand]{cursor:grab}.infinite-canvas[data-tool=hand] .cv-artboard *{cursor:grab!important}.infinite-canvas[data-panning=true],.infinite-canvas[data-panning=true] *{cursor:grabbing!important}.infinite-canvas-world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.cv-artboard{position:absolute}.cv-artboard-head{width:calc(100% * var(--zoom,1));margin-bottom:calc(6px / var(--zoom,1));transform:scale(calc(1 / var(--zoom,1)));transform-origin:0 100%;height:22px;color:var(--cv-muted);cursor:pointer;white-space:nowrap;background:#e4e5e8;border-radius:5px;align-items:center;gap:8px;padding:0 4px 0 8px;font-size:11px;font-weight:500;transition:background .15s,color .15s;display:flex;position:absolute;bottom:100%;left:0}:root[data-theme=dark] .cv-artboard-head{background:#222429}.cv-artboard[data-selected=true] .cv-artboard-head{color:var(--cv-accent);background:var(--cv-accent-soft)}.cv-artboard-name{text-overflow:ellipsis;color:inherit;overflow:hidden}.cv-artboard-size{color:var(--cv-faint);font-variant-numeric:tabular-nums}.cv-artboard-actions{gap:1px;margin-left:auto;display:flex}.cv-artboard-actions button{width:20px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.cv-artboard-actions button:hover:not(:disabled){color:var(--cv-ink);background:#0000000f}.cv-artboard-actions button:disabled{opacity:.35;cursor:default}.cv-artboard-body{border-radius:var(--cv-radius);background:#fff;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #11141a0f,0 2px 8px #11141a0d}.cv-artboard-body>*{width:100%;height:100%}.cv-artboard-body[data-live=false]{cursor:pointer}.cv-artboard-body[data-live=false]>:first-child{pointer-events:none}.cv-artboard:not([data-selected=true]) .cv-artboard-body:hover{box-shadow:0 0 0 1.5px var(--cv-accent-line), 0 2px 8px #11141a0d}.cv-artboard .stage-add-label{color:#fff;background:var(--cv-accent);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:500;box-shadow:0 6px 18px #3d52e559}.cv-artboard .stage-add-label svg{color:#fff}.cv-artboard .stage-add:hover .stage-add-label{background:var(--cv-accent-hover)}.cv-artboard .stage-add polygon{fill:#3d52e51f;stroke:#fff;stroke-dasharray:6 5}.cv-artboard .stage-drop-overlay{background:#3d52e573}.cv-artboard .selection-shape,.cv-artboard .selection-shape:hover{stroke:none;fill:#0000}.cv-artboard .selection-handle,.cv-artboard .selection-rotate,.cv-artboard .selection-rotate-stem{display:none}.cv-artboard .selection-handle{border:1.5px solid var(--cv-accent);width:9px;height:9px;box-shadow:none;background:#fff;border-radius:1.5px;margin:-4.5px 0 0 -4.5px}.cv-artboard .selection-rotate{border-color:var(--cv-accent);border-width:1.5px}.cv-artboard .selection-rotate-stem{background:var(--cv-accent);width:1px}.cv-top{top:var(--cv-gap);z-index:20;gap:8px;display:flex;position:absolute}.cv-top-left{left:var(--cv-gap)}.cv-top-right{right:var(--cv-gap)}.cv-pill{background:var(--cv-panel);border:1px solid var(--cv-line);border-radius:var(--cv-radius);height:44px;box-shadow:var(--cv-shadow);align-items:center;gap:2px;padding:0 6px;display:flex}.cv-sep{background:var(--cv-line);width:1px;height:20px;margin:0 6px}.cv-icon-button{width:30px;height:30px;color:var(--cv-ink-2);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;padding:0;transition:background .12s,color .12s;display:grid}.cv-icon-button:hover:not(:disabled){color:var(--cv-ink);background:var(--cv-hover)}.cv-icon-button:disabled{opacity:.35;cursor:default}.cv-icon-button[aria-expanded=true]{color:var(--cv-accent);background:var(--cv-accent-soft)}.cv-logo{height:32px;color:var(--cv-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 4px 0 6px;display:flex}.cv-logo-mark{color:#8a9098;border:2px solid #9aa0a8;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.cv-menu-wrap{position:relative}.cv-menu{min-width:200px;box-shadow:var(--cv-shadow-pop);animation:pop .14s var(--ease) both;padding:6px;position:absolute;top:calc(100% + 10px);left:46px}.cv-top:has(.cv-menu){z-index:30}.cv-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;height:34px;padding:0 10px;display:flex}.cv-menu button:hover{background:var(--cv-hover)}.cv-saved{color:#22a565;place-items:center;width:26px;display:grid}.cv-project-name{background:0 0;border:1px solid #0000;border-radius:7px;outline:none;width:150px;height:30px;padding:0 8px;font-weight:500}.cv-project-name:hover{border-color:var(--cv-line)}.cv-project-name:focus{border-color:var(--cv-accent);background:var(--cv-panel)}.cv-zoom{height:30px;color:var(--cv-ink-2);border-radius:7px;align-items:center;display:flex;position:relative}.cv-zoom:hover{background:var(--cv-hover)}.cv-zoom select{font-variant-numeric:tabular-nums;appearance:none;cursor:pointer;background:0 0;border:0;outline:none;width:64px;height:30px;padding:0 18px 0 8px;font-weight:500}.cv-zoom select option{color:#1f2328}.cv-zoom svg{pointer-events:none;position:absolute;right:4px}.cv-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.cv-button:disabled{opacity:.45;cursor:not-allowed}.cv-button-primary{color:#fff;background:var(--cv-accent)}.cv-button-primary:hover:not(:disabled){background:var(--cv-accent-hover)}.cv-button-outline{height:28px;color:var(--cv-accent);border-color:var(--cv-accent-line);background:var(--cv-panel);padding:0 10px;font-size:12px;font-weight:500}.cv-button-outline:hover:not(:disabled){border-color:var(--cv-accent);background:var(--cv-accent-soft)}.cv-button-soft{color:var(--cv-ink-2);background:var(--cv-field);font-weight:500}.cv-button-soft:hover:not(:disabled){background:var(--cv-hover);color:var(--cv-ink)}.cv-button-block{width:100%}.cv-rail{z-index:20;top:68px;left:var(--cv-gap);flex-direction:column;justify-content:space-between;align-items:center;gap:18px;width:52px;padding:8px 0;display:flex;position:absolute}.cv-rail-group{flex-direction:column;align-items:center;gap:6px;display:flex}.cv-rail-group+.cv-rail-group{border-top:1px solid var(--cv-line);padding-top:12px}.cv-rail-button{width:36px;height:36px;color:var(--cv-ink-2);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;place-items:center;padding:0;transition:background .12s,color .12s,border-color .12s;display:grid;position:relative}.cv-rail-button:hover{color:var(--cv-ink);background:var(--cv-hover)}.cv-rail-button[data-corner=true]:before{content:"";opacity:.45;border-bottom:4px solid;border-left:4px solid #0000;position:absolute;bottom:5px;right:5px}.cv-flyout{z-index:19;top:68px;left:calc(var(--cv-gap) + 52px + 8px);width:300px;max-height:640px;box-shadow:var(--cv-shadow-pop);animation:slide-in .16s var(--ease) both;flex-direction:column;display:flex;position:absolute;bottom:220px}.cv-flyout-head{border-bottom:1px solid var(--cv-line);align-items:center;gap:10px;height:48px;padding:0 10px 0 14px;display:flex}.cv-flyout-head h2{flex:1;font-size:14px;font-weight:600}.cv-grip{color:var(--cv-faint);cursor:grab}.cv-flyout-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px;display:flex;overflow-y:auto}.cv-back{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:flex}.cv-search{height:34px;color:var(--cv-muted);background:var(--cv-field);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.cv-search input{min-width:0;height:100%;color:var(--cv-ink);background:0 0;border:0;outline:none;flex:1}.cv-search:focus-within{box-shadow:0 0 0 1.5px var(--cv-accent)}.cv-lib-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cv-lib-tile{cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s ease;background:#eef0fd;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;font-weight:500;display:flex}.cv-lib-tile[data-tone=blue]{background:#e8f3fb}.cv-lib-tile span{color:#fff;background:linear-gradient(135deg,#6f7ef4,#4b5ce8);border-radius:8px;place-items:center;width:64px;height:40px;display:grid}.cv-lib-tile[data-tone=blue] span{background:linear-gradient(135deg,#4fb0e8,#2e86d3)}.cv-lib-tile:hover{box-shadow:0 0 0 1.5px var(--cv-accent-line);transform:translateY(-1px)}:root[data-theme=dark] .cv-lib-tile{background:#5b6cff24}:root[data-theme=dark] .cv-lib-tile[data-tone=blue]{background:#4fb0e824}.cv-eyebrow{color:var(--cv-ink);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.cv-lib-group{flex-direction:column;gap:8px;display:flex}.cv-lib-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.cv-lib-item{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:0;display:flex;position:relative}.cv-lib-item img{aspect-ratio:4/3;object-fit:cover;background:var(--cv-field);width:100%;box-shadow:0 0 0 1px var(--cv-line);border-radius:8px;transition:box-shadow .12s}.cv-lib-item:hover img,.cv-lib-item[data-placed=true] img{box-shadow:0 0 0 2px var(--cv-accent)}.cv-lib-badge{width:20px;height:20px;color:var(--cv-ink);opacity:0;background:#fffffff2;border-radius:6px;place-items:center;transition:opacity .12s;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 1px 3px #0003}.cv-lib-item:hover .cv-lib-badge,.cv-lib-item[data-placed=true] .cv-lib-badge{opacity:1}.cv-lib-item[data-placed=true] .cv-lib-badge{color:#fff;background:var(--cv-accent)}.cv-lib-name{color:var(--cv-ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cv-upload-item{background:var(--cv-field);border-radius:8px;align-items:center;gap:10px;padding:6px;display:flex}.cv-upload-item img,.cv-upload-item video{object-fit:cover;border-radius:6px;width:48px;height:48px}.cv-upload-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cv-shortcuts{flex-direction:column;gap:2px;margin:0;display:flex}.cv-shortcuts div{border-bottom:1px solid var(--cv-line-soft);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.cv-shortcuts dt{color:var(--cv-ink-2)}.cv-shortcuts dd{color:var(--cv-muted);align-items:center;gap:3px;margin:0;font-size:11px;display:flex}.cv-shortcuts kbd{border:1px solid var(--cv-line);min-width:20px;color:var(--cv-ink-2);background:var(--cv-field);font:600 11px var(--cv-font);text-align:center;border-bottom-width:2px;border-radius:5px;padding:2px 5px}.cv-right{z-index:18;top:68px;right:var(--cv-gap);bottom:var(--cv-gap);flex-direction:column;width:272px;display:flex;position:absolute;overflow:hidden}.cv-tabs{border-bottom:1px solid var(--cv-line);flex:none;grid-template-columns:repeat(3,1fr);display:grid}.cv-tabs button{height:42px;color:var(--cv-muted);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:600;position:relative}.cv-tabs button:hover,.cv-tabs button[data-active=true]{color:var(--cv-ink)}.cv-tabs button[data-active=true]:after{content:"";background:var(--cv-accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.cv-right-body{flex:1;min-height:0;animation:.15s both fade;overflow:hidden auto}.cv-section{border-bottom:1px solid var(--cv-line-soft);padding:4px 14px 12px}.cv-section-head{justify-content:space-between;align-items:center;min-height:36px;display:flex}.cv-section-head>button:first-child{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;height:36px;padding:0;font-size:12px;font-weight:600;display:flex}.cv-section-head>button:first-child:disabled{cursor:default}.cv-section[data-open=false]{padding-bottom:4px}.cv-section-body{flex-direction:column;gap:10px;animation:.15s both fade;display:flex}.cv-note{color:var(--cv-muted);align-items:flex-start;gap:6px;font-size:12px;line-height:1.45;display:flex}.cv-note svg{flex:none;margin-top:2px}.cv-drop{border:1.5px dashed var(--cv-accent-line);width:100%;color:var(--cv-muted);background:var(--cv-accent-soft);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;margin-top:10px;padding:20px 12px 16px;font-size:12px;transition:border-color .15s,transform .15s;display:flex}.cv-drop strong{color:var(--cv-accent);font-size:13px;font-weight:600}.cv-drop:hover{border-color:var(--cv-accent);transform:translateY(-1px)}.cv-drop:hover .cv-drop-icon{transform:translateY(-2px)}.cv-drop-icon{color:#fff;background:var(--cv-accent);width:36px;height:36px;box-shadow:0 4px 12px -4px var(--cv-accent);border-radius:10px;place-items:center;margin-bottom:8px;transition:transform .15s;display:grid}.cv-drop>span:not(.cv-drop-icon):not(.cv-drop-formats){color:var(--cv-muted);font-size:11.5px}.cv-drop-formats{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px;display:flex}.cv-drop-formats em{color:var(--cv-muted);background:var(--cv-panel);letter-spacing:.03em;border-radius:5px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:600}.cv-facts{flex-direction:column;gap:6px;margin:0;display:flex}.cv-facts div{justify-content:space-between;gap:8px;font-size:12px;display:flex}.cv-facts dt{color:var(--cv-muted)}.cv-facts dd{text-align:right;margin:0;font-weight:500}.cv-media{grid-template-columns:96px 1fr;gap:10px;display:grid}.cv-media-thumb{background:repeating-conic-gradient(var(--cv-field) 0 25%, var(--cv-panel) 0 50%) 0 0 / 12px 12px;height:96px;box-shadow:inset 0 0 0 1px var(--cv-line);border-radius:8px;place-items:center;display:grid;overflow:hidden}.cv-media-thumb img,.cv-media-thumb video{object-fit:contain;max-width:100%;max-height:100%}.cv-media-side{flex-direction:column;gap:5px;min-width:0;display:flex}.cv-media-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.cv-media-meta{color:var(--cv-muted);margin-top:-3px;font-size:11px}.cv-segment{background:var(--cv-field);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:grid}.cv-segment button{height:26px;color:var(--cv-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:12px;font-weight:500}.cv-segment button:hover:not(:disabled){color:var(--cv-ink)}.cv-segment button[data-active=true]{color:var(--cv-ink);background:var(--cv-panel);box-shadow:0 1px 2px #00000014}.cv-field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.cv-field{background:var(--cv-field);border-radius:7px;align-items:center;gap:6px;min-width:0;height:30px;padding:0 8px;font-size:12px;display:flex}.cv-field:focus-within{box-shadow:0 0 0 1.5px var(--cv-accent);background:var(--cv-panel)}.cv-field-prefix{color:var(--cv-muted);place-items:center;font-size:11px;font-weight:500;display:grid}.cv-field input{font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0}.cv-field input::-webkit-inner-spin-button{display:none}.cv-field-suffix{color:var(--cv-faint);font-size:11px}.cv-slider{flex-direction:column;gap:4px;display:flex}.cv-slider label{color:var(--cv-ink-2);justify-content:space-between;font-size:12px;display:flex}.cv-slider output{color:var(--cv-muted);font-variant-numeric:tabular-nums}.cv-slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.cv-slider input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--cv-accent) var(--progress), var(--cv-line) var(--progress));border-radius:3px;height:3px}.cv-slider input::-webkit-slider-thumb{appearance:none;border:2px solid var(--cv-accent);background:#fff;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 1px 3px #00000026}.cv-slider input::-moz-range-track{background:linear-gradient(to right, var(--cv-accent) var(--progress), var(--cv-line) var(--progress));border-radius:3px;height:3px}.cv-slider input::-moz-range-thumb{border:2px solid var(--cv-accent);background:#fff;border-radius:50%;width:10px;height:10px}.cv-slider[data-disabled=true]{opacity:.45}.cv-layer-list,.cv-page-list{flex-direction:column;gap:2px;margin:0;padding:8px;list-style:none;display:flex}.cv-layer-list button,.cv-layer-static{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;height:40px;padding:0 8px;display:flex}.cv-layer-static{cursor:default;color:var(--cv-muted)}.cv-layer-list button:hover{background:var(--cv-hover)}.cv-layer-list button[data-active=true]{color:var(--cv-accent);background:var(--cv-accent-soft)}.cv-layer-thumb{width:26px;height:26px;color:var(--cv-muted);background:var(--cv-field);border-radius:6px;place-items:center;display:grid;overflow:hidden}.cv-layer-thumb img{object-fit:cover;width:100%;height:100%}.cv-layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.cv-layer-kind{color:var(--cv-muted);font-size:11px}.cv-page-list li{border-radius:8px;align-items:center;gap:4px;padding-right:4px;display:flex}.cv-page-list li:hover{background:var(--cv-hover)}.cv-page-list li[data-active=true]{background:var(--cv-accent-soft)}.cv-page{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.cv-page-index{width:14px;color:var(--cv-muted);text-align:right;font-size:11px}.cv-page img{object-fit:cover;width:52px;height:36px;box-shadow:0 0 0 1px var(--cv-line);border-radius:5px}.cv-page-list li[data-active=true] img{box-shadow:0 0 0 2px var(--cv-accent)}.cv-page-text{flex-direction:column;min-width:0;display:flex}.cv-page-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.cv-page-text span{color:var(--cv-muted);font-size:11px}.cv-timeline{z-index:17;left:var(--cv-gap);right:calc(var(--cv-gap) + 272px + 8px);bottom:var(--cv-gap);flex-direction:column;display:flex;position:absolute}.cv-timeline-handle{width:28px;height:28px;color:var(--cv-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:transform .2s;display:grid}.cv-timeline-handle:hover{color:var(--cv-ink);background:#ffffff0f}.cv-timeline[data-open=false] .cv-timeline-handle svg{transform:rotate(180deg)}.cv-timeline-bar{justify-content:space-between;align-items:center;height:44px;padding:0 12px;display:flex;position:relative}.cv-timeline[data-open=true] .cv-timeline-bar{border-bottom:1px solid var(--cv-line)}.cv-timeline-pages{align-items:center;gap:10px;min-width:0;display:flex}.cv-timeline-page{max-width:220px;color:var(--cv-ink-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:500;display:flex;overflow:hidden}.cv-timeline-page[data-active=true]{color:var(--cv-accent)}.cv-timeline-divider{background:var(--cv-line);width:1px;height:20px}.cv-timeline-time{color:var(--cv-muted);font-variant-numeric:tabular-nums}.cv-transport{gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.cv-transport button{border:1px solid var(--cv-line);width:28px;height:28px;color:var(--cv-ink-2);background:var(--cv-panel);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.cv-transport button:hover:not(:disabled){color:var(--cv-ink);border-color:var(--cv-faint)}.cv-transport button[data-active=true]{color:var(--cv-accent)}.cv-transport button:disabled{opacity:.4}.cv-timeline-right{color:var(--cv-muted);align-items:center;gap:8px;display:flex}.cv-muted-icon{place-items:center;width:28px;height:28px;display:grid}.cv-timeline-body{grid-template-columns:210px 1fr;height:132px;display:grid}.cv-timeline-layers{border-right:1px solid var(--cv-line);flex-direction:column;padding:8px 6px 8px 12px;display:flex}.cv-timeline-layers-title{height:24px;color:var(--cv-muted);font-size:12px}.cv-timeline-layer{height:44px;color:var(--cv-ink-2);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:10px;padding:0 8px;display:flex;overflow:hidden}.cv-timeline-layer:first-of-type{color:var(--cv-accent);background:var(--cv-accent-soft)}.cv-timeline-tracks{padding:32px 10px 8px;position:relative;overflow:hidden}.cv-timeline-tracks:after{content:"";top:0;bottom:0;left:var(--end);border-left:1px solid var(--cv-line);pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 5px,#11141a0b 5px 6px),#11141a08;position:absolute;right:0}.cv-ruler{border-bottom:1px solid var(--cv-line);height:26px;position:absolute;top:0;left:10px;right:10px}.cv-ruler span{color:var(--cv-muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:5px;transform:translate(-50%)}.cv-ruler span:after{content:"";background:var(--cv-faint);width:1px;height:5px;position:absolute;top:16px;left:50%}.cv-track{align-items:center;height:44px;display:flex;position:relative}.cv-clip{border-radius:8px;height:36px;display:flex;position:relative;overflow:hidden}.cv-clip-video{background:#e9e6fb;gap:3px;padding:3px}:root[data-theme=dark] .cv-clip-video{background:#2a2846}.cv-clip-video img{object-fit:cover;border-radius:5px;flex:1;min-width:0;height:100%}.cv-clip-art{border:1.5px solid var(--cv-accent);background:var(--cv-panel);justify-content:center;align-items:center}.cv-clip-fill{opacity:.18;background-repeat:repeat-x;background-size:auto 100%;position:absolute;inset:0}.cv-clip-strip{opacity:.25;display:flex;position:absolute;inset:0}.cv-clip-strip img{object-fit:cover;flex:1;min-width:0}.cv-clip-label{color:var(--cv-accent);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex;position:relative}.cv-clip-empty{border:1.5px dashed var(--cv-line);color:var(--cv-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;font-size:12px}.cv-clip-empty:hover{color:var(--cv-accent);border-color:var(--cv-accent)}.cv-scrub{z-index:3;opacity:0;cursor:ew-resize;height:26px;margin:0;position:absolute;top:0;left:10px}.cv-playhead{z-index:2;border-left:1px dashed var(--cv-accent);pointer-events:none;width:0;position:absolute;top:6px;bottom:0}.cv-playhead:before{content:"";background:var(--cv-accent);border-radius:3px 3px 6px 6px;width:11px;height:14px;position:absolute;top:0;left:-6px}.cv-end-marker{top:19px;left:var(--end);background:var(--cv-faint);pointer-events:none;width:9px;height:9px;margin-left:-4.5px;position:absolute;transform:rotate(45deg)}@media (max-width:1100px){.cv-right{width:240px}.cv-timeline{right:calc(var(--cv-gap) + 240px + 8px)}.cv-timeline-body{grid-template-columns:150px 1fr}}@media (max-width:820px){.cv-top-left .cv-project-name,.cv-top-left .cv-saved{display:none}.cv-right{height:42vh;top:auto;left:var(--cv-gap);width:auto;bottom:calc(var(--cv-gap) + 46px)}.cv-timeline{left:var(--cv-gap);right:var(--cv-gap)}.cv-timeline-body{display:none}.cv-transport{position:static;transform:none}.cv-timeline-time,.cv-timeline-divider,.cv-timeline-right{display:none}.cv-rail{top:auto;bottom:calc(42vh + var(--cv-gap) * 2 + 46px);flex-direction:row;width:auto;height:48px;padding:0 6px}.cv-rail-group{flex-direction:row}.cv-rail-group+.cv-rail-group{border-top:0;border-left:1px solid var(--cv-line);padding:0 0 0 10px}.cv-flyout{top:68px;left:var(--cv-gap);right:var(--cv-gap);width:auto;max-height:50vh;bottom:auto}.cv-top-right .cv-pill:first-child{display:none}}.studio-root:has(.cv-editor) .toast-stack{bottom:210px}.studio-root:has(.cv-editor) .toast{color:#fff;background:var(--cv-accent);font-family:var(--cv-font);border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 10px 30px #3d52e559}.studio-root:has(.cv-editor) .toast[data-tone=error]{background:#d64545;box-shadow:0 10px 30px #d645454d}.cv-rail{z-index:25}.app-tooltip{z-index:1000;color:#fff;white-space:pre-wrap;pointer-events:none;opacity:0;background:#1f2328;border-radius:6px;width:max-content;max-width:260px;padding:5px 9px;font:500 12px/1.3 Inter,-apple-system,Segoe UI,sans-serif;transition:opacity .12s;position:fixed;box-shadow:0 4px 14px #0000002e}.app-tooltip[data-visible=true]{opacity:1}:root[data-theme=dark] .app-tooltip{color:#111318;background:#eceef1}.cv-playhead{top:17px}.cv-playhead:before{border-radius:2px 2px 5px 5px;width:9px;height:9px;top:0;left:-5px}.cv-end-marker{display:none}.cv-ruler span{top:3px}:root{--cv-canvas:#edeef0;--cv-panel:#fff;--cv-line:#eceef1;--cv-line-soft:#f1f2f4;--cv-field:#f4f5f6;--cv-hover:#f3f4f6;--cv-ink:#23262b;--cv-ink-2:#3a3e44;--cv-muted:#8b9098;--cv-accent:#4a5ae8;--cv-accent-hover:#3b4bd8;--cv-accent-soft:#eef0fe;--cv-accent-line:#c7cdf8;--cv-teal:#20b2a0;--cv-radius:10px;--cv-shadow:0 1px 2px #14181f0a, 0 1px 6px #14181f08}:root[data-theme=dark]{--cv-teal:#3fcab8;--cv-radius:10px}.cv-editor{color:var(--cv-ink);font-size:14px}.cv-panel,.cv-pill{border-color:#0000}:root[data-theme=dark] .cv-panel,:root[data-theme=dark] .cv-pill{border-color:var(--cv-line)}.cv-pill{gap:4px;height:52px;padding:0 10px}.cv-icon-button{width:34px;height:34px;color:var(--cv-ink-2)}.cv-sep{background:var(--cv-line);height:28px;margin:0 8px}.cv-sep-tall{height:52px;margin:0 8px 0 10px}.cv-logo{cursor:default;padding:0}.cv-logo:hover{background:0 0}.cv-logo-mark{color:#9ea3ab;border:2.5px solid #9ea3ab;width:24px;height:24px;font-size:11px}.cv-saved{color:var(--cv-teal);margin-left:4px}.cv-project-name{width:140px;padding:0 4px;font-size:14px;font-weight:400}.cv-project-chevron{color:var(--cv-ink-2);margin-right:4px}.cv-zoom select{font-size:14px}.cv-rail{justify-content:flex-start;gap:14px;width:48px;padding:10px 0;top:72px}.cv-rail-bottom{top:auto;bottom:var(--cv-gap)}.cv-rail-button{width:34px;height:34px;color:var(--cv-ink-2);border-radius:6px}.cv-rail-button:hover{background:var(--cv-hover)}.cv-rail-button[data-active=true]{color:var(--cv-accent);border-color:var(--cv-accent);background:0 0}.cv-rail-button[data-corner=true]:before{opacity:.55;border-bottom-width:3.5px;border-left-width:3.5px;bottom:3px;right:3px}.cv-flyout{top:72px;left:calc(var(--cv-gap) + 48px + 8px);border-radius:var(--cv-radius);width:292px;box-shadow:0 2px 6px #14181f0d,0 12px 32px #14181f14}.cv-flyout-head{border-bottom-color:var(--cv-line);gap:14px;height:54px;padding:0 12px 0 18px}.cv-flyout-head h2{font-size:14px;font-weight:600}@media (min-width:821px){.cv-editor[data-flyout=help] .cv-flyout{left:auto;right:var(--cv-gap)}}.cv-grip{color:var(--cv-ink-2)}.cv-flyout-body{gap:14px;padding:18px 14px}.cv-back{gap:10px;font-size:14px;font-weight:600}.cv-search-row{gap:6px;display:flex}.cv-search{height:34px;color:var(--cv-ink-2);background:var(--cv-panel);border:1px solid #e3e5e8;border-radius:8px;flex:1;gap:8px;padding:0 8px 0 10px}.cv-search:focus-within{border-color:var(--cv-accent);box-shadow:none}.cv-search input::placeholder{color:var(--cv-muted)}.cv-search-clear{width:22px;height:22px;color:var(--cv-ink-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.cv-search-filter{width:34px;height:34px;color:var(--cv-ink-2);border:1px solid #e3e5e8;border-radius:8px;place-items:center;display:grid}:root[data-theme=dark] .cv-search,:root[data-theme=dark] .cv-search-filter{border-color:var(--cv-line)}.cv-lib-grid{grid-template-columns:repeat(3,1fr);gap:8px}.cv-lib-item img{aspect-ratio:1;background:var(--cv-field);box-shadow:none;border-radius:6px}.cv-lib-name{color:var(--cv-muted);font-size:11px}.cv-lib-tile{border-radius:8px;font-size:13px}.cv-eyebrow{letter-spacing:.05em;font-size:11px}.cv-artboard .selection-shape{stroke-width:1px}.cv-artboard .selection-handle{border-width:1px;border-radius:1px;width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.cv-right{top:72px}.cv-tabs button{height:46px;font-size:11px}.cv-section{padding:6px 16px 14px}.cv-section-head>button:first-child{font-size:13px}.cv-timeline{left:var(--cv-gap)}.cv-timeline-bar{height:48px}.cv-timeline-page{gap:8px}.cv-transport button{width:30px;height:30px}@media (max-width:820px){.cv-rail-bottom{display:none}.cv-rail{top:auto}}.cv-menu-wrap{align-self:stretch;align-items:center;display:flex}.cv-menu{top:calc(100% + 8px)}.cv-lib-item{min-width:0}.cv-stage{top:72px;left:calc(var(--cv-gap) + 48px + 8px);right:calc(var(--cv-gap) + 272px + 8px);position:absolute;bottom:204px}.cv-timeline[data-open=false]~.cv-stage{bottom:72px}.cv-editor:has(.cv-timeline[data-open=false]) .cv-stage{bottom:72px}@media (max-width:1100px){.cv-stage{right:calc(var(--cv-gap) + 240px + 8px)}}@media (max-width:820px){.cv-stage{left:var(--cv-gap);right:var(--cv-gap);top:64px;bottom:calc(42vh + 130px)}}.cv-mobile-only,.cv-scrim{display:none}@media (max-width:820px){.cv-editor{--cv-gap:8px}.cv-editor .cv-mobile-only{display:block}.cv-editor .cv-top{top:8px}.cv-editor .cv-pill{height:44px;padding:0 6px}.cv-editor .cv-top-left .cv-logo,.cv-editor .cv-top-left .cv-sep-tall,.cv-editor .cv-top-left .cv-saved,.cv-editor .cv-top-left .cv-project-name,.cv-editor .cv-project-chevron,.cv-editor .cv-top-right .cv-pill>:not(.cv-button){display:none}.cv-editor .cv-top-right .cv-button{height:32px;padding:0 16px}.cv-editor .cv-stage{inset:60px 8px 128px}.cv-editor .cv-timeline{border-radius:10px;bottom:68px;left:8px;right:8px}.cv-editor .cv-timeline-handle,.cv-editor .cv-timeline-body,.cv-editor .cv-timeline-right,.cv-editor .cv-timeline-divider{display:none}.cv-editor .cv-timeline-bar{height:48px;padding:0 8px 0 12px;border-bottom:0!important}.cv-editor .cv-timeline-pages{flex:1;min-width:0}.cv-editor .cv-timeline-page{max-width:140px}.cv-editor .cv-timeline-time{font-size:12px;display:inline}.cv-editor .cv-transport{position:static;transform:none}.cv-editor .cv-rail{z-index:40;flex-direction:row;justify-content:space-around;gap:0;width:auto;height:52px;padding:0 6px;inset:auto 8px 8px}.cv-editor .cv-rail-gap{background:var(--cv-line);width:1px;height:24px}.cv-editor .cv-rail-button{width:44px;height:40px}.cv-editor .cv-rail-bottom{display:none}.cv-editor .cv-scrim{z-index:28;background:#0f111547;border:0;animation:.15s both fade;display:block;position:absolute;inset:0}.cv-editor .cv-flyout,.cv-editor .cv-right{z-index:30;width:auto;height:auto;max-height:62vh;animation:cv-sheet-up .2s var(--ease) both;border-radius:14px;inset:auto 8px 68px;box-shadow:0 -6px 30px #0f11152e}.cv-editor .cv-right{display:none}.cv-editor .cv-right[data-sheet-open=true]{display:flex}.cv-editor .cv-lib-grid{grid-template-columns:repeat(3,1fr)}.cv-editor .cv-menu{left:0}}@keyframes cv-sheet-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (max-width:820px){.cv-editor .cv-top-right .cv-pill:first-child{display:flex}}.cv-editor .cv-lib-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cv-rail .cv-rail-gap~.cv-rail-button{display:none}@media (max-width:820px){.cv-editor .cv-rail .cv-rail-gap~.cv-rail-button{display:grid}}.cv-editor .cv-button{font-size:13px;font-weight:600}.cv-editor .cv-button-primary{color:#fff}.cv-editor .cv-button-outline{color:var(--cv-accent);font-size:12px;font-weight:500}.cv-editor .cv-button-soft{color:var(--cv-ink-2);font-weight:500}.cv-editor .cv-button-primary:disabled{color:#fff}.cv-editor .cv-drop strong{color:var(--cv-accent)}.projects-dialog{background:var(--cv-panel,#fff);width:min(520px,100vw - 32px);max-height:80vh;color:var(--cv-ink,#242424);border:1px solid #8885;border-radius:18px;margin:auto;padding:24px;position:fixed;inset:0;box-shadow:0 20px 80px #0004}.projects-dialog::backdrop{background:#0006}.projects-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.projects-heading h2{font-size:20px}.projects-dialog p{margin:16px 0;font-size:14px}.projects-dialog ul{margin:20px 0 0;padding:0;list-style:none}.projects-dialog li{border-top:1px solid #8883;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.projects-dialog li span{overflow-wrap:anywhere;min-width:0}.projects-dialog small{opacity:.65;margin-top:4px;display:block}[data-save-error=true]{font-weight:800;color:#c83232!important}.cv-video-controls{z-index:13;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#1112149e;border-radius:12px;gap:4px;padding:4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}:hover>.cv-video-controls,.cv-video-controls:focus-within{opacity:1;pointer-events:auto;transform:none}.cv-video-controls button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.cv-video-controls button:hover{background:#ffffff29}.cv-video-controls button:focus-visible{outline-offset:-2px;outline:2px solid #fff}.cv-fullscreen{z-index:1000;background:#000;place-items:center;padding:32px;animation:.15s cv-fade-in;display:grid;position:fixed;inset:0}.cv-fullscreen-stage{width:min(calc(100vw - 64px), calc((100vh - 64px) * var(--cv-aspect,1)));aspect-ratio:var(--cv-aspect,1)}.cv-fullscreen-close{color:#fff;cursor:pointer;opacity:.7;background:#ffffff1f;border:0;border-radius:10px;place-items:center;width:40px;height:40px;transition:opacity .15s,background .15s;display:grid;position:absolute;top:16px;right:16px}.cv-fullscreen-close:hover{opacity:1;background:#ffffff38}@keyframes cv-fade-in{0%{opacity:0}}
:root{--bg:#ededed;--canvas:#ededed;--surface:#fff;--hover:#f5f0fa;--pressed:#ece2f7;--ink:#211a2d;--ink-2:#53475e;--muted:#766980;--faint:#a79bab;--line:#e7dfea;--field-line:#ded3e6;--accent:#7335db;--accent-hover:#5d22bf;--accent-soft:#eee5fa;--accent-ring:#7335db33;--r-lg:15px;--r-xl:18px;--font:"Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-sm:0 1px 3px #45257406, 0 4px 14px #45257406;--shadow-md:0 2px 6px #45257408, 0 12px 32px #45257412;--shadow-lg:0 6px 16px #4525740d, 0 30px 80px #45257424;--cv-canvas:var(--canvas);--cv-panel:var(--surface);--cv-line:var(--line);--cv-line-soft:#f1ebf4;--cv-field:#f7f3fa;--cv-hover:var(--hover);--cv-ink:var(--ink);--cv-ink-2:var(--ink-2);--cv-muted:var(--muted);--cv-faint:var(--faint);--cv-accent:var(--accent);--cv-accent-hover:var(--accent-hover);--cv-accent-soft:var(--accent-soft);--cv-accent-line:#cbb0ed;--cv-tip:#352344;--cv-shadow:var(--shadow-sm);--cv-shadow-pop:var(--shadow-lg);--cv-radius:15px;--cv-font:var(--font)}:root[data-theme=dark]{--bg:#0b0b10;--canvas:#0b0b10;--surface:#131319;--hover:#1c1b24;--pressed:#26232f;--ink:#dedce5;--ink-2:#b9b5c5;--muted:#928c9f;--faint:#706a7c;--line:#25232d;--field-line:#35313f;--accent:#9580bf;--accent-hover:#a592cc;--accent-soft:#221e2d;--accent-ring:#9580bf26;--shadow-sm:0 1px 3px #0003, 0 4px 14px #00000026;--shadow-md:0 2px 6px #00000040, 0 12px 32px #00000040;--shadow-lg:0 6px 16px #0000004d, 0 30px 80px #0006;--cv-canvas:var(--canvas);--cv-panel:var(--surface);--cv-line:var(--line);--cv-line-soft:#1e1c25;--cv-field:#0e0e14;--cv-hover:var(--hover);--cv-ink:var(--ink);--cv-ink-2:var(--ink-2);--cv-muted:var(--muted);--cv-faint:var(--faint);--cv-accent:var(--accent);--cv-accent-hover:var(--accent-hover);--cv-accent-soft:var(--accent-soft);--cv-accent-line:#50455f;--cv-tip:#09090d;--cv-shadow:var(--shadow-sm);--cv-shadow-pop:var(--shadow-lg)}.studio-root,:root[data-theme=dark] .studio-root,.home{background:var(--bg)}.home-top{background:var(--surface);border-color:var(--line)}.studio-root .hero{background:var(--accent-soft);color:var(--ink);border:1px solid var(--line);border-radius:22px}.studio-root .hero h1{color:var(--ink);letter-spacing:-1.4px;font-weight:800}.studio-root .hero p{color:var(--ink-2);font-size:16px;line-height:1.65}.studio-root .hero-shape{color:var(--ink-2)}.studio-root .hero-shape[data-active=true]{color:var(--accent)}.studio-root .hero-shape-icon{background:var(--surface);color:var(--accent)}.studio-root .gallery-media{border-radius:18px}.studio-root .gallery-copy{gap:4px;padding-top:12px}.studio-root .gallery-copy strong{font-size:16px;font-weight:700}.studio-root .gallery-copy span{font-size:13px}.home-section h2{letter-spacing:-.5px;font-weight:800}.cv-editor{font-size:14px}.cv-editor .cv-logo-mark{color:var(--cv-accent);border-color:var(--cv-accent);background:var(--cv-accent-soft);border-radius:8px}.cv-editor .cv-button-primary{background:var(--cv-accent);border-radius:10px;font-weight:700}.cv-editor .cv-button-primary:hover:not(:disabled){background:var(--cv-accent-hover)}.cv-editor .cv-artboard-head,:root[data-theme=dark] .cv-editor .cv-artboard-head{background:var(--cv-field)}.cv-editor .cv-artboard[data-selected=true] .cv-artboard-head,.cv-editor .cv-lib-tile{background:var(--cv-accent-soft)}.cv-editor .cv-lib-tile span{background:#9160cf}.cv-editor .cv-lib-tile[data-tone=blue]{background:#ffeadf}.cv-editor .cv-lib-tile[data-tone=blue] span{background:#b76380}:root[data-theme=dark] .cv-editor .cv-lib-tile[data-tone=blue]{background:#1d1e29}.cv-editor .cv-clip-video,:root[data-theme=dark] .cv-editor .cv-clip-video{background:var(--cv-accent-soft)}.cv-editor .stage-add-label{box-shadow:0 6px 18px var(--accent-ring)}.studio-root:has(.cv-editor) .toast{box-shadow:0 10px 30px var(--accent-ring)}:root[data-theme=dark] .cv-editor .cv-button-primary{color:#130c24}:root[data-theme=dark] .cv-editor .cv-rail-button[data-active=true]{color:var(--cv-accent);background:var(--cv-accent-soft);border-color:var(--cv-accent-line)}.slot-outlines polygon:hover{fill:var(--accent-ring)}.home-main{background:var(--bg)}.home-scroll[data-empty=true]{flex-direction:column;display:flex}.home-scroll[data-empty=true]>.hero{flex:none}.gallery-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:40px 20px;display:flex}.gallery-empty-icon{width:58px;height:58px;color:var(--accent);background:var(--accent-soft);border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.gallery-empty h2{letter-spacing:-.5px;color:var(--ink);font-size:20px;font-weight:700}.gallery-empty p{max-width:340px;color:var(--muted);font-size:15px;line-height:1.7}.studio-root .brand-mark{background:var(--accent);box-shadow:0 2px 6px var(--accent-ring);border-radius:8px}.studio-root .brand-name{color:var(--ink);font-weight:800}.studio-root .hero h1{font-size:32px}.studio-root .hero-shape[data-active=true] .hero-shape-icon{box-shadow:0 4px 14px var(--accent-ring)}@media (max-width:600px){.studio-root .hero h1{font-size:27px}}
.sh{height:100%;color:var(--cv-ink);background:var(--cv-canvas);font-family:var(--cv-font);font-size:13px;position:relative;overflow:hidden}.sh :focus-visible{outline:2px solid var(--cv-accent);outline-offset:1px}.sh-float{z-index:10;background:var(--cv-panel);border:1px solid var(--cv-line);border-radius:var(--cv-radius);box-shadow:var(--cv-shadow);position:absolute}.sh-bar{align-items:center;gap:8px;height:48px;padding:0 8px;display:flex;top:12px}.sh-bar-left{left:12px}.sh-bar-right{right:12px}.sh-logo{border:2px solid var(--cv-accent);width:26px;height:26px;color:var(--cv-accent);background:var(--cv-accent-soft);border-radius:8px;place-items:center;margin-left:4px;font-size:12px;font-weight:800;display:grid}.sh-bar-title{letter-spacing:-.01em;white-space:nowrap;padding-right:4px;font-size:14px;font-weight:700}.sh-sep{background:var(--cv-line);width:1px;height:20px;margin:0 2px}.sh-search{width:280px;height:32px;color:var(--cv-muted);background:var(--cv-field);border-radius:8px;align-items:center;gap:8px;padding:0 6px 0 10px;display:flex}.sh-search:focus-within{background:var(--cv-panel);box-shadow:0 0 0 1.5px var(--cv-accent)}.sh-search input{min-width:0;height:100%;color:var(--cv-ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.sh-search input::placeholder{color:var(--cv-faint)}.sh-search kbd{border:1px solid var(--cv-line);width:20px;height:20px;color:var(--cv-muted);background:var(--cv-panel);font:600 11px var(--cv-font);border-bottom-width:2px;border-radius:5px;place-items:center;display:grid}.sh-search button{width:22px;height:22px;color:var(--cv-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.sh-search button:hover{color:var(--cv-ink);background:var(--cv-hover)}.sh-bar-note{color:var(--cv-muted);white-space:nowrap;align-items:center;gap:6px;padding:0 6px;font-size:12px;font-weight:500;display:flex}.sh-icon-button{width:32px;height:32px;color:var(--cv-ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.sh-icon-button:hover{color:var(--cv-ink);background:var(--cv-hover)}.sh-side{flex-direction:column;width:232px;padding:14px 10px;display:flex;top:72px;bottom:12px;left:12px;overflow-y:auto}.sh-label{color:var(--cv-muted);letter-spacing:.05em;text-transform:uppercase;margin:0 6px 8px;font-size:11px;font-weight:700}.sh-label:not(:first-child){margin-top:20px}.sh-nav{gap:2px;display:grid}.sh-nav button{height:34px;color:var(--cv-ink-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.sh-nav button:hover{color:var(--cv-ink);background:var(--cv-hover)}.sh-nav button[data-active=true]{color:var(--cv-accent);background:var(--cv-accent-soft);font-weight:600}.sh-nav button span{color:var(--cv-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.sh-nav button[data-active=true] span{color:var(--cv-accent)}.sh-segment{background:var(--cv-field);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 2px;padding:2px;display:grid}.sh-segment button{height:30px;color:var(--cv-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.sh-segment button:hover{color:var(--cv-ink)}.sh-segment button[data-active=true]{color:var(--cv-accent);background:var(--cv-panel);box-shadow:0 1px 2px #00000014}.sh-how{border-top:1px solid var(--cv-line-soft);margin-top:auto;padding-top:16px}.sh-how .sh-label{margin-top:0}.sh-how ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sh-how li{color:var(--cv-ink-2);align-items:center;gap:10px;padding:4px 6px;font-size:12.5px;display:flex}.sh-how li span{width:24px;height:24px;color:var(--cv-accent);background:var(--cv-accent-soft);border-radius:7px;place-items:center;display:grid}.sh-canvas{padding:76px 40px 48px 284px;position:absolute;inset:0;overflow-y:auto}.sh-canvas-head{align-items:baseline;gap:12px;margin-bottom:22px;display:flex}.sh-canvas-head h1{letter-spacing:-.02em;font-size:20px;font-weight:700}.sh-crumb{color:var(--cv-muted);font-size:13px}.sh-clear{border:1px solid var(--cv-accent-line);height:26px;color:var(--cv-accent);background:var(--cv-panel);font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;margin:14px 2px 0;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.sh-clear:hover{background:var(--cv-accent-soft)}.sh-boards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:36px 28px;max-width:1400px;display:grid}.sh-board{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;animation:.4s cubic-bezier(.2,.8,.2,1) both sh-in;animation-delay:calc(var(--i,0) * 40ms);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.sh-board-head{height:24px;color:var(--cv-muted);align-items:center;gap:6px;padding:0 4px;font-size:12px;display:flex}.sh-board-head strong{color:var(--cv-ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sh-board-size{color:var(--cv-faint);font-variant-numeric:tabular-nums;margin-left:auto}.sh-board-body{aspect-ratio:1;border-radius:var(--cv-radius);background:var(--cv-panel);box-shadow:var(--cv-shadow);margin-top:4px;transition:box-shadow .15s,transform .2s;display:block;position:relative;overflow:hidden}.sh-board-body[data-shape=wide]{aspect-ratio:16/10}.sh-board-body[data-shape=vertical]{aspect-ratio:4/5}.sh-board-body img,.sh-board-body video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sh-board-body video{opacity:0;transition:opacity .25s}.sh-board-body video[data-visible=true]{opacity:1}.sh-board-open{color:#fff;background:var(--cv-accent);height:36px;box-shadow:0 6px 18px var(--accent-ring);white-space:nowrap;opacity:0;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:opacity .15s,transform .2s;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%,6px)}:root[data-theme=dark] .sh-board-open{color:#130c24}.sh-board-meta{flex-wrap:wrap;gap:6px;padding:10px 2px 0;display:flex}.sh-board-meta span{height:22px;color:var(--cv-ink-2);background:var(--cv-panel);box-shadow:inset 0 0 0 1px var(--cv-line);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.sh-board:hover .sh-board-body{box-shadow:0 0 0 1.5px var(--cv-accent-line), var(--cv-shadow-pop);transform:translateY(-2px)}.sh-board:hover .sh-board-head strong{color:var(--cv-accent)}.sh-board:focus-visible{outline:none}.sh-board:focus-visible .sh-board-body{box-shadow:0 0 0 2px var(--cv-accent)}.sh-board:is(:hover,:focus-visible) .sh-board-open{opacity:1;transform:translate(-50%)}.sh-skeleton{aspect-ratio:1;border-radius:var(--cv-radius);background:linear-gradient(100deg, var(--cv-panel) 30%, var(--cv-field) 50%, var(--cv-panel) 70%) 0 0 / 300% 100%;margin-top:28px;animation:1.4s linear infinite sh-shimmer}.sh-blank{border:1.5px dashed var(--cv-accent-line);border-radius:var(--cv-radius);max-width:520px;color:var(--cv-muted);background:var(--cv-panel);text-align:center;justify-items:center;gap:6px;padding:56px 24px;display:grid}.sh-blank strong{color:var(--cv-ink);font-size:15px;font-weight:700}.sh-blank button{height:32px;color:var(--cv-ink-2);background:var(--cv-field);font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:8px;padding:0 14px;font-weight:500}.sh-blank-icon{width:48px;height:48px;color:var(--cv-accent);background:var(--cv-accent-soft);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}@keyframes sh-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sh-shimmer{to{background-position:-150% 0}}@media (max-width:900px){.sh-side{display:none}.sh-canvas{padding-left:24px;padding-right:24px}.sh-bar-note,.sh-bar-title{display:none}.sh-search{width:min(280px,50vw)}}@media (prefers-reduced-motion:reduce){.sh *{transition:none!important;animation:none!important}}
.cloud-root{background:var(--cv-canvas);height:100dvh;min-height:480px;color:var(--cv-ink);font:14px/1.5 var(--cv-font)}.cloud-root>div:not(.cloud-utility),.cloud-root .studio-root,.cloud-gallery{height:100%;min-height:0}.cloud-root .cv-editor{height:100%;min-height:0;position:relative;inset:auto}.cloud-controls{align-items:center;gap:4px;display:flex}.cloud-controls .cv-button{text-overflow:ellipsis;white-space:nowrap;max-width:160px;padding:0 10px;overflow:hidden}.cloud-root :focus-visible{outline:2px solid var(--cv-accent);outline-offset:3px}.cloud-root a{color:inherit}.cloud-card{min-width:0}.cloud-preview{aspect-ratio:1;background:var(--cv-panel);border-radius:var(--cv-radius);box-shadow:var(--cv-shadow);place-items:center;margin-top:4px;display:grid;position:relative;overflow:hidden}.cloud-preview img,.cloud-preview video{object-fit:contain;width:100%;height:100%}.cloud-preview .cv-button{background:var(--cv-panel);box-shadow:var(--cv-shadow);position:absolute;bottom:10px;right:10px}.cloud-open{margin-top:10px}.cloud-card a{margin:10px;font-size:12px;display:inline-block}.cloud-error{z-index:30;background:var(--cv-panel);color:#d64545;border-radius:10px;padding:12px 16px;position:absolute;bottom:16px;left:16px}.cloud-panel{background:var(--cv-panel);border:1px solid var(--cv-line);border-radius:16px;max-width:750px;margin:24px auto;padding:24px}.cloud-panel button,.cloud-panel input,.cloud-panel select{font:inherit}.cloud-panel button{cursor:pointer;border:1px solid var(--cv-accent-line);background:var(--cv-accent-soft);color:var(--cv-ink);border-radius:8px;margin:4px;padding:8px 14px}.cloud-panel button:disabled{opacity:.5;cursor:wait}.cloud-panel label{align-items:center;gap:10px;margin:12px 0;display:flex}.cloud-panel input:not([type=checkbox]),.cloud-panel select{border:1px solid var(--cv-line);background:var(--cv-field);min-width:0;color:var(--cv-ink);border-radius:8px;flex:1;padding:9px}.cloud-panel fieldset{border:1px solid var(--cv-line);border-radius:8px}.cloud-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.cloud-heading h1{letter-spacing:-.025em;font-size:24px;font-weight:650}.cloud-product,.cloud-link{border-top:1px solid var(--cv-line);margin-top:16px;padding-top:16px}.cloud-utility{height:100%;padding:20px;overflow:auto}.cloud-utility-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.cloud-account-dialog{border:1px solid var(--cv-line);background:var(--cv-panel);width:min(440px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--cv-ink);border-radius:18px;margin:auto;padding:0;box-shadow:0 24px 100px #0005}.cloud-account-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12121a55}.cloud-account-dialog .cloud-panel{border:0;border-radius:0;margin:0;padding:28px}.cloud-account-dialog .cloud-panel label{gap:6px;display:grid}.cloud-account-dialog .cloud-panel input{width:100%}.cloud-account-dialog form button[type=submit]{color:#fff;background:var(--cv-accent);width:100%;margin:8px 0}.cloud-account-dialog p{color:var(--cv-muted);margin-top:12px;font-size:12px}.cloud-account-dialog h2{margin-top:20px;font-size:14px;font-weight:600}.cloud-account-notice{padding:16px 28px 0}.cloud-legacy{z-index:20;position:absolute;bottom:16px;left:260px}@media (max-width:1000px){.cloud-gallery .sh-bar-left .sh-bar-title{display:none}.cloud-gallery .sh-search{width:180px}.cloud-controls .cv-button{max-width:110px;padding:0 7px;font-size:12px}}@media (max-width:650px){.cloud-gallery .sh-bar-left{right:12px}.cloud-gallery .sh-bar-right{justify-content:flex-end;top:66px;left:12px;right:12px}.cloud-gallery .sh-canvas{padding-top:130px}.cloud-gallery .sh-search{width:100%}.cloud-gallery .sh-bar-left .sh-search{flex:1}}