/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-border-style:solid;--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;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow,.shadow\/outline\.{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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}.blur{--tw-blur:blur(8px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0a1018;--panel:#111923;--panel-raised:#17212d;--surface-raised:var(--panel-raised);--panel-soft:#131c27;--line:#91a4bb29;--line-strong:#97b1cf47;--muted:#8d9aac;--acid:#8eb9da;--cyan:#79b6d6;--paper:#e8eef5;--font-ui:"Segoe UI Variable Text", "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--font-display:var(--font-ui);--font-number:"Bahnschrift", "Segoe UI Variable Display", "Microsoft YaHei UI", sans-serif;--font-numeric:var(--font-number);--font-mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--ink)}body{color:var(--paper);background:radial-gradient(circle at 48% -18%, #6497c31f, transparent 34rem), radial-gradient(circle at 90% 4%, #57759914, transparent 30rem), var(--ink);font-family:var(--font-ui);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-width:320px;margin:0;font-size:14px;line-height:1.5}button,input{font:inherit}button{color:inherit}.studio-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:5;background:#0b0c0ee0;flex:0 0 76px;justify-content:space-between;align-items:center;height:76px;padding:0 26px;display:flex;position:relative}.brand{color:inherit;font-family:var(--font-ui);letter-spacing:.05em;align-items:center;gap:12px;font-size:19px;text-decoration:none;display:flex}.brand-mark{color:#08131d;width:35px;height:35px;font-family:var(--font-number);background:var(--acid);border-radius:10px;place-items:center;display:grid}.brand small{font:9px/1.3 var(--font-ui);color:var(--muted);letter-spacing:.16em;margin-top:2px;display:block}.top-actions{gap:10px;display:flex}.workspace-title{text-align:center;gap:5px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.workspace-title span{color:#738296;font:8px var(--font-ui);letter-spacing:.22em}.workspace-title strong{font:600 12px/1.3 var(--font-ui);letter-spacing:.06em;color:#c4cfdb}.top-actions button{cursor:pointer;border:0;height:40px;padding:0 18px;transition:all .2s}.tutorial-button{color:#aeb3ba;background:0 0;border:1px solid #303338!important}.tutorial-button:hover{color:var(--acid);border-color:var(--acid)!important}.lively-button{color:var(--cyan);background:#5ee8ff14;font-weight:700;border:1px solid #5ee8ff8c!important}.lively-button span{margin-left:8px;font-size:7px;animation:1.4s infinite pulse}.lively-button:hover{background:var(--cyan);color:#081013}.ghost-button{background:#1a1c20;border:1px solid #303338!important}.ghost-button span{color:var(--acid);margin-right:8px}.workspace{flex:1;grid-template-columns:360px minmax(480px,1fr) 310px;min-height:calc(100vh - 76px);display:grid}.effects-panel{border-right:1px solid var(--line);background:linear-gradient(#121619fa,#0c0e11fa);flex-direction:column;height:calc(100vh - 76px);display:flex;overflow:hidden}.control-panel{border-left:1px solid var(--line);background:linear-gradient(#111417fa,#0b0d0ffa);max-height:calc(100vh - 76px);overflow-y:auto}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h1,.panel-heading h2{font:650 23px/1.2 var(--font-ui);letter-spacing:.02em;margin:2px 0 0}.eyebrow{color:var(--acid);letter-spacing:.2em;margin:0 0 8px;font:700 9px/1 monospace}.candidate-note{color:#70777f;border-left:2px solid #c3ff698c;margin:12px 0 0;padding-left:9px;font-size:9px;line-height:1.65}.curation-standard{background:linear-gradient(100deg,#beff650e,#64e8ff06);border:1px solid #282d31;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:5px;margin-top:11px;padding:7px;display:grid}.curation-standard>span{color:var(--acid);letter-spacing:.12em;padding:0 7px 0 2px;font:7px monospace}.curation-standard>div{color:#7e858c;align-items:center;gap:4px;min-width:0;display:flex}.curation-standard i{background:var(--acid);width:3px;height:3px;box-shadow:0 0 7px var(--acid);border-radius:50%}.curation-standard strong{white-space:nowrap;font-size:7px;font-weight:500}.effect-search{background:#101215;border:1px solid #30343a;align-items:center;gap:8px;height:36px;padding:0 10px;display:flex}.effect-search input{width:100%;min-width:0;color:var(--paper);background:0 0;border:0;outline:0;font-size:10px}.category-strip{grid-template-columns:1fr 1fr;gap:5px;padding:10px 0 8px;display:grid}.category-strip button{text-align:left;color:#9aa0a7;cursor:pointer;background:#171a1d;border:1px solid #2d3237;grid-template-columns:25px 1fr 22px;align-items:center;gap:7px;min-width:0;min-height:42px;padding:6px 7px;transition:border-color .18s,background .18s,transform .18s;display:grid}.category-strip button:hover{border-color:#51575e;transform:translateY(-1px)}.category-mark{width:25px;height:25px;color:var(--acid);background:#c3ff690f;place-items:center;font:9px monospace;display:grid}.category-copy{gap:3px;min-width:0;display:grid}.category-copy strong{white-space:nowrap;font-size:9px;font-weight:700}.category-copy small{color:#5e656d;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.category-strip button em{color:#5a6067;text-align:right;font:8px monospace}.category-strip button.selected{color:#0d0f0e;background:var(--acid);border-color:var(--acid)}.library-summary{color:#5f646b;justify-content:space-between;margin-bottom:8px;font:8px monospace;display:flex}.effect-list{scrollbar-color:#3b3f44 #181a1d;gap:7px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.effect-card{border:1px solid var(--line);background:linear-gradient(105deg,#181b1e,#121518);width:100%;min-height:68px;transition:border-color .2s,background .2s,transform .2s;position:relative}.effect-card:hover{border-color:#44494f;transform:translate(2px)}.effect-main{text-align:left;cursor:pointer;width:100%;min-height:62px;color:inherit;background:0 0;border:0;grid-template-columns:28px 1fr 38px 26px;align-items:center;gap:7px;padding:9px 34px 9px 9px;display:grid}.effect-index{color:#62676e;align-self:start;font:9px monospace}.effect-copy{gap:6px;display:grid}.effect-copy strong{letter-spacing:.05em;font-size:13px}.effect-copy em{color:#111;vertical-align:2px;background:#63e6ff;margin-left:6px;padding:3px 4px;font:7px/1 sans-serif}.effect-mini{border:1px solid var(--mini);width:38px;height:34px;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.effect-mini{border:1px solid color-mix(in srgb, var(--mini) 35%, #30343a)}}.effect-mini{opacity:.58;filter:drop-shadow(0 0 5px var(--mini));background:linear-gradient(145deg,#ffffff06,#00000038)}@supports (color:color-mix(in lab, red, red)){.effect-mini{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--mini) 30%, transparent))}}.effect-mini i{background:var(--mini);display:block;position:absolute}.effect-mini-petal-depth-windfield{background:radial-gradient(circle at 78% 24%, var(--mini), transparent 36%), linear-gradient(150deg, #151722, #080a10)}@supports (color:color-mix(in lab, red, red)){.effect-mini-petal-depth-windfield{background:radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--mini) 13%, transparent), transparent 36%), linear-gradient(150deg, #151722, #080a10)}}.effect-mini-petal-depth-windfield i{background:radial-gradient(circle at 30% 30%, #ffffffeb 0 8%, transparent 25%), linear-gradient(135deg, var(--mini), var(--mini));border-radius:90% 14%;width:10px;height:5px}@supports (color:color-mix(in lab, red, red)){.effect-mini-petal-depth-windfield i{background:radial-gradient(circle at 30% 30%, #ffffffeb 0 8%, transparent 25%), linear-gradient(135deg, color-mix(in srgb, var(--mini) 94%, white), color-mix(in srgb, var(--mini) 36%, transparent))}}.effect-mini-petal-depth-windfield i{box-shadow:0 0 5px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-petal-depth-windfield i{box-shadow:0 0 5px color-mix(in srgb, var(--mini) 38%, transparent)}}.effect-mini-petal-depth-windfield i:first-child{opacity:.48;filter:blur(.35px);top:8px;left:5px;rotate:-24deg;scale:.66}.effect-mini-petal-depth-windfield i:nth-child(2){opacity:.78;top:5px;left:20px;rotate:31deg;scale:.82}.effect-mini-petal-depth-windfield i:nth-child(3){background:radial-gradient(circle at 30% 30%, white 0 7%, transparent 22%), linear-gradient(135deg, var(--mini), var(--mini));width:15px;height:8px;top:21px;left:13px;rotate:-11deg}@supports (color:color-mix(in lab, red, red)){.effect-mini-petal-depth-windfield i:nth-child(3){background:radial-gradient(circle at 30% 30%, white 0 7%, transparent 22%), linear-gradient(135deg, color-mix(in srgb, var(--mini) 78%, white), color-mix(in srgb, var(--mini) 48%, transparent))}}.effect-mini-petal-depth-windfield i:nth-child(3){box-shadow:0 0 8px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-petal-depth-windfield i:nth-child(3){box-shadow:0 0 8px color-mix(in srgb, var(--mini) 46%, transparent)}}.effect-mini-audio-horizon-material-stretch{background:radial-gradient(ellipse at 50% 73%, var(--mini), transparent 61%), linear-gradient(155deg, #111824, #07090d 74%)}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-horizon-material-stretch{background:radial-gradient(ellipse at 50% 73%, color-mix(in srgb, var(--mini) 18%, transparent), transparent 61%), linear-gradient(155deg, #111824, #07090d 74%)}}.effect-mini-audio-horizon-material-stretch i{transform-origin:50% 100%;background:linear-gradient(145deg, transparent 0 29%, #ffffff57 30% 38%, transparent 39%), linear-gradient(160deg, var(--mini), var(--mini));border-radius:3px 3px 2px 2px;width:13px;height:9px;bottom:7px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-horizon-material-stretch i{background:linear-gradient(145deg, transparent 0 29%, #ffffff57 30% 38%, transparent 39%), linear-gradient(160deg, color-mix(in srgb, var(--mini) 92%, white), color-mix(in srgb, var(--mini) 42%, #10141c))}}.effect-mini-audio-horizon-material-stretch i{border:1px solid var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-horizon-material-stretch i{border:1px solid color-mix(in srgb, var(--mini) 54%, white)}}.effect-mini-audio-horizon-material-stretch i{box-shadow:0 0 6px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-horizon-material-stretch i{box-shadow:0 0 6px color-mix(in srgb, var(--mini) 34%, transparent)}}.effect-mini-audio-horizon-material-stretch i:first-child{height:11px;left:2px}.effect-mini-audio-horizon-material-stretch i:nth-child(2){height:23px;left:12px}.effect-mini-audio-horizon-material-stretch i:nth-child(3){height:15px;left:22px}.effect-mini-audio-radial-spectrum{background:radial-gradient(circle, var(--mini), transparent 48%), #0a0c10}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-radial-spectrum{background:radial-gradient(circle, color-mix(in srgb, var(--mini) 8%, transparent), transparent 48%), #0a0c10}}.effect-mini-audio-radial-spectrum:before{content:"";background:repeating-conic-gradient(from -1deg, var(--mini) 0 1.5deg, transparent 1.5deg 8deg);border-radius:50%;position:absolute;inset:6px 8px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-radial-spectrum:before{background:repeating-conic-gradient(from -1deg, color-mix(in srgb, var(--mini) 72%, white) 0 1.5deg, transparent 1.5deg 8deg)}}.effect-mini-audio-radial-spectrum:before{opacity:.68;-webkit-mask:radial-gradient(circle,#0000 0 53%,#000 55% 64%,#0000 67%);mask:radial-gradient(circle,#0000 0 53%,#000 55% 64%,#0000 67%)}.effect-mini-audio-radial-spectrum:after{content:"";width:2px;height:2px;box-shadow:0 0 5px var(--mini);background:#fff;border-radius:50%;position:absolute;top:15px;left:17px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-radial-spectrum:after{box-shadow:0 0 5px color-mix(in srgb, var(--mini) 72%, transparent)}}.effect-mini-audio-radial-spectrum i{transform-origin:1px 15px;background:linear-gradient(to top, var(--mini), var(--mini));border-radius:2px;width:2px;height:8px;top:2px;left:17px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-radial-spectrum i{background:linear-gradient(to top, color-mix(in srgb, var(--mini) 44%, transparent), color-mix(in srgb, var(--mini) 72%, white))}}.effect-mini-audio-radial-spectrum i{box-shadow:0 0 4px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-radial-spectrum i{box-shadow:0 0 4px color-mix(in srgb, var(--mini) 48%, transparent)}}.effect-mini-audio-radial-spectrum i:first-child{transform:rotate(15deg)scaleY(.72)}.effect-mini-audio-radial-spectrum i:nth-child(2){opacity:.76;transform:rotate(112deg)scaleY(.44)}.effect-mini-audio-radial-spectrum i:nth-child(3){opacity:.54;transform:rotate(238deg)scaleY(.58)}.effect-mini-audio-dock-spectrum{background:linear-gradient(180deg, transparent 0 64%, var(--mini) 65% 100%), #090b0f}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-dock-spectrum{background:linear-gradient(180deg, transparent 0 64%, color-mix(in srgb, var(--mini) 5%, transparent) 65% 100%), #090b0f}}.effect-mini-audio-dock-spectrum:after{content:"";background:linear-gradient(90deg, transparent, var(--mini) 12% 88%, transparent);height:1px;position:absolute;bottom:8px;left:3px;right:3px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-dock-spectrum:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mini) 78%, white) 12% 88%, transparent)}}.effect-mini-audio-dock-spectrum:after{box-shadow:0 0 5px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-dock-spectrum:after{box-shadow:0 0 5px color-mix(in srgb, var(--mini) 38%, transparent)}}.effect-mini-audio-dock-spectrum i{transform-origin:50% 100%;background:repeating-linear-gradient(90deg, var(--mini) 0 1px, transparent 1px 3px);width:8px;bottom:9px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-dock-spectrum i{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--mini) 82%, white) 0 1px, transparent 1px 3px)}}.effect-mini-audio-dock-spectrum i{filter:drop-shadow(0 0 2px var(--mini))}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-dock-spectrum i{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--mini) 60%, transparent))}}.effect-mini-audio-dock-spectrum i:first-child{clip-path:polygon(0 72%,15% 38%,32% 62%,48% 0,65% 52%,82% 25%,100% 74%,100% 100%,0 100%);height:10px;left:5px}.effect-mini-audio-dock-spectrum i:nth-child(2){clip-path:polygon(0 83%,18% 48%,35% 68%,52% 8%,68% 34%,84% 0,100% 58%,100% 100%,0 100%);height:15px;left:15px}.effect-mini-audio-dock-spectrum i:nth-child(3){clip-path:polygon(0 64%,18% 15%,34% 55%,52% 30%,70% 72%,86% 4%,100% 62%,100% 100%,0 100%);opacity:.72;height:9px;left:25px}.effect-mini-audio-fluid-waveform{background:radial-gradient(ellipse at 50% 50%, var(--mini), transparent 68%), linear-gradient(180deg, #0b1015, #07090d)}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-fluid-waveform{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--mini) 12%, transparent), transparent 68%), linear-gradient(180deg, #0b1015, #07090d)}}.effect-mini-audio-fluid-waveform:before{content:"";clip-path:polygon(0 51%,8% 45%,16% 57%,24% 29%,34% 68%,44% 37%,53% 61%,62% 18%,72% 73%,82% 42%,91% 55%,100% 49%,100% 57%,91% 61%,82% 49%,72% 82%,62% 29%,53% 68%,44% 44%,34% 77%,24% 38%,16% 64%,8% 52%,0 58%);background:linear-gradient(180deg, var(--mini), var(--mini));height:18px;position:absolute;top:8px;left:3px;right:3px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-fluid-waveform:before{background:linear-gradient(180deg, color-mix(in srgb, var(--mini) 64%, white), color-mix(in srgb, var(--mini) 12%, transparent))}}.effect-mini-audio-fluid-waveform:before{filter:drop-shadow(0 0 4px var(--mini))}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-fluid-waveform:before{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--mini) 62%, transparent))}}.effect-mini-audio-fluid-waveform:before{opacity:.72}.effect-mini-audio-fluid-waveform:after{content:"";background:linear-gradient(90deg, transparent, var(--mini) 14% 86%, transparent);height:1px;position:absolute;top:17px;left:3px;right:3px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-fluid-waveform:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mini) 76%, white) 14% 86%, transparent)}}.effect-mini-audio-fluid-waveform:after{box-shadow:0 0 5px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-fluid-waveform:after{box-shadow:0 0 5px color-mix(in srgb, var(--mini) 42%, transparent)}}.effect-mini-audio-fluid-waveform i{transform-origin:50%;background:var(--mini);width:24px;height:1px;top:16px;left:7px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-fluid-waveform i{background:color-mix(in srgb, var(--mini) 82%, white)}}.effect-mini-audio-fluid-waveform i{opacity:.28}.effect-mini-audio-fluid-waveform i:first-child{translate:0 -4px;rotate:5deg}.effect-mini-audio-fluid-waveform i:nth-child(2){opacity:.2;translate:0 5px;rotate:-7deg}.effect-mini-audio-fluid-waveform i:nth-child(3){opacity:.38;scale:.72 1}.effect-mini-audio-neon-outline-ring{background:radial-gradient(circle, var(--mini), transparent 62%), #080910}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-neon-outline-ring{background:radial-gradient(circle, color-mix(in srgb, var(--mini) 9%, transparent), transparent 62%), #080910}}.effect-mini-audio-neon-outline-ring:before{content:"";background:conic-gradient(from 205deg, var(--mini), var(--mini), var(--mini), var(--mini), var(--mini));border-radius:50%;position:absolute;inset:5px 7px}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-neon-outline-ring:before{background:conic-gradient(from 205deg, color-mix(in srgb, var(--mini) 76%, black), color-mix(in srgb, var(--mini) 84%, white), var(--mini), color-mix(in srgb, var(--mini) 84%, white), color-mix(in srgb, var(--mini) 76%, black))}}.effect-mini-audio-neon-outline-ring:before{filter:drop-shadow(0 0 3px var(--mini));-webkit-mask:radial-gradient(circle,#0000 0 59%,#000 63% 69%,#0000 73%);mask:radial-gradient(circle,#0000 0 59%,#000 63% 69%,#0000 73%)}@supports (color:color-mix(in lab, red, red)){.effect-mini-audio-neon-outline-ring:before{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--mini) 72%, transparent))}}.effect-mini-audio-neon-outline-ring i{display:none}.effect-mini-rain-depth-streakfield{background:linear-gradient(155deg,#b7daee1a,#0000 42%),linear-gradient(#111923,#070a0e)}.effect-mini-rain-depth-streakfield i{background:linear-gradient(to bottom, transparent, var(--mini));border-radius:1px;width:1px;height:22px;top:-3px;rotate:19deg}@supports (color:color-mix(in lab, red, red)){.effect-mini-rain-depth-streakfield i{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--mini) 88%, white))}}.effect-mini-rain-depth-streakfield i{box-shadow:0 0 4px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-rain-depth-streakfield i{box-shadow:0 0 4px color-mix(in srgb, var(--mini) 36%, transparent)}}.effect-mini-rain-depth-streakfield i:first-child{opacity:.44;height:15px;left:7px}.effect-mini-rain-depth-streakfield i:nth-child(2){opacity:.9;height:26px;top:8px;left:19px}.effect-mini-rain-depth-streakfield i:nth-child(3){opacity:.62;height:18px;top:1px;left:31px}.effect-mini-snow-depth-flakefield{background:radial-gradient(circle at 68% 34%,#ffffff14,#0000 28%),linear-gradient(160deg,#151b25,#080a0f)}.effect-mini-snow-depth-flakefield i{background:var(--mini);border-radius:50%;width:4px;height:4px}@supports (color:color-mix(in lab, red, red)){.effect-mini-snow-depth-flakefield i{background:color-mix(in srgb, var(--mini) 82%, white)}}.effect-mini-snow-depth-flakefield i{box-shadow:0 0 7px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-snow-depth-flakefield i{box-shadow:0 0 7px color-mix(in srgb, var(--mini) 62%, transparent)}}.effect-mini-snow-depth-flakefield i:first-child{opacity:.48;filter:blur(.4px);top:9px;left:6px;scale:.62}.effect-mini-snow-depth-flakefield i:nth-child(2){opacity:.84;width:7px;height:7px;top:6px;left:25px}.effect-mini-snow-depth-flakefield i:nth-child(3){opacity:.72;filter:blur(.3px);width:10px;height:10px;top:23px;left:15px}.effect-mini-clock-minimal-timepiece{background:radial-gradient(ellipse at 50% 46%, var(--mini), transparent 58%), #090b0f}@supports (color:color-mix(in lab, red, red)){.effect-mini-clock-minimal-timepiece{background:radial-gradient(ellipse at 50% 46%, color-mix(in srgb, var(--mini) 8%, transparent), transparent 58%), #090b0f}}.effect-mini-clock-minimal-timepiece i{display:none}.effect-mini-clock-minimal-timepiece:before{content:"18:42";color:var(--mini);position:absolute;inset:7px 0 auto}@supports (color:color-mix(in lab, red, red)){.effect-mini-clock-minimal-timepiece:before{color:color-mix(in srgb, var(--mini) 92%, white)}}.effect-mini-clock-minimal-timepiece:before{text-align:center;letter-spacing:.05em;text-shadow:0 0 7px var(--mini);font:300 11px/1 Bahnschrift,Segoe UI,sans-serif}@supports (color:color-mix(in lab, red, red)){.effect-mini-clock-minimal-timepiece:before{text-shadow:0 0 7px color-mix(in srgb, var(--mini) 35%, transparent)}}.effect-mini-clock-minimal-timepiece:after{content:"07 / 29  TUE";color:var(--mini);position:absolute;inset:auto 0 7px}@supports (color:color-mix(in lab, red, red)){.effect-mini-clock-minimal-timepiece:after{color:color-mix(in srgb, var(--mini) 52%, #808894)}}.effect-mini-clock-minimal-timepiece:after{text-align:center;letter-spacing:.08em;font:4px/1 monospace}.effect-mini-feather-depth-windfield{background:radial-gradient(ellipse at 62% 32%, var(--mini), transparent 42%), linear-gradient(160deg, #151a22, #07090d 74%)}@supports (color:color-mix(in lab, red, red)){.effect-mini-feather-depth-windfield{background:radial-gradient(ellipse at 62% 32%, color-mix(in srgb, var(--mini) 12%, transparent), transparent 42%), linear-gradient(160deg, #151a22, #07090d 74%)}}.effect-mini-feather-depth-windfield i{background:linear-gradient(96deg, transparent 43%, var(--mini) 47% 51%, transparent 55%), repeating-linear-gradient(151deg, var(--mini) 0 1px, var(--mini) 1px 2px);border-radius:68% 30% 78% 24%/94% 45% 70% 20%;width:7px;height:19px}@supports (color:color-mix(in lab, red, red)){.effect-mini-feather-depth-windfield i{background:linear-gradient(96deg, transparent 43%, color-mix(in srgb, var(--mini) 38%, white) 47% 51%, transparent 55%), repeating-linear-gradient(151deg, color-mix(in srgb, var(--mini) 72%, white) 0 1px, color-mix(in srgb, var(--mini) 24%, transparent) 1px 2px)}}.effect-mini-feather-depth-windfield i{filter:drop-shadow(0 0 3px var(--mini))}@supports (color:color-mix(in lab, red, red)){.effect-mini-feather-depth-windfield i{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--mini) 30%, transparent))}}.effect-mini-feather-depth-windfield i{transform-origin:50% 72%}.effect-mini-feather-depth-windfield i:before{content:"";background:radial-gradient(ellipse at 28% 50%, var(--mini), transparent 58%), radial-gradient(ellipse at 72% 42%, var(--mini), transparent 60%);width:13px;height:9px;position:absolute;top:13px;left:-3px}@supports (color:color-mix(in lab, red, red)){.effect-mini-feather-depth-windfield i:before{background:radial-gradient(ellipse at 28% 50%, color-mix(in srgb, var(--mini) 70%, white), transparent 58%), radial-gradient(ellipse at 72% 42%, color-mix(in srgb, var(--mini) 64%, white), transparent 60%)}}.effect-mini-feather-depth-windfield i:before{filter:blur(.7px)}.effect-mini-feather-depth-windfield i:after{content:"";transform-origin:top;background:var(--mini);width:1px;height:19px;position:absolute;top:2px;left:3px;rotate:7deg}@supports (color:color-mix(in lab, red, red)){.effect-mini-feather-depth-windfield i:after{background:color-mix(in srgb, var(--mini) 46%, white)}}.effect-mini-feather-depth-windfield i:first-child{opacity:.42;filter:blur(.3px);top:6px;left:6px;rotate:-28deg;scale:.62}.effect-mini-feather-depth-windfield i:nth-child(2){opacity:.82;top:5px;left:25px;rotate:24deg;scale:.88}.effect-mini-feather-depth-windfield i:nth-child(3){opacity:.68;top:20px;left:15px;rotate:-8deg;scale:1.08}.effect-mini-pointer-meteor-wake,.effect-mini-pointer-contrail-wake{background:radial-gradient(ellipse at 82% 38%, var(--mini), transparent 42%), linear-gradient(145deg, #101820, #070a0e 76%);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-meteor-wake,.effect-mini-pointer-contrail-wake{background:radial-gradient(ellipse at 82% 38%, color-mix(in srgb, var(--mini) 9%, transparent), transparent 42%), linear-gradient(145deg, #101820, #070a0e 76%)}}.effect-mini-pointer-meteor-wake:before,.effect-mini-pointer-meteor-wake:after{content:"";transform-origin:84% 34%;border-top-style:solid;border-radius:68% 82% 0 0/94% 100% 0 0;width:51px;height:24px;position:absolute;top:10px;left:-9px;transform:rotate(-12deg);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000004d 18%,#000 63% 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000004d 18%,#000 63% 100%)}.effect-mini-pointer-meteor-wake:before{border-top-width:6px;border-top-color:var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-meteor-wake:before{border-top-color:color-mix(in srgb, var(--mini) 58%, transparent)}}.effect-mini-pointer-meteor-wake:before{filter:blur(1.25px) drop-shadow(0 0 4px var(--mini))}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-meteor-wake:before{filter:blur(1.25px) drop-shadow(0 0 4px color-mix(in srgb, var(--mini) 55%, transparent))}}.effect-mini-pointer-meteor-wake:before{opacity:.76}.effect-mini-pointer-meteor-wake:after{border-top-width:1.25px;border-top-color:var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-meteor-wake:after{border-top-color:color-mix(in srgb, var(--mini) 58%, white)}}.effect-mini-pointer-meteor-wake:after{filter:drop-shadow(0 0 2px var(--mini))}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-meteor-wake:after{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--mini) 72%, white))}}.effect-mini-pointer-meteor-wake:after{opacity:.94}.effect-mini-pointer-meteor-wake i{display:none}.effect-mini-pointer-contrail-wake{background:linear-gradient(160deg, #ffffff06, transparent 48%), radial-gradient(ellipse at 88% 50%, var(--mini), transparent 36%), #080d12}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-contrail-wake{background:linear-gradient(160deg, #ffffff06, transparent 48%), radial-gradient(ellipse at 88% 50%, color-mix(in srgb, var(--mini) 8%, transparent), transparent 36%), #080d12}}.effect-mini-pointer-contrail-wake:before,.effect-mini-pointer-contrail-wake:after{content:"";border-top:3px solid var(--mini);width:48px;height:15px;position:absolute;top:15px;right:-5px}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-contrail-wake:before,.effect-mini-pointer-contrail-wake:after{border-top:3px solid color-mix(in srgb, var(--mini) 64%, white)}}.effect-mini-pointer-contrail-wake:before,.effect-mini-pointer-contrail-wake:after{transform-origin:100% 18%;filter:blur(.7px) drop-shadow(0 0 3px var(--mini));border-radius:72% 56% 0 0/100% 82% 0 0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000003d 14%,#000000b8 52%,#000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000003d 14%,#000000b8 52%,#000 100%)}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-contrail-wake:before,.effect-mini-pointer-contrail-wake:after{filter:blur(.7px) drop-shadow(0 0 3px color-mix(in srgb, var(--mini) 34%, transparent))}}.effect-mini-pointer-contrail-wake:before,.effect-mini-pointer-contrail-wake:after{opacity:.76}.effect-mini-pointer-contrail-wake:before{transform:rotate(-8deg)scaleY(1.08)}.effect-mini-pointer-contrail-wake:after{transform:rotate(8deg)scaleY(1.08)}.effect-mini-pointer-contrail-wake i{display:none}.effect-mini-pointer-spectrum-ribbon-wake,.effect-mini-pointer-photon-stream-wake{background:linear-gradient(145deg,#10161b,#06080b 78%);overflow:hidden}.effect-mini-pointer-spectrum-ribbon-wake{background:radial-gradient(at 78% 48%,#ffffff14,#0000 32%),linear-gradient(145deg,#10101a,#06070d 78%)}.effect-mini-pointer-spectrum-ribbon-wake:before,.effect-mini-pointer-spectrum-ribbon-wake:after{content:"";transform-origin:85% 52%;border-radius:68% 92% 54% 66%;width:53px;height:22px;position:absolute;top:9px;left:-10px;transform:rotate(-10deg)skew(-8deg);-webkit-mask-image:linear-gradient(90deg,#0000,#0006 18%,#000 66%);mask-image:linear-gradient(90deg,#0000,#0006 18%,#000 66%)}.effect-mini-pointer-spectrum-ribbon-wake:before{background:linear-gradient(180deg, #ff5fa8 7%, #d56eff 28%, var(--mini) 53%, #6fffc2 76%, #ffe57b 96%);filter:blur(1.15px) drop-shadow(0 0 3px var(--mini))}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-spectrum-ribbon-wake:before{filter:blur(1.15px) drop-shadow(0 0 3px color-mix(in srgb, var(--mini) 46%, transparent))}}.effect-mini-pointer-spectrum-ribbon-wake:before{opacity:.72}.effect-mini-pointer-spectrum-ribbon-wake:after{filter:blur(.3px);opacity:.72;background:0 0;border-top:1px solid #ffffffd1;height:8px;inset:13px -4px auto -6px}.effect-mini-pointer-spectrum-ribbon-wake i{display:none}.effect-mini-pointer-photon-stream-wake{background:radial-gradient(ellipse at 86% 48%, var(--mini), transparent 38%), linear-gradient(145deg, #0b1419, #05080a 78%)}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-photon-stream-wake{background:radial-gradient(ellipse at 86% 48%, color-mix(in srgb, var(--mini) 13%, transparent), transparent 38%), linear-gradient(145deg, #0b1419, #05080a 78%)}}.effect-mini-pointer-photon-stream-wake:before,.effect-mini-pointer-photon-stream-wake:after,.effect-mini-pointer-photon-stream-wake i{border-top:1px solid var(--mini);width:51px;height:7px;position:absolute;left:-8px}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-photon-stream-wake:before,.effect-mini-pointer-photon-stream-wake:after,.effect-mini-pointer-photon-stream-wake i{border-top:1px solid color-mix(in srgb, var(--mini) 76%, white)}}.effect-mini-pointer-photon-stream-wake:before,.effect-mini-pointer-photon-stream-wake:after,.effect-mini-pointer-photon-stream-wake i{transform-origin:88%;filter:drop-shadow(0 0 2px var(--mini));border-radius:76% 100% 0 0;-webkit-mask-image:linear-gradient(90deg,#0000,#00000057 20%,#000 72%);mask-image:linear-gradient(90deg,#0000,#00000057 20%,#000 72%)}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-photon-stream-wake:before,.effect-mini-pointer-photon-stream-wake:after,.effect-mini-pointer-photon-stream-wake i{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--mini) 70%, transparent))}}.effect-mini-pointer-photon-stream-wake:before,.effect-mini-pointer-photon-stream-wake:after{content:""}.effect-mini-pointer-photon-stream-wake:before{opacity:.58;top:8px;transform:rotate(-9deg)}.effect-mini-pointer-photon-stream-wake:after{opacity:.92;top:18px;transform:rotate(5deg)}.effect-mini-pointer-photon-stream-wake i:first-child{opacity:.42;top:25px;transform:rotate(12deg)}.effect-mini-pointer-photon-stream-wake i:nth-child(2){opacity:.72;top:13px;transform:rotate(-1deg)scaleX(.84)}.effect-mini-pointer-photon-stream-wake i:nth-child(3){display:none}.effect-mini-pointer-starlight-nebula-wake{background:radial-gradient(circle at 62% 34%, var(--mini), transparent 42%), linear-gradient(150deg, #111827, #05070c 78%)}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-starlight-nebula-wake{background:radial-gradient(circle at 62% 34%, color-mix(in srgb, var(--mini) 18%, transparent), transparent 42%), linear-gradient(150deg, #111827, #05070c 78%)}}.effect-mini-pointer-starlight-nebula-wake:before{content:"";background:var(--mini);border-radius:50%;width:2px;height:2px;position:absolute;top:31px;left:7px}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-starlight-nebula-wake:before{background:color-mix(in srgb, var(--mini) 74%, #84aaff)}}.effect-mini-pointer-starlight-nebula-wake:before{box-shadow:5px -2px 3px 0 var(--mini), 13px -11px 5px -1px var(--mini), 25px -8px 3px -1px var(--mini), 34px -22px 6px -1px var(--mini), 43px -15px 3px -1px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-starlight-nebula-wake:before{box-shadow:5px -2px 3px 0 color-mix(in srgb, var(--mini) 42%, transparent), 13px -11px 5px -1px color-mix(in srgb, var(--mini) 68%, transparent), 25px -8px 3px -1px color-mix(in srgb, var(--mini) 38%, transparent), 34px -22px 6px -1px color-mix(in srgb, var(--mini) 72%, transparent), 43px -15px 3px -1px color-mix(in srgb, var(--mini) 48%, transparent)}}.effect-mini-pointer-starlight-nebula-wake i{clip-path:polygon(50% 0,56% 43%,100% 50%,56% 57%,50% 100%,44% 57%,0 50%,44% 43%);background:var(--mini);width:10px;height:10px;position:absolute}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-starlight-nebula-wake i{background:color-mix(in srgb, var(--mini) 54%, white)}}.effect-mini-pointer-starlight-nebula-wake i{filter:drop-shadow(0 0 5px var(--mini))}@supports (color:color-mix(in lab, red, red)){.effect-mini-pointer-starlight-nebula-wake i{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--mini) 70%, transparent))}}.effect-mini-pointer-starlight-nebula-wake i:first-child{opacity:.52;top:20px;left:16px;scale:.36}.effect-mini-pointer-starlight-nebula-wake i:nth-child(2){top:8px;left:31px;scale:.86}.effect-mini-pointer-starlight-nebula-wake i:nth-child(3){opacity:.46;top:19px;left:43px;scale:.25}.effect-mini-bottom-water-reflection{background:radial-gradient(ellipse at 25% 22%, var(--mini), transparent 28%), linear-gradient(180deg, #131923 0 47%, #101720 48%, #0d141d 100%);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.effect-mini-bottom-water-reflection{background:radial-gradient(ellipse at 25% 22%, color-mix(in srgb, var(--mini) 20%, transparent), transparent 28%), linear-gradient(180deg, #131923 0 47%, #101720 48%, #0d141d 100%)}}.effect-mini-bottom-water-reflection:before{content:"";transform-origin:50% 44%;clip-path:polygon(10% 38%,28% 18%,43% 30%,58% 5%,88% 39%,79% 44%,90% 58%,64% 52%,54% 96%,43% 56%,16% 63%,29% 48%);background:linear-gradient(180deg, var(--mini) 0 44%, var(--mini) 49%, var(--mini) 100%);width:22px;height:25px;position:absolute;top:7px;left:9px}@supports (color:color-mix(in lab, red, red)){.effect-mini-bottom-water-reflection:before{background:linear-gradient(180deg, color-mix(in srgb, var(--mini) 76%, white) 0 44%, color-mix(in srgb, var(--mini) 30%, transparent) 49%, color-mix(in srgb, var(--mini) 64%, white) 100%)}}.effect-mini-bottom-water-reflection:before{opacity:.82;filter:drop-shadow(0 0 3px var(--mini))}@supports (color:color-mix(in lab, red, red)){.effect-mini-bottom-water-reflection:before{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--mini) 28%, transparent))}}.effect-mini-bottom-water-reflection:after{content:"";transform-origin:50%;background:radial-gradient(ellipse at center, var(--mini), var(--mini) 54%, transparent 72%);border-radius:50%;height:5px;position:absolute;top:16px;left:-5px;right:-5px}@supports (color:color-mix(in lab, red, red)){.effect-mini-bottom-water-reflection:after{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--mini) 46%, white), color-mix(in srgb, var(--mini) 12%, transparent) 54%, transparent 72%)}}.effect-mini-bottom-water-reflection:after{opacity:.54}.effect-mini-bottom-water-reflection i{transform-origin:50%;background:radial-gradient(ellipse at center, var(--mini), var(--mini) 62%, transparent 72%);border-radius:50% 42% 55% 46%;height:5px}@supports (color:color-mix(in lab, red, red)){.effect-mini-bottom-water-reflection i{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--mini) 38%, white), color-mix(in srgb, var(--mini) 10%, transparent) 62%, transparent 72%)}}.effect-mini-bottom-water-reflection i:first-child{opacity:.64;width:34px;top:20px;left:-4px;rotate:-2deg}.effect-mini-bottom-water-reflection i:nth-child(2){opacity:.42;width:39px;top:25px;left:10px;rotate:2deg}.effect-mini-bottom-water-reflection i:nth-child(3){opacity:.25;width:32px;top:30px;left:-1px;rotate:-1deg}.effect-mini-global-water-surface{background:linear-gradient(135deg, #ffffff14, transparent 32% 68%, #ffffff0a), radial-gradient(circle at 64% 30%, var(--mini), transparent 46%), linear-gradient(155deg, #101b22, #071015 68%, #0a171d);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.effect-mini-global-water-surface{background:linear-gradient(135deg, #ffffff14, transparent 32% 68%, #ffffff0a), radial-gradient(circle at 64% 30%, color-mix(in srgb, var(--mini) 22%, transparent), transparent 46%), linear-gradient(155deg, #101b22, #071015 68%, #0a171d)}}.effect-mini-global-water-surface:before{content:"";border:1px solid var(--mini);width:25px;height:25px;position:absolute;top:5px;left:7px}@supports (color:color-mix(in lab, red, red)){.effect-mini-global-water-surface:before{border:1px solid color-mix(in srgb, var(--mini) 68%, white)}}.effect-mini-global-water-surface:before{box-shadow:0 0 0 4px var(--mini), 0 0 10px var(--mini), inset 2px 2px 5px #ffffff21;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.effect-mini-global-water-surface:before{box-shadow:0 0 0 4px color-mix(in srgb, var(--mini) 14%, transparent), 0 0 10px color-mix(in srgb, var(--mini) 28%, transparent), inset 2px 2px 5px #ffffff21}}.effect-mini-global-water-surface:before{opacity:.72}.effect-mini-global-water-surface:after{content:"";background:linear-gradient(112deg,#0000 38%,#ffffff29 49%,#0000 60%);position:absolute;inset:-8px -14px;rotate:-6deg}.effect-mini-global-water-surface i{border-top:1px solid var(--mini);width:46px;height:7px;left:-3px}@supports (color:color-mix(in lab, red, red)){.effect-mini-global-water-surface i{border-top:1px solid color-mix(in srgb, var(--mini) 62%, white)}}.effect-mini-global-water-surface i{opacity:.48;background:0 0;border-radius:50%}.effect-mini-global-water-surface i:first-child{top:8px;rotate:4deg}.effect-mini-global-water-surface i:nth-child(2){opacity:.3;top:17px;rotate:-3deg}.effect-mini-global-water-surface i:nth-child(3){opacity:.2;top:26px;rotate:2deg}.effect-mini-global-glass-mist{background:radial-gradient(circle at 73% 24%, var(--mini) 0, transparent 23%), radial-gradient(circle at 22% 76%, var(--mini), transparent 42%), linear-gradient(145deg, #53666e, #17242b 54%, #0b1318);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.effect-mini-global-glass-mist{background:radial-gradient(circle at 73% 24%, color-mix(in srgb, var(--mini) 28%, white) 0, transparent 23%), radial-gradient(circle at 22% 76%, color-mix(in srgb, var(--mini) 34%, transparent), transparent 42%), linear-gradient(145deg, #53666e, #17242b 54%, #0b1318)}}.effect-mini-global-glass-mist:before{content:"";filter:blur(3px);opacity:.82;background:radial-gradient(at 28% 32%,#f4fcff85,#0000 34%),radial-gradient(at 68% 72%,#d4ebf061,#0000 42%),linear-gradient(120deg,#ffffff3b,#cde5eb14);position:absolute;inset:-5px}.effect-mini-global-glass-mist:after{content:"";background:#0812173d;border:1px solid #eefcff94;border-color:#eefcff94 #eefcff24 #eefcff14 #eefcff6b;border-radius:48% 56% 52% 44%;width:27px;height:18px;position:absolute;top:8px;left:9px;rotate:-12deg;box-shadow:inset 0 0 8px #08121752,0 0 9px #dcf6fa33}.effect-mini-global-glass-mist i{background:#f0fdff80;border-radius:60% 45% 55% 50%;width:3px;height:5px;box-shadow:0 0 4px #e1f8fc59}.effect-mini-global-glass-mist i:first-child{top:5px;left:31px}.effect-mini-global-glass-mist i:nth-child(2){opacity:.7;top:25px;left:7px;scale:.7}.effect-mini-global-glass-mist i:nth-child(3){opacity:.55;top:27px;left:35px;scale:.55}.effect-mini.pure-black{border-color:#bbcfe047}.effect-mini-custom-particle-windfield{background:radial-gradient(circle at 50% 48%, var(--mini), transparent 44%), linear-gradient(150deg, #151820, #080a0f)}@supports (color:color-mix(in lab, red, red)){.effect-mini-custom-particle-windfield{background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--mini) 20%, transparent), transparent 44%), linear-gradient(150deg, #151820, #080a0f)}}.effect-mini-custom-particle-windfield:before{content:"+";border:1px dashed var(--mini);place-items:center;display:grid;position:absolute;inset:8px}@supports (color:color-mix(in lab, red, red)){.effect-mini-custom-particle-windfield:before{border:1px dashed color-mix(in srgb, var(--mini) 54%, transparent)}}.effect-mini-custom-particle-windfield:before{color:var(--mini);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.effect-mini-custom-particle-windfield:before{color:color-mix(in srgb, var(--mini) 88%, white)}}.effect-mini-custom-particle-windfield:before{font:16px/1 var(--font-ui);box-shadow:inset 0 0 12px var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini-custom-particle-windfield:before{box-shadow:inset 0 0 12px color-mix(in srgb, var(--mini) 8%, transparent)}}.effect-mini-custom-particle-windfield i{width:4px;height:4px;box-shadow:0 0 6px var(--mini);border-radius:50%}.effect-mini-custom-particle-windfield i:first-child{opacity:.48;top:8px;left:5px}.effect-mini-custom-particle-windfield i:nth-child(2){opacity:.76;top:21px;right:5px;scale:1.25}.effect-mini-custom-particle-windfield i:nth-child(3){opacity:.34;bottom:3px;left:11px;scale:.72}.effect-mini-text-editable-overlay{color:var(--mini);background:linear-gradient(90deg, transparent 12%, var(--mini) 50%, transparent 88%), #090b0f;place-items:center;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.effect-mini-text-editable-overlay{background:linear-gradient(90deg, transparent 12%, color-mix(in srgb, var(--mini) 12%, transparent) 50%, transparent 88%), #090b0f}}.effect-mini-text-editable-overlay:before{content:"Aa";letter-spacing:-.04em;text-shadow:0 0 10px var(--mini);font:600 18px/1 Segoe UI Variable,Microsoft YaHei UI,sans-serif}@supports (color:color-mix(in lab, red, red)){.effect-mini-text-editable-overlay:before{text-shadow:0 0 10px color-mix(in srgb, var(--mini) 65%, transparent)}}.effect-mini-text-editable-overlay:after{content:"TEXT";color:var(--mini);position:absolute;bottom:5px}@supports (color:color-mix(in lab, red, red)){.effect-mini-text-editable-overlay:after{color:color-mix(in srgb, var(--mini) 72%, transparent)}}.effect-mini-text-editable-overlay:after{letter-spacing:.18em;font:500 5px/1 Cascadia Mono,monospace}.effect-mini-text-editable-overlay i{display:none}.active .effect-mini-petal-depth-windfield i{animation:2.1s ease-in-out infinite alternate miniPetalWind}.active .effect-mini-audio-radial-spectrum i,.active .effect-mini-audio-dock-spectrum i{animation:.82s cubic-bezier(.2,.8,.2,1) infinite alternate miniSpectrumResponse}.active .effect-mini-audio-fluid-waveform:before{animation:1.08s cubic-bezier(.22,.72,.28,1) infinite alternate miniFluidWaveform}.active .effect-mini-audio-fluid-waveform i{animation:1.08s cubic-bezier(.22,.72,.28,1) infinite alternate miniWaveformTrace}.active .effect-mini-audio-neon-outline-ring:before{animation:1.16s cubic-bezier(.2,.74,.24,1) infinite alternate miniNeonOutlineRing}.active .effect-mini-rain-depth-streakfield i{animation:.72s linear infinite miniRainFall}.active .effect-mini-snow-depth-flakefield i{animation:2.4s ease-in-out infinite alternate miniSnowDrift}.active .effect-mini-feather-depth-windfield i{animation:2.9s ease-in-out infinite alternate miniFeatherGlide}.active .effect-mini-bottom-water-reflection:before{animation:2.8s ease-in-out infinite miniBottomWaterReflection}.active .effect-mini-bottom-water-reflection:after{animation:2.2s ease-in-out infinite miniBottomWaterWaterline}.active .effect-mini-bottom-water-reflection i{animation:2.4s ease-in-out infinite miniBottomWaterRipple}.active .effect-mini-global-water-surface:before{animation:1.8s cubic-bezier(.2,.72,.24,1) infinite miniWaterRipple}.active .effect-mini-global-water-surface:after{animation:2.6s ease-in-out infinite alternate miniWaterSheen}.active .effect-mini-global-water-surface i{animation:1.7s ease-in-out infinite alternate miniWaterDrift}.active .effect-mini-global-glass-mist:before{animation:3.8s ease-in-out infinite alternate miniGlassMistBreathe}.active .effect-mini-global-glass-mist:after{animation:2.8s cubic-bezier(.3,.7,.2,1) infinite alternate miniGlassMistWipe}.active .effect-mini-custom-particle-windfield i{animation:2.2s ease-in-out infinite alternate miniCustomParticle}.active .effect-mini i:nth-child(2){animation-delay:-.29s}.active .effect-mini i:nth-child(3){animation-delay:-.57s}@keyframes miniPetalWind{0%{translate:-2px 2px}to{translate:3px -3px}}@keyframes miniSpectrumResponse{0%{opacity:.56;scale:1 .52}to{opacity:1;scale:1 1.18}}@keyframes miniNeonOutlineRing{0%{opacity:.68;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--mini) 48%, transparent));scale:.97}to{opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--mini) 88%, transparent));scale:1.04}}@keyframes miniFluidWaveform{0%{opacity:.56;scale:1 .72}to{opacity:.9;scale:1 1.08}}@keyframes miniWaveformTrace{0%{opacity:.18;scale:.82 1}to{opacity:.46;scale:1.04 1}}@keyframes miniRainFall{0%{translate:-4px -11px}to{translate:4px 19px}}@keyframes miniSnowDrift{0%{translate:-2px -2px}to{translate:3px 5px}}@keyframes miniFeatherGlide{0%{translate:-3px -2px;rotate:-8deg}to{translate:4px 5px;rotate:10deg}}@keyframes miniCustomParticle{0%{opacity:.3;translate:-2px -4px}to{opacity:.92;translate:3px 5px}}@keyframes miniPointerMeteorWake{0%{opacity:.68;transform:translate(-1px,1px)rotate(-14deg)scaleX(.94)scaleY(.92)}to{opacity:.96;transform:translate(1px,-1px)rotate(-9deg)scaleX(1.05)scaleY(1.04)}}@keyframes miniPointerContrailUpper{0%{opacity:.58;transform:translateY(1px)rotate(-6deg)scaleX(.96)scaleY(.88)}to{opacity:.82;transform:translate(-1px,-1px)rotate(-10deg)scaleX(1.05)scaleY(1.2)}}@keyframes miniPointerContrailLower{0%{opacity:.58;transform:translateY(-1px)rotate(6deg)scaleX(.96)scaleY(.88)}to{opacity:.82;transform:translate(-1px,1px)rotate(10deg)scaleX(1.05)scaleY(1.2)}}@keyframes miniBottomWaterReflection{0%,to{opacity:.64;transform:translate(-1px)scaleX(.88)}38%{opacity:.8;transform:translate(1px)scaleX(1.08)}70%{opacity:.7;transform:translate(0)scaleX(.96)}}@keyframes miniBottomWaterWaterline{0%,to{opacity:.58;transform:translate(-1px)scaleX(.94)}50%{opacity:.9;transform:translate(1px)scaleX(1.04)}}@keyframes miniBottomWaterRipple{0%,to{transform:translate(-2px)scaleX(.9)}46%{transform:translate(2px)scaleX(1.08)}72%{transform:translate(0)scaleX(.98)}}@keyframes miniWaterRipple{0%{opacity:.82;scale:.38}to{opacity:.08;scale:1.24}}@keyframes miniWaterSheen{0%{opacity:.34;translate:-7px}to{opacity:.82;translate:9px}}@keyframes miniWaterDrift{0%{translate:-3px -1px;scale:.94 1}to{translate:3px 1px;scale:1.06 1}}@keyframes miniGlassMistBreathe{0%{opacity:.7;translate:-2px 1px;scale:1.02}to{opacity:.9;translate:2px -1px;scale:1.08}}@keyframes miniGlassMistWipe{0%{opacity:.45;translate:-5px 3px;rotate:-16deg}to{opacity:.88;translate:8px -3px;rotate:-7deg}}.toggle{background:#3a3d42;border-radius:10px;width:25px;height:14px;padding:2px;transition:all .2s}.toggle i{background:#8c9197;border-radius:50%;width:10px;height:10px;transition:all .2s;display:block}.favorite{z-index:2;color:#4f545b;cursor:pointer;background:0 0;border:0;font-size:13px;position:absolute;top:3px;right:4px}.favorite.saved{color:#ffe16d}.tip{color:#686d74;gap:8px;margin-top:18px;font-size:9px;line-height:1.6;display:flex}.tip span{border:1px solid #4a4e54;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;display:grid}.canvas-stage{background:radial-gradient(circle at 50% 42%,#5ee8ff0b,#0000 45%),linear-gradient(#ffffff04 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/32px 32px;flex-direction:column;justify-content:center;min-width:0;padding:22px 30px 18px;display:flex}.stage-meta{color:#777c84;letter-spacing:.16em;justify-content:space-between;margin-bottom:10px;font:9px monospace;display:flex}.live-dot{background:var(--acid);width:6px;height:6px;box-shadow:0 0 9px var(--acid);border-radius:50%;margin-right:8px;animation:1.5s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.5}}.canvas-frame{aspect-ratio:16/9;background:#050506;border:1px solid #33373c;width:100%;margin:auto;position:relative;overflow:hidden;box-shadow:0 45px 100px #00000094,0 0 0 1px #ffffff09,0 0 45px #5ee8ff09}.canvas-frame canvas{touch-action:none;cursor:default;width:100%;height:100%;display:block}.canvas-frame canvas.model-active,.wallpaper-runtime canvas.model-active{cursor:grab}.canvas-frame canvas.model-active:active,.wallpaper-runtime canvas.model-active:active{cursor:grabbing}.canvas-frame canvas.effect-position-active{cursor:move}.canvas-frame canvas.effect-position-active:active{cursor:grabbing}.canvas-edit-tools{background:linear-gradient(90deg,#0c0f11f5,#131619eb,#0c0f11f5);border:1px solid #292e32;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:42px;margin:0 0 9px;padding:5px 7px;display:grid;box-shadow:0 10px 30px #00000038}.canvas-edit-tools>span{min-width:128px;color:var(--paper);letter-spacing:.08em;text-align:center;padding:0 12px;font:9px monospace}.canvas-edit-tools>span small{color:var(--acid);letter-spacing:0;margin-top:3px;font-size:7px;display:block}.canvas-edit-tools button{white-space:nowrap;color:#aeb4ba;cursor:pointer;background:#171a1d;border:1px solid #33383e;padding:7px 10px;font-size:9px}.canvas-edit-tools button em{margin-left:3px;font-size:8px;font-style:normal}.canvas-edit-tools .history-tools{justify-self:start;gap:4px;display:flex}.canvas-edit-tools .align-tools{justify-self:end;gap:4px;display:flex}.canvas-edit-tools button:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.canvas-edit-tools button:disabled{opacity:.28;cursor:default}.canvas-caption{color:#ffffff61;letter-spacing:.2em;pointer-events:none;justify-content:space-between;font:7px monospace;display:flex;position:absolute;inset:auto 12px 10px}.playback{grid-template-columns:32px 1fr 80px;align-items:center;gap:13px;height:38px;margin-top:12px;display:grid}.playback button{cursor:pointer;background:#181a1d;border:1px solid #33373c;width:30px;height:30px;font-size:10px}.timeline{background:#2b2e32;height:2px;overflow:hidden}.timeline span{background:linear-gradient(90deg, var(--acid), #6a63ff);height:100%;transition:width .3s;display:block}.playback>span{color:#70757d;text-align:right;font-size:9px}.panel-heading.compact{border-bottom:1px solid var(--line);padding-bottom:22px}.reset{color:#737981;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:10px;text-decoration:underline}.used-effects{border-bottom:1px solid var(--line);padding:16px 0}.used-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.used-heading>div{gap:4px;display:grid}.used-heading small,.used-heading>div>span{color:var(--acid);letter-spacing:.14em;font:7px monospace}.used-heading strong{font-size:11px}.used-heading>span{color:#62676e;font:10px monospace}.used-list{gap:5px;max-height:176px;padding-right:3px;display:grid;overflow-y:auto}.used-list>div{background:#181a1d;border:1px solid #292d31;grid-template-columns:1fr 29px;display:grid}.used-focus{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:4px 1fr;align-items:stretch;gap:9px;padding:8px;display:grid}.used-focus i{min-height:28px;display:block}.used-focus span{gap:3px;min-width:0;display:grid}.used-focus strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.used-remove{color:#686d74;cursor:pointer;background:0 0;border:0;border-left:1px solid #292d31;font-size:16px}.used-empty{color:#5f646b;margin:0;font-size:9px;line-height:1.6}.ratio-group,.range-control,.color-control{border-bottom:1px solid var(--line);padding:18px 0}.ratio-group>label,.range-control label,.color-control>label{color:#afb3b8;letter-spacing:.06em;font-size:11px}.segmented{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px;display:grid}.segmented button{color:#70757c;cursor:pointer;background:#191b1f;border:1px solid #30343a;padding:8px 3px;font-size:10px}.segmented button.selected{border-color:var(--acid);color:var(--acid);background:#baff630f}.segmented.two{grid-template-columns:repeat(2,1fr)}.quality-group{background:linear-gradient(120deg,#baff630b,#0000 70%)}.background-panel{border-bottom:1px solid var(--line);padding:17px 0}.background-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.background-heading>div:first-child{gap:4px;display:grid}.background-heading span,.particle-tool span{color:var(--acid);letter-spacing:.13em;font:7px monospace}.background-heading strong,.particle-tool strong{color:var(--paper);font-size:12px}.background-mode{gap:3px;display:flex}.background-mode button{color:#777d84;cursor:pointer;background:#181a1d;border:1px solid #30343a;padding:6px 10px;font-size:8px}.background-mode button.selected{color:var(--acid);border-color:var(--acid);background:#baff630f}.background-colors{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.background-colors label{cursor:pointer;background:#141619;border:1px solid #2b2f34;gap:3px;min-width:0;padding:9px 8px 9px 34px;display:grid;position:relative}.background-colors label:before{content:"";background:var(--swatch);border:1px solid #ffffff2e;width:18px;height:27px;position:absolute;top:9px;left:8px}.background-colors input{opacity:0;width:1px;height:1px;position:absolute}.background-colors span{color:#8d9298;font-size:8px}.background-colors output{color:#62676d;font:7px monospace;overflow:hidden}.gradient-directions{grid-template-columns:repeat(4,1fr);gap:4px;margin:7px 0 1px;display:grid}.gradient-directions button{color:#757b82;cursor:pointer;background:#17191c;border:1px solid #30343a;height:27px}.gradient-directions button.selected{color:var(--acid);border-color:var(--acid)}.wallpaper-import{gap:8px;display:grid}.wallpaper-empty{text-align:left;width:100%;min-height:82px;color:inherit;cursor:pointer;background:linear-gradient(110deg,#c3ff690b,#63e6ff06);border:1px dashed #3b4147;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:12px;display:grid}.wallpaper-empty>i{width:32px;height:40px;color:var(--acid);font:20px/1 var(--font-number);border:1px solid #3d444a;place-items:center;font-style:normal;display:grid}.wallpaper-empty>span,.wallpaper-file>span{gap:4px;min-width:0;display:grid}.wallpaper-empty strong,.wallpaper-file strong{text-overflow:ellipsis;white-space:nowrap;color:#dce0e4;font-size:10px;overflow:hidden}.wallpaper-empty small,.wallpaper-file small{color:#686f76;font-size:8px}.wallpaper-file{background:#141719;border:1px solid #30353a;grid-template-columns:36px 1fr;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.wallpaper-file>i{width:34px;height:42px;color:var(--acid);background:#0c0e10;border:1px solid #343a40;place-items:center;font:13px monospace;display:grid}.wallpaper-fit{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.wallpaper-fit button,.wallpaper-actions button{color:#747b82;cursor:pointer;background:#181b1e;border:1px solid #30353a;min-width:0;padding:8px 3px;font-size:8px}.wallpaper-fit button.selected{border-color:var(--acid);color:var(--acid);background:#c3ff690e}.wallpaper-actions{grid-template-columns:1fr 70px;gap:5px;display:grid}.wallpaper-actions button:first-child{color:#cdd2d6}.wallpaper-actions button.remove{color:#d77b78}.wallpaper-actions button:hover{border-color:#5a6168}.wallpaper-status,.wallpaper-error{margin:0;font-size:8px;line-height:1.55}.wallpaper-status{color:var(--acid)}.wallpaper-error{color:#ff827b}.background-panel .range-control{padding-bottom:0}.particle-tool{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:15px 0;display:flex}.particle-tool>div{gap:4px;display:grid}.particle-tool small{color:#666c73;font-size:8px}.particle-tool button{border:1px solid var(--acid);color:var(--acid);cursor:pointer;background:#baff6312;flex:none;padding:9px 11px;font-size:9px}.edit-scope{border:1px solid #31363b;gap:5px;margin-top:14px;padding:12px;display:grid;position:relative}.edit-scope>span{color:var(--acid);letter-spacing:.14em;font:7px monospace}.position-controls{border-bottom:1px solid var(--line);padding-top:12px}.position-controls>span,.trail-style>span{color:var(--acid);letter-spacing:.1em;margin-bottom:3px;font:8px monospace;display:block}.position-controls .range-control:last-child{border-bottom:0}.clock-options{border-bottom:1px solid var(--line);gap:10px;padding:14px 0;display:grid}.clock-options>div:first-child{gap:3px;display:grid}.clock-options>div:first-child span{color:var(--acid);letter-spacing:.14em;font:7px monospace}.clock-options>div:first-child strong{color:#d7dbe0;font-size:11px}.clock-format{grid-template-columns:1fr 1fr;gap:5px;display:grid}.clock-style{gap:5px;display:grid}.clock-style>span{color:#8e949b;font-size:8px}.clock-style-grid{grid-template-columns:repeat(3,1fr)}.clock-format button{color:#777d84;cursor:pointer;background:#17191c;border:1px solid #30353a;padding:8px;font-size:9px}.clock-format button.selected{border-color:var(--acid);color:var(--acid);background:#baff6312}.clock-options>label{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;display:flex}.clock-options>label>span{gap:3px;display:grid}.clock-options>label strong{color:#b9bec4;font-size:9px}.clock-options>label small{color:#62686f;font-size:7px}.clock-options input[type=checkbox]{appearance:none;cursor:pointer;background-color:#35393e;background-image:radial-gradient(circle at 8px 8px,#8b9197 0 5px,#0000 5.5px);background-position:0 0;background-repeat:no-repeat;border-radius:12px;width:28px;height:16px;padding:2px;transition:background-color .2s,background-position .2s}.clock-options input[type=checkbox]:checked{background-color:var(--acid);background-image:radial-gradient(circle at 8px 8px,#101210 0 5px,#0000 5.5px);background-position:12px 0}.trail-style{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:5px;padding:14px 0;display:grid}.trail-style>span{grid-column:1/-1}.trail-style button{color:#777d84;cursor:pointer;background:#17191c;border:1px solid #30353a;padding:9px;font-size:9px}.trail-style button.selected{border-color:var(--acid);color:var(--acid);background:#baff6312}.ratio-readout{color:#5f646b;margin-top:9px;font:8px monospace;display:block}.range-control>div{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.range-control .range-input-row{grid-template-columns:28px 1fr 28px;gap:8px;margin-bottom:0;display:grid}.range-input-row button{color:#aeb4ba;cursor:pointer;background:#171a1d;border:1px solid #353a40;width:28px;height:28px;font:16px/1 monospace}.range-input-row button:hover,.range-input-row button:focus-visible{color:var(--acid);border-color:var(--acid);outline:none}.range-input-row button:active{background:#c3ff691a;transform:translateY(1px)}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--acid) var(--value,50%), #363a3f var(--value,50%));width:100%;height:2px;accent-color:var(--acid);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--acid);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #baff631a}.color-row{grid-template-columns:1fr 28px 1fr;align-items:center;gap:5px;margin-top:13px;display:grid}.color-chip{cursor:pointer;border:1px solid #ffffff26;height:42px;position:relative;overflow:hidden}.color-chip input{opacity:0;cursor:pointer;width:100%;height:100%}.color-chip span{text-align:center;pointer-events:none;background:#00000085;padding:3px;font:7px monospace;position:absolute;inset:auto 4px 4px}.swap{color:#757a81;cursor:pointer;background:0 0;border:0;font-size:16px}.recipe{border-left:2px solid var(--acid);background:#181a1e;margin-top:17px;padding:13px}.recipe>span{color:#6f747c;font-size:9px;display:block}.recipe strong{margin:5px 0 10px;font-size:11px;display:block}.recipe div{gap:5px;display:flex}.recipe i{width:18px;height:3px;display:block}.editor-error{color:#ff837c;margin:12px 0 0;font-size:9px;line-height:1.5}.local-note{color:#555a61;text-align:center;margin:10px 0 0;font-size:8px}.sync-toast{z-index:40;color:#10130f;cursor:pointer;background:#d9ff9d;border:1px solid #fff;padding:11px 14px;font-size:10px;animation:.25s toastIn;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #00000073}.sync-toast span{opacity:.5;margin-left:18px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}}.wallpaper-runtime{cursor:default;background:#050607;position:fixed;inset:0;overflow:hidden}.wallpaper-runtime canvas{object-fit:cover;touch-action:none;width:100vw;height:100vh;display:block}.runtime-hint{pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0c9e;border:1px solid #ffffff24;padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.runtime-hint span{color:var(--acid);letter-spacing:.22em;font:7px monospace}.runtime-hint p{color:#a7adb3;margin:4px 0 0;font-size:9px}.audio-control,.effect-palette{border-bottom:1px solid var(--line);padding:16px 0}.palette-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.palette-heading>div{gap:4px;display:grid}.palette-heading span{color:#676c73;font-size:8px}.palette-heading strong{color:var(--paper);font-size:12px}.palette-heading button{color:#70757c;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:8px;text-decoration:underline}.theme-grid{gap:7px;display:grid}.theme-row{grid-template-columns:37px 1fr;align-items:center;gap:7px;display:grid}.theme-row>span{color:#71767d;font-size:8px}.theme-row>div{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.theme-row button{cursor:pointer;border:1px solid #ffffff14;height:19px;position:relative}.theme-row button:hover{z-index:2;transform:scale(1.12)}.theme-row button.selected:after{content:"";border:1px solid #fff;position:absolute;inset:-3px}.custom-effect-color{border-top:1px solid #272a2e;grid-template-columns:1fr 28px 62px;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:grid}.custom-effect-color input{cursor:pointer;background:0 0;border:0;width:28px;height:24px;padding:0}.custom-effect-color output{color:var(--acid);text-align:right;font:9px monospace}.effect-palette>p{color:#555a61;margin:8px 0 0;font-size:8px}.audio-title{justify-content:space-between;align-items:center;display:flex}.audio-title>div{align-items:center;gap:7px;display:flex}.audio-title>span{color:#61666d;font-size:8px}.audio-live{background:#63e6ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #63e6ff}.audio-meter{background:#0f1113;border:1px solid #292d32;align-items:end;gap:4px;height:34px;margin:12px 0 9px;padding:5px;display:flex}.audio-meter i{background:linear-gradient(to top, var(--acid), #63e6ff);flex:1;min-height:3px;transition:height .1s linear}.audio-actions{gap:5px;display:flex}.audio-actions button{color:#757a81;cursor:pointer;background:#181a1d;border:1px solid #30343a;flex:1;padding:7px 3px;font-size:8px}.audio-actions button.selected{color:#63e6ff;border-color:#63e6ff}.audio-control>p{color:#ff837c;margin:8px 0 0;font-size:8px}.tutorial-backdrop{z-index:50;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#030405c7;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.tutorial-modal{background:#141619;border:1px solid #363a3f;width:min(680px,100%);max-height:92vh;padding:35px 38px 30px;position:relative;overflow-y:auto;box-shadow:0 35px 100px #000000b3}.tutorial-modal:before{content:"";background:linear-gradient(90deg, var(--acid), #64e7ff, #6f62ff);height:3px;position:absolute;inset:0 0 auto}.tutorial-close{color:#777d84;font:26px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;position:absolute;top:16px;right:18px}.tutorial-modal h2{font:650 30px/1.25 var(--font-ui);margin:9px 0 8px}.tutorial-lead{color:#858a91;margin:0 0 24px;font-size:12px}.tutorial-content{padding-top:20px}.tutorial-platform{justify-content:space-between;align-items:baseline;margin-bottom:15px;display:flex}.tutorial-platform span{color:#666c73;letter-spacing:.12em;font:9px monospace}.tutorial-platform strong{font:600 14px/1.4 var(--font-ui)}.tutorial-content ol{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.tutorial-content li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:26px 1fr;gap:9px;min-height:92px;padding:14px;display:grid}.tutorial-content li>span{color:var(--acid);font:9px monospace}.tutorial-content li p{color:#b6bac0;margin:0;font-size:11px;line-height:1.7}.tutorial-note{color:#777c83;background:#1a1c20;margin:14px 0 0;padding:11px 13px;font-size:10px;line-height:1.6}.tutorial-note span{color:var(--acid);margin-right:10px;font-weight:700}.tutorial-done{background:var(--acid);color:#0d0f0f;cursor:pointer;border:0;width:100%;margin-top:17px;padding:12px;font-size:11px;font-weight:700}.particle-designer-backdrop{z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020304d6;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.particle-designer{background:#121416;border:1px solid #383d43;width:min(760px,100%);max-height:94vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 38px 110px #000000c7}.particle-designer:before{content:"";background:linear-gradient(90deg, var(--acid), #58e8f7, #715dff);height:3px;position:absolute;inset:0 0 auto}.particle-designer header{justify-content:space-between;align-items:start;display:flex}.particle-designer header span{color:var(--acid);letter-spacing:.16em;font:8px monospace}.particle-designer h2{font:650 27px/1.25 var(--font-ui);margin:6px 0 0}.particle-designer header>button{color:#797f86;font:28px/1 var(--font-ui);cursor:pointer;background:0 0;border:0}.particle-designer-lead{color:#838990;margin:11px 0 18px;font-size:11px;line-height:1.7}.particle-board-wrap{border:1px solid #3b4147;width:min(360px,100%);margin:0 auto;position:relative;box-shadow:inset 0 0 40px #0009,0 18px 50px #00000059}.particle-board-wrap canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.particle-drawing-capacity{color:#77889a;width:min(360px,100%);font:9px var(--font-ui);justify-content:space-between;margin:8px auto 0;display:flex}.particle-origin{color:#baff6385;pointer-events:none;font:7px monospace;position:absolute;bottom:7px;right:8px}.particle-mode{grid-template-columns:1fr 1fr;gap:5px;width:min(360px,100%);margin:9px auto 0;display:grid}.particle-mode button{color:#7b8188;cursor:pointer;background:#191c1f;border:1px solid #30353b;padding:9px;font-size:9px}.particle-mode button.selected{border-color:var(--acid);color:var(--acid);background:#baff6312}.particle-rotation{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#0f1113;border:1px solid #30353a;width:min(360px,100%);margin:14px auto 0;padding:12px}.particle-rotation>div:first-child{color:#949aa1;justify-content:space-between;font-size:9px;display:flex}.particle-rotation output{color:var(--acid);font:9px monospace}.particle-rotation>input[type=range]{width:100%;height:34px;min-height:34px;accent-color:var(--acid);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:linear-gradient(90deg, var(--acid) var(--value,50%), #363a3f var(--value,50%)) center / 100% 3px no-repeat;margin:4px 0;padding:0}.particle-rotation>input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:3px}.particle-rotation>input[type=range]::-webkit-slider-thumb{margin-top:-6px}.particle-rotation-presets{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.particle-rotation-presets button{color:#737980;cursor:pointer;background:#191c1f;border:1px solid #30353a;padding:7px 2px;font-size:8px}.particle-rotation-presets button.selected{color:var(--acid);border-color:var(--acid)}.particle-designer-actions{grid-template-columns:1fr 1fr 2fr;gap:7px;margin-top:18px;display:grid}.particle-designer-actions button{color:#858b92;cursor:pointer;background:#1a1d20;border:1px solid #34393f;padding:11px;font-size:9px}.particle-designer-actions button:disabled{opacity:.35;cursor:default}.particle-designer-actions button.apply{background:var(--acid);color:#0d100d;border-color:var(--acid);font-weight:700}button{border-radius:9px}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #8eb9dac2}.topbar{background:#0a1018db;border-bottom-color:#97b1cf24;box-shadow:0 12px 38px #02070d38}.brand{font-weight:650}.brand-mark{box-shadow:inset 0 1px #ffffff52,0 8px 24px #345b7b47}.top-actions button{letter-spacing:.01em;height:42px;padding:0 17px;font-size:12px}.tutorial-button,.ghost-button{color:#b7c3d0;background:#192430b8;border-color:#97b1cf2e!important}.tutorial-button:hover,.ghost-button:hover{color:#e2edf7;background:#263646d1;border-color:#8eb9da94!important}.lively-button{color:#b9d8ed;background:#5486ac24;border-color:#79b6d66b!important}.lively-button:hover{color:#f1f7fb;background:#5284a957}.ghost-button span{color:#9fc8e4}.effects-panel{border-right-color:var(--line);background:linear-gradient(#121c27fa,#0c131cfa)}.control-panel{border-left-color:var(--line);scrollbar-color:#7a91a87a transparent;background:linear-gradient(#121b26fa,#0b121bfa)}.panel-heading{gap:14px}.eyebrow,.used-heading small,.used-heading>div>span,.background-heading span,.particle-tool span,.edit-scope>span,.position-controls>span,.trail-style>span,.clock-options>div:first-child span,.particle-designer header span{color:#98bfdc;font-family:var(--font-ui);letter-spacing:.11em;font-size:9px;font-weight:650}.candidate-note{color:#8795a6;border-left-color:#8eb9da6b;margin-top:14px;padding:2px 0 2px 11px;font-size:10px;line-height:1.75}.curation-standard{background:#1d2a388a;border-color:#97b1cf24;border-radius:10px;gap:7px;margin-top:13px;padding:9px}.curation-standard>span{color:#9fc6e1;font-family:var(--font-ui);font-size:8px}.curation-standard>div{color:#8b99aa}.curation-standard i{box-shadow:none;background:#91b7d3}.curation-standard strong{font-size:8px}.effect-search{background:#090f17b8;border-color:#97b1cf2e;border-radius:10px;gap:10px;height:42px;padding:0 12px;transition:border-color .18s,background .18s,box-shadow .18s}.effect-search:focus-within{background:#0d1620eb;border-color:#8eb9da8a;box-shadow:0 0 0 3px #5b8bb01a}.effect-search input{font-size:12px}.category-strip{gap:8px;padding:12px 0 11px}.category-strip button{color:#a8b4c2;background:#192430cc;border-color:#97b1cf24;border-radius:10px;grid-template-columns:28px 1fr 22px;gap:9px;min-height:50px;padding:8px 9px}.category-strip button:hover{background:#1f2d3be6;border-color:#8eb9da66;transform:translateY(-1px)}.category-copy strong{font-size:11px;font-weight:650}.category-copy small{color:#788698;font-size:9px}.category-strip button.selected{color:#dceaf5;background:#4c76973d;border-color:#8eb9da94;box-shadow:inset 0 0 0 1px #b5d3e90d}.category-strip button.selected .category-copy small,.category-strip button.selected em{color:#90a8ba}.library-summary{color:#788698;font:9px var(--font-ui);margin-bottom:10px}.effect-list{scrollbar-color:#7a91a873 transparent;gap:9px;padding-right:6px}.effect-card{background:linear-gradient(110deg,#1b2734eb,#121b25eb);border-color:#97b1cf24;border-radius:12px;min-height:76px;overflow:hidden;box-shadow:0 5px 18px #02070d1a}.effect-card.editing{box-shadow:inset 3px 0 #91bad8,0 8px 24px #02070d29}.effect-copy strong{letter-spacing:.02em;font-size:14px;font-weight:650}.effect-copy small{color:#8996a7;font-size:11px;line-height:1.45}.effect-copy em{color:#d8e9f5;font:8px/1 var(--font-ui);background:#5b93b847;border-radius:4px}.effect-mini{border-color:var(--mini)}@supports (color:color-mix(in lab, red, red)){.effect-mini{border-color:color-mix(in srgb, var(--mini) 24%, #97b1cf2e)}}.effect-mini{opacity:.68;filter:none;border-radius:8px}.active .toggle i{background:#eef6fb;transform:translate(12px)}.favorite{color:#6e7b8c;top:5px;right:7px}.tip{color:#8491a1;font-size:10px;line-height:1.65}.tip span{border-color:#97b1cf4d}.canvas-stage{background:radial-gradient(circle at 50% 42%,#6292b712,#0000 48%),linear-gradient(#a3bad105 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#a3bad105 1px,#0000 1px) 0 0/36px 36px;padding:25px 32px 21px}.stage-meta{color:#8492a4;font:9px var(--font-ui);letter-spacing:.13em;margin-bottom:12px}.live-dot{background:#89b3d1;box-shadow:0 0 8px #89b3d18a}.canvas-frame{border-color:#97b1cf33;border-radius:14px;box-shadow:0 34px 90px #00050c8a,0 0 0 1px #cbdded09}.canvas-edit-tools{background:#131d28e6;border-color:#97b1cf26;border-radius:12px;gap:12px;min-height:46px;margin-bottom:11px;padding:7px 9px;box-shadow:0 10px 28px #01060c2e}.canvas-edit-tools>span{color:#d8e2ec;font:10px var(--font-ui)}.canvas-edit-tools>span small{color:#91b9d7;font-size:8px}.canvas-edit-tools button{color:#b1becb;background:#1f2b38d1;border-color:#97b1cf2e;padding:8px 11px;font-size:10px}.playback button{background:#1a2632e6;border-color:#97b1cf2e;border-radius:9px}.timeline{background:#2b3948;border-radius:3px;height:3px}.panel-heading.compact,.used-effects,.ratio-group,.range-control,.color-control,.background-panel,.particle-tool,.position-controls,.clock-options,.trail-style,.audio-control,.effect-palette{border-color:var(--line)}.panel-heading.compact{padding-bottom:24px}.used-heading strong,.range-control label,.ratio-group>label,.color-control>label{color:#c4cfda;letter-spacing:.02em;font-size:12px}.used-list>div{background:#192531d1;border-color:#97b1cf24;border-radius:9px;overflow:hidden}.used-list>div.selected{border-color:#8eb9da80}.used-focus{padding:10px}.used-focus strong{font-size:11px}.used-remove{border-left-color:#97b1cf24}.segmented,.clock-format,.trail-style{gap:6px}.segmented button,.clock-format button,.trail-style button,.background-mode button,.gradient-directions button,.wallpaper-fit button,.wallpaper-actions button,.audio-actions button,.particle-mode button,.particle-rotation-presets button{color:#93a1b2;background:#192531c7;border-color:#97b1cf29;border-radius:8px;font-size:10px}.background-heading strong,.particle-tool strong,.palette-heading strong{font-size:13px;font-weight:650}.background-colors label{background:#111b26cc;border-color:#97b1cf26;border-radius:9px;padding:11px 9px 11px 38px}.background-colors span,.wallpaper-empty small,.wallpaper-file small,.particle-tool small,.clock-options>label small,.effect-palette>p,.audio-title>span,.audio-control>p{font-size:9px}.wallpaper-empty,.wallpaper-file,.edit-scope,.particle-rotation{background:#121d28b8;border-color:#97b1cf2b;border-radius:11px}.wallpaper-empty:hover{border-color:#8eb9da94}.wallpaper-empty>i,.wallpaper-file>i{color:#9fc5df;border-color:#97b1cf38;border-radius:8px}.particle-tool button{color:#b9d8ed;background:#4e7b9d24;border-color:#8eb9da7a;border-radius:9px;font-size:10px}.edit-scope{margin-top:16px;padding:14px}.edit-scope>strong{color:#d6e0e9;font-size:11px}.clock-options{gap:12px;padding:17px 0}.clock-options>div:first-child strong,.clock-options>label strong{font-size:11px}.clock-options input[type=checkbox]{background-color:#3b4755}.clock-options input[type=checkbox]:checked{background-color:#789fbc;background-image:radial-gradient(circle at 8px 8px,#f1f7fb 0 5px,#0000 5.5px)}.range-input-row button{color:#b8c4d0;width:32px;height:32px;font:17px/1 var(--font-number);background:#1b2835d6;border-color:#97b1cf2e;border-radius:8px}.range-input-row button:hover,.range-input-row button:focus-visible{color:#dbeaf4;border-color:#8eb9da94}.range-input-row button:active{background:#5180a233}input[type=range]{background:linear-gradient(90deg, #86aecb var(--value,50%), #344352 var(--value,50%));accent-color:#86aecb;border-radius:4px;height:4px}.color-chip{border-color:#c4d5e42e;border-radius:8px}.recipe{background:#192531c7;border:1px solid #97b1cf24;border-left:3px solid #86aecb;border-radius:10px;padding:15px}.recipe>span,.recipe strong{font-size:11px}.sync-toast{color:#eaf3f9;background:#2f485df5;border-color:#b1cfe54d;border-radius:11px;font-size:11px}.audio-meter{background:#091018b8;border-color:#97b1cf24;border-radius:9px;height:38px}.audio-meter i{background:linear-gradient(#9bc5df,#698fae);border-radius:2px 2px 0 0}.tutorial-backdrop,.particle-designer-backdrop{background:#04090fcc}.tutorial-modal,.particle-designer{background:#121c27;border-color:#97b1cf33;border-radius:18px;box-shadow:0 34px 100px #00040aad}.tutorial-modal:before,.particle-designer:before{background:linear-gradient(90deg,#0000,#7aa4c2 22% 78%,#0000);height:2px}.tutorial-lead,.particle-designer-lead{color:#96a3b3;font-size:12px}.tutorial-content li{min-height:100px;padding:16px}.tutorial-content li p{color:#c0cad5;font-size:12px}.tutorial-note{color:#9aa7b6;background:#1b2835d1;border-radius:9px}.tutorial-done,.particle-designer-actions button.apply{color:#0a1721;background:#a4c7df;border-color:#a4c7df;border-radius:9px}.particle-board-wrap{border-color:#97b1cf3d;border-radius:12px;overflow:hidden}.particle-origin,.particle-rotation output,.custom-effect-color output,.wallpaper-status{color:#9fc5df}.theme-grid,.theme-row{gap:9px}.theme-row button{border-radius:5px;height:22px}.custom-effect-color>span{color:#a3afbd;font-size:10px}*{scrollbar-width:thin;scrollbar-color:#7b95ae6b transparent}@media (width<=1050px){.workspace-title{display:none}.workspace{grid-template-columns:230px minmax(430px,1fr)}.control-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:0 20px;max-height:none;display:grid}.control-panel .panel-heading{grid-column:1/-1}.recipe,.local-note{align-self:end}}@media (width<=720px){.topbar{height:66px;padding:0 14px}.ghost-button,.tutorial-button,.lively-button{display:none}.workspace{flex-direction:column;display:flex}.effects-panel{border-right:0;border-bottom:1px solid var(--line);height:auto;max-height:480px;padding:20px 14px}.effect-list{grid-template-columns:none;grid-auto-columns:minmax(180px,78vw);grid-auto-flow:column;padding-bottom:5px;overflow:auto hidden}.effect-main{grid-template-columns:24px 1fr 24px}.effect-main .toggle{display:none}.effect-orb{width:22px;height:22px}.intro,.tip{display:none}.canvas-stage{min-height:430px;padding:18px 14px}.canvas-edit-tools{grid-template-columns:auto 1fr;grid-template-areas:"history title""align align"}.canvas-edit-tools .history-tools{grid-area:history}.canvas-edit-tools>span{text-align:right;grid-area:title;min-width:0}.canvas-edit-tools .align-tools{grid-area:align;grid-template-columns:repeat(3,1fr);justify-self:stretch;display:grid}.control-panel{grid-template-columns:1fr 1fr;padding:22px 14px;display:grid}.ratio-group,.range-control,.color-control{padding:15px 0}.recipe{margin-top:15px}}@media (width<=480px){.brand small{display:none}.canvas-stage{min-height:360px}.canvas-edit-tools button{padding:6px 7px;font-size:8px}.canvas-edit-tools button em{display:none}.control-panel{display:block}.tutorial-modal{padding:30px 18px 20px}.tutorial-modal h2{font-size:24px}.tutorial-content ol{grid-template-columns:1fr}}:root{--studio-graphite:#101214;--studio-deep:#0b0d0f;--studio-panel:#15181b;--studio-panel-raised:#1b1f23;--studio-card:#1d2125;--studio-card-hover:#22272c;--studio-edge:#dee5ea16;--studio-edge-strong:#dee5ea29;--studio-text:#f0f2f3;--studio-copy:#c5cacf;--studio-muted:#858d94;--state-cyan:#72b7c9;--state-cyan-soft:#72b7c91f;--state-cyan-line:#72b7c975;--ink:var(--studio-deep);--panel:var(--studio-panel);--panel-raised:var(--studio-panel-raised);--surface-raised:var(--studio-panel-raised);--panel-soft:#191d20;--line:var(--studio-edge);--line-strong:var(--studio-edge-strong);--muted:var(--studio-muted);--acid:var(--state-cyan);--cyan:var(--state-cyan);--paper:var(--studio-text);--font-ui:"Microsoft YaHei UI", "HarmonyOS Sans SC", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--font-display:"Microsoft YaHei UI", "HarmonyOS Sans SC", "PingFang SC", sans-serif;--font-number:"Bahnschrift", "DIN Alternate", "Microsoft YaHei UI", sans-serif;--font-numeric:var(--font-number)}html,body{background:var(--studio-deep)}body{color:var(--studio-text);font-family:var(--font-ui);letter-spacing:0;background:radial-gradient(at 50% -30%,#ffffff0b,#0000 48rem),linear-gradient(#111416 0%,#0b0d0f 55%,#090b0c 100%);font-size:13px;line-height:1.55}button,input{font-family:var(--font-ui)}button{border-radius:8px;min-height:36px}button:disabled,input:disabled{opacity:.36;cursor:not-allowed;filter:saturate(.4)}button:focus-visible,input:focus-visible{outline:2px solid var(--state-cyan);outline-offset:2px}.studio-shell{background:0 0;min-height:100dvh}.topbar{border-bottom:1px solid var(--studio-edge);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e1012;flex-basis:64px;height:64px;padding:0 20px;box-shadow:0 8px 30px #00000038}.brand{font-family:var(--font-display);letter-spacing:.015em;gap:10px;font-size:17px;font-weight:680}.brand-mark{color:#111719;background:#a8ced6;border:1px solid #ffffff3d;border-radius:9px;width:32px;height:32px;box-shadow:0 6px 18px #00000038}.brand small,.workspace-title span{display:none}.workspace-title{gap:0}.workspace-title strong{color:#9fa6ac;font:500 12px/1.3 var(--font-ui);letter-spacing:.02em}.top-actions{gap:7px}.top-actions button{color:#aeb4b9;background:0 0;height:38px;min-height:38px;padding:0 14px;font-size:12px;font-weight:550;transition:color .16s,background-color .16s,border-color .16s;border:1px solid #0000!important}.top-actions .tutorial-button:hover,.top-actions .ghost-button:hover{color:#eef1f2;background:#ffffff0b;border-color:var(--studio-edge-strong)!important}.top-actions .ghost-button span{color:var(--state-cyan)}.top-actions .lively-button{color:#d8e9ed;background:#72b7c91c;border-color:#72b7c947!important}.top-actions .lively-button:hover{color:#f4fafb;background:#72b7c92e;border-color:#72b7c980!important}.workspace{grid-template-columns:clamp(250px,18vw,300px) minmax(620px,1fr) clamp(292px,20vw,340px);min-height:calc(100dvh - 64px)}.panel{background:var(--studio-panel);padding:20px 16px}.effects-panel{border-right:1px solid var(--studio-edge);background:linear-gradient(180deg, #ffffff05, transparent 16rem), var(--studio-panel);height:calc(100dvh - 64px)}.control-panel{border-left:1px solid var(--studio-edge);scrollbar-gutter:stable;background:linear-gradient(#ffffff04,#0000 18rem),#14171a;max-height:calc(100dvh - 64px);padding:20px 14px 28px}.panel-heading{align-items:center;gap:12px}.panel-heading h1,.panel-heading h2{color:#f1f3f4;font:650 19px/1.35 var(--font-display);letter-spacing:0;margin:0}.eyebrow{display:none}.count{color:#676e74;font:420 24px/1 var(--font-number)}.candidate-note,.curation-standard{display:none}.library-tools{margin-top:16px}.effect-search{border:1px solid var(--studio-edge);background:#07090a7a;border-radius:10px;gap:9px;height:42px;padding:0 12px;box-shadow:inset 0 1px #ffffff05}.effect-search:focus-within{border-color:var(--state-cyan-line);background:#080b0cad;box-shadow:0 0 0 3px #72b7c912}.effect-search>span{color:#7c868d;font-size:16px}.effect-search input{color:#e7eaec;font-size:12px}.effect-search input::placeholder{color:#656d73}.category-strip{grid-template-columns:1fr;gap:4px;max-height:min(25vh,232px);margin:10px -4px 10px 0;padding:0 4px 0 0;overflow-y:auto}.category-strip button{color:#b5bbc0;min-height:44px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:30px minmax(0,1fr) 28px;gap:9px;padding:5px 8px;transition:background-color .16s,color .16s,border-color .16s}.category-strip button:hover{color:#eef1f2;background:#ffffff0a;border-color:#ffffff0e;transform:none}.category-mark{color:#89939a;width:30px;height:30px;font:500 10px/1 var(--font-number);background:#ffffff0b;border-radius:8px}.category-copy{gap:0}.category-copy strong{color:inherit;font-size:12px;font-weight:590}.category-copy small{display:none}.category-strip button em{color:#676f75;font:450 10px/1 var(--font-number)}.category-strip button.selected{color:#edf5f6;background:var(--state-cyan-soft);box-shadow:inset 2px 0 0 var(--state-cyan);border-color:#72b7c929}.category-strip button.selected .category-mark{color:#cde3e8;background:#72b7c924}.category-strip button.selected em{color:#98bdc6}.library-summary{border-top:1px solid var(--studio-edge);color:#747c82;font:10px/1.4 var(--font-ui);margin:0 0 8px;padding-top:9px}.effect-list{scrollbar-color:#343a3f transparent;gap:5px;padding:0 4px 0 0}.effect-card{min-height:70px;box-shadow:none;background:#ffffff06;border:1px solid #0000;border-radius:10px;overflow:hidden}.effect-card:hover{background:#ffffff0c;border-color:#fff1;transform:none}.effect-card.active{background:#72b7c913;border-color:#72b7c933}.effect-card.editing{border-color:var(--state-cyan-line);box-shadow:inset 2px 0 0 var(--state-cyan)}.effect-main{grid-template-columns:27px minmax(0,1fr) 40px 28px;gap:8px;min-height:68px;padding:9px 34px 9px 9px}.effect-index{color:#687078;font:500 10px/1.2 var(--font-number)}.effect-copy{gap:4px}.effect-copy strong{color:#e5e8ea;letter-spacing:0;font-size:12px;font-weight:620}.effect-copy small{color:#777f86;font-size:10px}.effect-copy em{color:#9fc3cb;font:500 8px/1 var(--font-ui);background:#72b7c91a;border-radius:4px;margin-left:5px;padding:2px 4px}.effect-mini{opacity:.72;filter:none;border-color:#ffffff12;border-radius:7px}.active .effect-mini{opacity:.98}.toggle{background:#393f44;width:28px;height:16px}.toggle i{background:#989fa5;width:12px;height:12px}.active .toggle{background:#558b98}.active .toggle i{background:#edf7f8}.favorite{color:#687078;min-width:36px;min-height:36px;font-size:14px;top:1px;right:1px}.favorite:hover,.favorite.saved{color:#d5b970}.tip{color:#70787e;margin:12px 0 0;font-size:10px}.canvas-stage{background:radial-gradient(at 50% 46%,#ffffff0b,#0000 62%),linear-gradient(#111416 0%,#0d0f11 100%);justify-content:center;min-width:0;padding:clamp(20px,2.35vw,44px) clamp(20px,3.1vw,60px) 24px}.stage-meta{color:#737b81;width:100%;font:500 10px/1.4 var(--font-ui);letter-spacing:.04em;margin:0 0 10px}.live-dot{background:var(--state-cyan);width:5px;height:5px;box-shadow:0 0 8px #72b7c980}.canvas-edit-tools{border:1px solid var(--studio-edge);background:#15181be0;border-radius:11px;gap:8px;min-height:44px;margin:0 auto 10px;padding:4px;box-shadow:0 8px 26px #0000002e}.canvas-edit-tools>span{color:#bec4c9;min-width:110px;font:500 10px/1.3 var(--font-ui);letter-spacing:0;padding:0 8px}.canvas-edit-tools>span small{color:#747d84;margin-top:1px;font-size:8px}.canvas-edit-tools .history-tools,.canvas-edit-tools .align-tools{gap:3px}.canvas-edit-tools button{color:#9ea5aa;background:0 0;border:1px solid #0000;border-radius:7px;min-height:36px;padding:0 10px;font-size:10px}.canvas-edit-tools button:hover:not(:disabled){color:#edf1f2;background:#ffffff0b;border-color:#fff1}.canvas-frame{background:#050606;border:1px solid #ffffff1f;border-radius:18px;width:100%;box-shadow:0 30px 86px #0000008f,0 0 0 1px #000000b3,inset 0 1px #ffffff0a}.canvas-frame:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff06}.canvas-frame canvas{z-index:0;position:relative}.canvas-caption{z-index:2;color:#ffffff52;font:500 8px/1 var(--font-number);letter-spacing:.1em;inset:auto 14px 12px}.playback{height:38px;margin-top:9px}.playback button{border:1px solid var(--studio-edge);background:#ffffff09;border-radius:9px;min-width:38px;min-height:38px}.playback button:hover{border-color:var(--studio-edge-strong);background:#ffffff0f}.timeline{background:#30353a;height:2px}.timeline span{background:linear-gradient(90deg,#638e99,#78a9b5)}.panel-heading.compact{z-index:4;border-bottom:1px solid var(--studio-edge);-webkit-backdrop-filter:none;backdrop-filter:none;background:#14171a;margin:-20px -14px 2px;padding:20px 14px 15px;position:sticky;top:-20px}.reset{color:#8e969c;border-radius:7px;min-width:52px}.reset:hover{color:#e6eaec;background:#ffffff0b}.used-effects,.ratio-group,.background-panel,.edit-scope,.range-control,.position-controls,.clock-options,.particle-tool,.effect-palette,.audio-control,.recipe{border:1px solid var(--studio-edge);background:#ffffff06;border-radius:13px;margin-top:10px;padding:15px}.used-effects,.audio-control,.effect-palette{padding:15px}.used-heading{margin-bottom:10px}.used-heading small,.used-heading>div>span,.background-heading span,.particle-tool span,.edit-scope>span,.position-controls>span,.trail-style>span,.clock-options>div:first-child span{color:#7b848a;font-family:var(--font-ui);letter-spacing:0;font-size:9px;font-weight:520}.used-heading strong,.range-control label,.ratio-group>label,.color-control>label,.background-heading strong,.particle-tool strong,.palette-heading strong{color:#e0e4e6;letter-spacing:0;font-size:12px;font-weight:620}.used-list{gap:5px;max-height:210px}.used-list>div{background:#00000029;border:1px solid #0000;border-radius:9px}.used-list>div:hover{border-color:#ffffff0f}.used-list>div.selected{background:var(--state-cyan-soft);border-color:#72b7c952}.used-focus{min-height:44px;padding:7px 8px}.used-focus small{color:#757e85;font:500 9px/1.2 var(--font-ui)}.used-focus strong{color:#dfe3e5;font-size:11px}.used-remove{border-left:1px solid var(--studio-edge);width:36px;min-height:44px}.used-remove:hover{color:#e8b2ae;background:#c2605a14}.ratio-group,.range-control,.color-control{padding:15px}.ratio-group{border-bottom:1px solid var(--studio-edge)}.segmented,.clock-format,.trail-style,.background-mode,.gradient-directions,.wallpaper-fit,.audio-actions{gap:5px}.segmented button,.clock-format button,.trail-style button,.background-mode button,.gradient-directions button,.wallpaper-fit button,.wallpaper-actions button,.audio-actions button,.particle-mode button,.particle-rotation-presets button{color:#9ca4aa;background:#0000002e;border:1px solid #0000;border-radius:8px;min-height:36px;font-size:10px}.segmented button:hover,.clock-format button:hover,.trail-style button:hover,.background-mode button:hover,.gradient-directions button:hover,.wallpaper-fit button:hover,.wallpaper-actions button:hover,.audio-actions button:hover,.particle-mode button:hover,.particle-rotation-presets button:hover{color:#e5e9eb;background:#ffffff0a;border-color:#ffffff12}.segmented button.selected,.clock-format button.selected,.trail-style button.selected,.background-mode button.selected,.gradient-directions button.selected,.wallpaper-fit button.selected,.audio-actions button.selected,.particle-mode button.selected,.particle-rotation-presets button.selected{color:#dbecee;background:var(--state-cyan-soft);border-color:#72b7c947}.ratio-readout{color:#737c82;font-size:9px}.background-panel{padding:15px}.background-heading{margin-bottom:12px}.background-colors{gap:6px}.background-colors label{border:1px solid var(--studio-edge);background:#00000026;border-radius:8px;min-height:52px;padding:9px 7px 9px 36px}.background-colors label:before{border-radius:6px;width:20px;height:32px;top:9px;left:8px}.wallpaper-empty,.wallpaper-file,.edit-scope,.particle-rotation{border-color:var(--studio-edge);background:#00000024;border-radius:10px}.wallpaper-empty{background:#00000024;min-height:88px}.wallpaper-empty:hover{border-color:var(--state-cyan-line);background:#72b7c90e}.wallpaper-empty>i,.wallpaper-file>i{color:#93b7bf;border-color:var(--studio-edge-strong)}.edit-scope{padding:13px}.edit-scope.single{background:#72b7c911;border-color:#72b7c940}.edit-scope>strong{color:#dce1e3}.particle-tool button{color:#bfdadd;background:#72b7c914;border:1px solid #72b7c93d;min-height:38px}.clock-options{padding:15px}.range-control>div{margin-bottom:12px}.range-control output{color:#aacdd4;font:500 13px/1 var(--font-number)}.range-control .range-input-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}.range-input-row button{color:#b6bcc1;border:1px solid var(--studio-edge);width:36px;height:36px;font:500 17px/1 var(--font-number);background:#0000002b;border-radius:8px}.range-input-row button:hover{color:#edf1f2;border-color:var(--studio-edge-strong);background:#ffffff0b}input[type=range]{background:linear-gradient(90deg, #6796a1 var(--value,50%), #343a3e var(--value,50%));height:3px;accent-color:var(--state-cyan)}input[type=range]::-webkit-slider-thumb{background:#b6d6dc;width:15px;height:15px;box-shadow:0 0 0 4px #72b7c91a}.effect-palette{padding:15px}.palette-heading{margin-bottom:11px}.palette-heading button{min-height:36px}.theme-grid{gap:7px}.theme-row{grid-template-columns:38px minmax(0,1fr);gap:7px}.theme-row>span,.palette-heading span{color:#7d868d;font-size:9px}.theme-row button{border-radius:7px;height:32px;min-height:32px}.custom-effect-color{border-top-color:var(--studio-edge)}.audio-control{padding:15px}.audio-title strong{font-size:12px}.audio-live{background:var(--state-cyan);box-shadow:0 0 7px #72b7c96b}.audio-meter{background:#0003;border:0;border-radius:8px;height:40px}.audio-meter i{background:linear-gradient(#83b7c2,#4d747d)}.recipe{border-left:2px solid #72b7c98c}.local-note{color:#676f75;font-size:9px}.sync-toast{color:#e8eff0;background:#1f3136f5;border-color:#72b7c93d;border-radius:10px}.runtime-hint{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080a0ce6}.tutorial-modal,.particle-designer{border:1px solid var(--studio-edge-strong);background:#181c1f;border-radius:16px}.tutorial-modal:before,.particle-designer:before{background:linear-gradient(90deg,#0000,#72b7c9b8,#0000)}.tutorial-done,.particle-designer-actions button.apply{color:#111719;background:#a6cbd2;border-color:#a6cbd2}*{scrollbar-color:#373d42 transparent}@media (width<=1280px){.workspace{grid-template-columns:250px minmax(560px,1fr) 292px}.canvas-stage{padding-inline:22px}}@media (width<=1120px){.workspace-title{display:none}.workspace{grid-template-columns:250px minmax(0,1fr)}.control-panel{border-top:1px solid var(--studio-edge);border-left:0;grid-column:1/-1;max-height:none;padding:18px}.control-panel .panel-heading{grid-column:1/-1}.panel-heading.compact{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin:0;padding:0 0 15px;position:static}}@media (width<=720px){.topbar{flex-basis:60px;height:60px;padding:0 12px}.workspace{display:flex}.effects-panel{height:auto;max-height:510px;padding:16px 12px}.category-strip{grid-template-columns:repeat(2,minmax(0,1fr));max-height:188px}.category-strip button{grid-template-columns:28px minmax(0,1fr) 24px}.effect-list{grid-template-columns:none;grid-auto-columns:minmax(210px,78vw);grid-auto-flow:column;overflow:auto hidden}.canvas-stage{min-height:430px;padding:18px 12px}.canvas-edit-tools{grid-template-columns:auto 1fr}.control-panel{grid-template-columns:1fr 1fr;padding:18px 12px}}@media (width<=480px){.brand{font-size:15px}.category-strip{grid-template-columns:1fr}.canvas-edit-tools{grid-template-columns:1fr;grid-template-areas:"history""title""align"}.canvas-edit-tools .history-tools,.canvas-edit-tools .align-tools{grid-template-columns:repeat(3,1fr);justify-self:stretch;display:grid}.canvas-edit-tools>span{text-align:center}.control-panel{display:block}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}.studio-shell{--studio-bg:#090b0f;--studio-bg-raised:#0e1217;--studio-surface:#14181ec7;--studio-surface-strong:#181d24f0;--studio-surface-soft:#ffffff0b;--studio-surface-hover:#ffffff12;--studio-line:#e4ebf11a;--studio-line-strong:#e4ebf130;--studio-warm:#f3f0e9;--studio-text:#e8e9e7;--studio-text-soft:#bcc2c6;--studio-muted:#7e8891;--studio-faint:#5b646d;--studio-ice:#85d8ee;--studio-ice-strong:#b8effb;--studio-ice-soft:#85d8ee1f;--studio-ice-line:#85d8ee5c;--studio-danger:#f08b88;--studio-danger-soft:#f08b881a;--studio-shadow:0 28px 80px #0000007a;--studio-shadow-soft:0 14px 36px #00000040;--studio-radius-sm:8px;--studio-radius-md:12px;--studio-radius-lg:18px;--studio-radius-xl:24px;--studio-fast:.18s;--studio-base:.22s;--studio-slow:.26s;--studio-ease:cubic-bezier(.22, .78, .2, 1);--effects-width:clamp(272px, 18vw, 316px);--inspector-width:clamp(306px, 20vw, 356px);--topbar-height:64px;--acid:var(--studio-ice);--cyan:var(--studio-ice);--paper:var(--studio-text);--muted:var(--studio-muted);--line:var(--studio-line);--line-strong:var(--studio-line-strong);isolation:isolate;width:100%;height:100dvh;min-height:680px;color:var(--studio-text);background:radial-gradient(circle at 52% 18%, #67a3be21, transparent 34rem), radial-gradient(circle at 74% 82%, #4f6f9214, transparent 31rem), linear-gradient(145deg, #0d1116 0%, var(--studio-bg) 47%, #07090c 100%);font-family:Segoe UI Variable Text,Microsoft YaHei UI,PingFang SC,Noto Sans SC,sans-serif;font-size:13px;line-height:1.5;position:relative;overflow:hidden}.studio-shell:before,.studio-shell:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}.studio-shell:before{opacity:.62;animation:studio-ambient-drift 14s var(--studio-ease) infinite alternate;will-change:transform, opacity;background:radial-gradient(circle at 28% 34%,#7acbe217,#0000 24rem),radial-gradient(circle at 70% 68%,#5c779e17,#0000 28rem);inset:-18%;transform:translate(-1%,-.5%)scale(1.02)}.studio-shell:after{opacity:.12;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 10%,#0000 72%);mask-image:radial-gradient(circle at 50% 42%,#000 10%,#0000 72%)}.studio-shell *,.studio-shell :before,.studio-shell :after{box-sizing:border-box}.studio-shell button,.studio-shell input{font-family:inherit}.studio-shell button{border-radius:var(--studio-radius-sm);min-height:36px;transition:color var(--studio-fast) var(--studio-ease), border-color var(--studio-fast) var(--studio-ease), background-color var(--studio-fast) var(--studio-ease), opacity var(--studio-fast) var(--studio-ease), transform var(--studio-fast) var(--studio-ease), box-shadow var(--studio-base) var(--studio-ease)}.studio-shell button:not(:disabled){cursor:pointer}.studio-shell button:not(:disabled):active{transform:translateY(0)scale(.975)}.studio-shell button:disabled,.studio-shell input:disabled{opacity:.36;cursor:not-allowed;filter:saturate(.45)}.studio-shell :where(button,input,[tabindex]):focus-visible{outline:2px solid var(--studio-ice);outline-offset:3px;box-shadow:0 0 0 5px #85d8ee1c}.studio-shell input[type=range]:focus-visible{box-shadow:none;outline:none}.studio-shell .topbar{z-index:20;flex:0 0 var(--topbar-height);min-height:var(--topbar-height);height:var(--topbar-height);border:0;border-bottom:1px solid var(--studio-line);-webkit-backdrop-filter:blur(20px)saturate(118%);backdrop-filter:blur(20px)saturate(118%);background:#0a0d11c2;align-items:center;gap:16px;padding:0 18px;display:flex;position:relative;box-shadow:0 10px 38px #00000038}.studio-shell .brand{color:var(--studio-warm);letter-spacing:.025em;transition:opacity var(--studio-fast) var(--studio-ease), transform var(--studio-fast) var(--studio-ease);flex:none;gap:10px;font-size:16px;font-weight:680}.studio-shell .brand:hover{opacity:.94;transform:translateY(-1px)}.studio-shell .brand-mark{object-fit:cover;object-position:center;border:1px solid #ffffff57;border-radius:11px;flex:0 0 34px;width:34px;height:34px;display:block;box-shadow:inset 0 1px #ffffff7a,0 8px 24px #ff262638}.studio-shell .brand small{color:var(--studio-muted);letter-spacing:.12em;margin-top:1px;font-size:8px;font-weight:520;display:block}.studio-shell .workspace-title{text-align:left;gap:1px;margin-right:auto;display:grid;position:static;transform:none}.studio-shell .workspace-title span{color:var(--studio-faint);letter-spacing:.14em;font-size:8px;font-weight:600;display:block}.studio-shell .workspace-title strong{color:var(--studio-text-soft);letter-spacing:.01em;font-size:11px;font-weight:530}.studio-shell .studio-nav{border:1px solid var(--studio-line);background:#ffffff06;border-radius:11px;align-items:center;gap:4px;margin-left:8px;padding:4px;display:inline-flex}.studio-shell .studio-nav button,.studio-shell .studio-nav a{min-height:32px;color:var(--studio-muted);transition:color var(--studio-fast) var(--studio-ease), background-color var(--studio-fast) var(--studio-ease), transform var(--studio-fast) var(--studio-ease);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:560;text-decoration:none;display:inline-flex}.studio-shell .studio-nav :where(button,a):hover,.studio-shell .studio-nav :where(button,a).active,.studio-shell .studio-nav :where(button,a)[aria-current=page]{color:var(--studio-warm);background:var(--studio-surface-hover);transform:translateY(-1px)}.studio-shell .studio-nav .ghost-button span{color:var(--studio-ice);margin-right:5px}.studio-shell .studio-nav .lively-button{color:#dff7fc;border-color:var(--studio-ice-line);background:linear-gradient(#85d8ee29,#85d8ee17);box-shadow:inset 0 1px #ffffff14}.studio-shell .studio-nav .lively-button:hover{color:#071217;border-color:var(--studio-ice-strong);background:var(--studio-ice-strong);box-shadow:0 10px 28px #4697b13b}.studio-shell .project-meta{min-width:0;color:var(--studio-muted);align-items:center;gap:9px;margin-left:auto;font-size:10px;display:flex}.studio-shell .project-meta:before{content:"";background:var(--studio-ice);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 12px #85d8ee9e}.studio-shell .project-meta strong{color:var(--studio-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:570;overflow:hidden}.studio-shell .project-meta>span{color:var(--studio-faint);letter-spacing:.06em;font-size:9px}.studio-shell .project-meta>i{border-left:1px solid var(--studio-line);color:var(--studio-muted);white-space:nowrap;align-items:center;gap:5px;padding-left:9px;font-size:9px;font-style:normal;display:inline-flex}.studio-shell .project-meta>i b{background:#8ed9b6;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #8ed9b675}.studio-shell .top-actions{flex:none;align-items:center;gap:7px;display:flex}.studio-shell .top-actions button{height:38px;min-height:38px;color:var(--studio-text-soft);background:0 0;padding:0 13px;font-size:11px;font-weight:570;border:1px solid #0000!important}.studio-shell .top-actions .tutorial-button:hover,.studio-shell .top-actions .ghost-button:hover{color:var(--studio-warm);background:var(--studio-surface-hover);transform:translateY(-1px);border-color:var(--studio-line-strong)!important}.studio-shell .top-actions .ghost-button span{color:var(--studio-ice);margin-right:5px}.studio-shell .top-actions .lively-button{color:#dff7fc;background:linear-gradient(#85d8ee29,#85d8ee17);box-shadow:inset 0 1px #ffffff14;border-color:var(--studio-ice-line)!important}.studio-shell .top-actions .lively-button:hover{color:#071217;background:var(--studio-ice-strong);transform:translateY(-1px);box-shadow:0 10px 28px #4697b13b;border-color:var(--studio-ice-strong)!important}.studio-shell.effects-collapsed{--effects-width:64px}.studio-shell.inspector-collapsed{--inspector-width:64px}.studio-shell .workspace.effects-collapsed{--effects-width:64px}.studio-shell .workspace.inspector-collapsed{--inspector-width:64px}.studio-shell .workspace{z-index:1;grid-template-columns:var(--effects-width) minmax(520px, 1fr) var(--inspector-width);min-width:0;min-height:0;height:calc(100dvh - var(--topbar-height));flex:auto;gap:12px;padding:12px;display:grid;position:relative;overflow:hidden}.studio-shell .panel{border:1px solid var(--studio-line);border-radius:var(--studio-radius-lg);background:linear-gradient(180deg, #ffffff09, transparent 14rem), var(--studio-surface);min-width:0;min-height:0;box-shadow:inset 0 1px 0 #ffffff06, var(--studio-shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(112%);backdrop-filter:blur(18px)saturate(112%);transition:border-color var(--studio-base) var(--studio-ease), background-color var(--studio-base) var(--studio-ease), opacity var(--studio-slow) var(--studio-ease), transform var(--studio-slow) var(--studio-ease);padding:18px 14px;position:relative}.studio-shell .effects-panel{border-right:1px solid var(--studio-line);flex-direction:column;height:100%;max-height:none;display:flex;overflow:hidden}.studio-shell .control-panel{border-left:1px solid var(--studio-line);scrollbar-gutter:stable;height:100%;max-height:none;display:block;overflow:hidden auto}.studio-shell .effects-panel-body{opacity:1;min-width:0;min-height:0;transition:opacity var(--studio-base) var(--studio-ease), transform var(--studio-slow) var(--studio-ease);flex-direction:column;flex:auto;display:flex;transform:translate(0)}.studio-shell .inspector-body{opacity:1;min-width:0;transition:opacity var(--studio-base) var(--studio-ease), transform var(--studio-slow) var(--studio-ease);transform:translate(0)}.studio-shell.effects-collapsed .effects-panel,.studio-shell .workspace.effects-collapsed .effects-panel,.studio-shell.inspector-collapsed .control-panel,.studio-shell .workspace.inspector-collapsed .control-panel{background:#101419d1;padding-inline:10px}.studio-shell.effects-collapsed .effects-panel .effects-panel-body,.studio-shell .workspace.effects-collapsed .effects-panel .effects-panel-body,.studio-shell.effects-collapsed .effects-panel .panel-heading>div,.studio-shell .workspace.effects-collapsed .effects-panel .panel-heading>div{opacity:0;pointer-events:none;transform:translate(-10px)}.studio-shell.inspector-collapsed .control-panel .inspector-tabs,.studio-shell.inspector-collapsed .control-panel .inspector-body,.studio-shell.inspector-collapsed .control-panel .panel-heading>div:first-child,.studio-shell.inspector-collapsed .control-panel .panel-actions .reset,.studio-shell .workspace.inspector-collapsed .control-panel .inspector-tabs,.studio-shell .workspace.inspector-collapsed .control-panel .inspector-body,.studio-shell .workspace.inspector-collapsed .control-panel .panel-heading>div:first-child,.studio-shell .workspace.inspector-collapsed .control-panel .panel-actions .reset{opacity:0;pointer-events:none;transform:translate(10px)}.studio-shell.effects-collapsed .effects-panel>.collapsed-category-rail,.studio-shell .workspace.effects-collapsed .effects-panel>.collapsed-category-rail{opacity:1;pointer-events:auto;transform:translate(0)}.studio-shell .effects-panel>*,.studio-shell .control-panel>*{transition:opacity var(--studio-base) var(--studio-ease), transform var(--studio-slow) var(--studio-ease)}.studio-shell .drawer-toggle{top:13px;z-index:8;border:1px solid var(--studio-line);width:34px;min-width:34px;height:34px;min-height:34px;color:var(--studio-muted);box-shadow:none;background:#ffffff09;border-radius:10px;place-items:center;padding:0;display:inline-grid;position:absolute;inset-inline-end:12px}.studio-shell .control-panel>.drawer-toggle{inset-inline:12px auto}.studio-shell .drawer-toggle:hover{color:var(--studio-ice-strong);border-color:var(--studio-ice-line);background:var(--studio-ice-soft);transform:translateY(-1px)}.studio-shell .drawer-toggle em{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-shell .collapsed-category-rail{z-index:5;opacity:0;pointer-events:none;scrollbar-width:none;min-height:0;transition:opacity var(--studio-base) var(--studio-ease), transform var(--studio-slow) var(--studio-ease);flex-direction:column;align-items:center;gap:7px;padding:6px 0;display:flex;position:absolute;inset:58px 8px 10px;overflow:hidden auto;transform:translate(-8px)}.studio-shell .collapsed-category-rail::-webkit-scrollbar{display:none}.studio-shell .collapsed-category-rail button{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--studio-muted);background:#ffffff06;border:1px solid #0000;border-radius:11px;flex:none;place-items:center;padding:0;font-family:Bahnschrift,sans-serif;font-size:9px;display:inline-grid;position:relative}.studio-shell .collapsed-category-rail button:hover{color:var(--studio-warm);border-color:var(--studio-line);background:var(--studio-surface-hover);transform:translateY(-1px)scale(1.025)}.studio-shell .collapsed-category-rail button.selected,.studio-shell .collapsed-category-rail button[aria-pressed=true]{color:var(--studio-ice-strong);background:var(--studio-ice-soft);border-color:#85d8ee42;box-shadow:inset 0 0 0 1px #85d8ee0a}.studio-shell .collapsed-category-rail button span:not(.category-mark){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-shell .panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.studio-shell .panel-heading h1,.studio-shell .panel-heading h2{color:var(--studio-warm);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:660;line-height:1.3}.studio-shell .panel-actions{align-items:center;gap:4px;padding-right:38px;display:inline-flex}.studio-shell .eyebrow{display:none}.studio-shell .count{color:var(--studio-faint);padding-right:42px;font-family:Segoe UI Variable Display,Bahnschrift,sans-serif;font-size:21px;font-weight:420}.studio-shell .candidate-note,.studio-shell .curation-standard{display:none}.studio-shell .library-tools{flex:none;margin-top:13px}.studio-shell .effect-search{border:1px solid var(--studio-line);height:42px;transition:border-color var(--studio-fast) var(--studio-ease), background-color var(--studio-fast) var(--studio-ease), box-shadow var(--studio-base) var(--studio-ease), transform var(--studio-base) var(--studio-ease);background:#05080b70;border-radius:11px;align-items:center;gap:9px;padding:0 11px;display:flex;box-shadow:inset 0 1px #ffffff05}.studio-shell .effect-search:focus-within{border-color:var(--studio-ice-line);background:#070b0fb8;transform:translateY(-1px);box-shadow:0 0 0 4px #85d8ee12}.studio-shell .effect-search>span{color:var(--studio-muted);font-size:16px}.studio-shell .effect-search input{width:100%;min-width:0;color:var(--studio-text);background:0 0;border:0;outline:0;font-size:11px}.studio-shell .effect-search input::placeholder{color:var(--studio-faint)}.studio-shell .category-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:none;margin:9px 0 8px;padding:0;display:grid;overflow:visible}.studio-shell .category-strip button{min-width:0;min-height:34px;color:var(--studio-text-soft);text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:5px;padding:4px 7px;display:grid}.studio-shell .category-strip button:hover{color:var(--studio-warm);border-color:var(--studio-line);background:var(--studio-surface-hover);transform:translateY(-1px)}.studio-shell .category-strip button.selected{color:#e9f8fb;background:linear-gradient(120deg,#85d8ee26,#85d8ee0e);border-color:#85d8ee38;box-shadow:inset 0 -1px #85d8eea8}.studio-shell .category-mark{width:18px;height:18px;color:var(--studio-muted);background:0 0;border-radius:5px;place-items:center;font-size:8px;display:grid}.studio-shell .category-strip button.selected .category-mark{color:var(--studio-ice-strong);background:#85d8ee17}.studio-shell .category-copy{gap:1px;min-width:0;display:grid}.studio-shell .category-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:590;overflow:hidden}.studio-shell .category-copy small{display:none}.studio-shell .category-strip button em{color:var(--studio-faint);text-align:right;font-family:Bahnschrift,sans-serif;font-size:8px;font-style:normal}.studio-shell .library-summary{border-top:1px solid var(--studio-line);color:var(--studio-muted);justify-content:space-between;margin:0 0 8px;padding-top:8px;font-size:9px;display:flex}.studio-shell .effect-load-warning{color:#d7c9a9;background:#704f1a1c;border:1px solid #eac06f3d;border-radius:9px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;margin:0 0 9px;padding:9px 10px;display:grid}.studio-shell .effect-load-warning>span{color:#19130a;background:#e1bd72;border-radius:50%;place-items:center;width:18px;height:18px;font:700 10px/1 Bahnschrift,sans-serif;display:grid}.studio-shell .effect-load-warning p{color:inherit;margin:0;font-size:8px;line-height:1.55}.studio-shell .effect-load-warning strong{color:#f0d69d;margin-bottom:2px;font-size:9px;display:block}.studio-shell .effect-load-warning.high{color:#dfb4b1;background:#7c2d2b21;border-color:#f08b8847}.studio-shell .effect-load-warning.high>span{color:#220d0d;background:#e88e8a}.studio-shell .effect-load-warning.high strong{color:#f4c4c1}.studio-shell .effect-list{overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-gutter:stable;scrollbar-color:#7584906b transparent;scrollbar-width:thin;flex:auto;grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;padding:6px 7px 8px 2px;scroll-padding-block:6px;display:grid;overflow:hidden auto}.studio-shell .effect-list::-webkit-scrollbar{width:6px}.studio-shell .effect-list::-webkit-scrollbar-track{background:0 0}.studio-shell .effect-list::-webkit-scrollbar-thumb{background:#75849061;border-radius:999px}.studio-shell .effect-list::-webkit-scrollbar-button{display:none}.studio-shell .effect-list:empty:after{content:"暂无匹配效果";border:1px dashed var(--studio-line);border-radius:var(--studio-radius-md);min-height:116px;color:var(--studio-muted);background:#ffffff05;place-items:center;font-size:11px;display:grid}.studio-shell .effect-card{scroll-snap-align:start;border:1px solid var(--studio-line);height:max-content;min-height:90px;transition:border-color var(--studio-fast) var(--studio-ease), background-color var(--studio-fast) var(--studio-ease), box-shadow var(--studio-base) var(--studio-ease);background:linear-gradient(115deg,#ffffff08,#ffffff05),#0a0e128a;border-radius:11px;align-self:start;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff04}.studio-shell .effect-card:before{content:"";opacity:0;border-radius:inherit;pointer-events:none;transition:opacity var(--studio-base) var(--studio-ease);background:linear-gradient(110deg,#85d8ee11,#0000 58%);position:absolute;inset:0}.studio-shell .effect-card:hover{z-index:2;border-color:var(--studio-line-strong);background-color:#ffffff0d;box-shadow:0 10px 24px #00000026}.studio-shell .effect-card:hover:before,.studio-shell .effect-card.active:before{opacity:1}.studio-shell .effect-card.active{background-color:#85d8ee12;border-color:#85d8ee42}.studio-shell .effect-card.editing{border-color:var(--studio-ice-line);box-shadow:inset 2px 0 0 var(--studio-ice), 0 10px 26px #0000002b}.studio-shell .effect-card.component-effect-card{height:max-content;min-height:0}.studio-shell .effect-card-top{z-index:1;display:block;position:relative}.studio-shell .effect-main{width:100%;min-height:90px;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;grid-template-rows:24px 54px;grid-template-columns:28px minmax(0,1fr) 64px;align-items:center;gap:0 8px;padding:6px 9px;display:grid}.studio-shell .effect-index{color:var(--studio-faint);letter-spacing:.025em;white-space:nowrap;grid-area:1/1/3;align-self:start;padding-top:3px;font-family:Bahnschrift,sans-serif;font-size:9px;font-weight:500}.studio-shell .effect-copy{grid-area:1/2/3;grid-template-rows:24px 54px;align-self:stretch;gap:0;min-width:0;display:grid}.studio-shell .effect-card-heading{align-items:center;gap:6px;min-width:0;display:flex}.studio-shell .effect-card-heading strong{min-width:0;color:var(--studio-text);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.25;overflow:hidden}.studio-shell .effect-card-meta{align-content:center;gap:5px;min-width:0;display:grid}.studio-shell .effect-card-meta>small{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.studio-shell .effect-card-heading em{color:#a9d5de;vertical-align:1px;background:#85d8ee17;border-radius:4px;flex:none;padding:2px 4px;font-size:7px;font-style:normal;font-weight:560;display:none}.studio-shell .effect-copy .effect-access-label{white-space:nowrap;justify-self:start;align-items:center;gap:5px;width:max-content;max-width:100%;min-height:20px;margin:0;padding:3px 7px;font-size:8px;line-height:1;display:inline-flex}.studio-shell .effect-access-dot{opacity:.78;background:currentColor;border-radius:50%;flex:0 0 5px;width:5px;height:5px;box-shadow:0 0 7px}.studio-shell .effect-card-visual{grid-area:1/3/3;grid-template-rows:24px 54px;grid-template-columns:30px 32px;align-self:stretch;place-items:center;gap:0 2px;width:64px;display:grid}.studio-shell .effect-mini{opacity:.86;filter:none;width:58px;height:44px;transition:border-color var(--studio-fast) var(--studio-ease), opacity var(--studio-fast) var(--studio-ease), box-shadow var(--studio-slow) var(--studio-ease);border:1px solid #ffffff14;border-radius:9px;grid-area:2/1/auto/3}.studio-shell .effect-card:hover .effect-mini,.studio-shell .effect-card.active .effect-mini{opacity:1;border-color:#85d8ee3d;box-shadow:0 8px 20px #0000003d}.studio-shell .toggle{background:#343b42;border-radius:999px;grid-area:1/1;justify-self:start;width:30px;height:18px;padding:2px;display:block}.studio-shell .toggle i{width:14px;height:14px;transition:background-color var(--studio-fast) var(--studio-ease), transform var(--studio-base) var(--studio-ease), box-shadow var(--studio-base) var(--studio-ease);background:#949da5;border-radius:50%;display:block}.studio-shell .active .toggle{background:#85d8ee7a}.studio-shell .active .toggle i{background:#effcff;transform:translate(12px);box-shadow:0 0 10px #b8effb6b}.studio-shell .favorite{z-index:3;width:32px;min-width:32px;height:32px;min-height:32px;color:var(--studio-faint);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:3px;right:7px}.studio-shell .favorite:hover{color:#e8c983;background:#e8c98311;border-color:#e8c98329}.studio-shell .favorite.saved{color:#e8c983;background:#e8c98314}.studio-shell .favorite-icon{fill:#0000;stroke:currentColor;stroke-linejoin:round;stroke-width:1.35px;width:16px;height:16px}.studio-shell .favorite.saved .favorite-icon{fill:currentColor;stroke-width:1px}.studio-shell .tip{color:var(--studio-muted);flex:none;margin:10px 0 0;font-size:9px;line-height:1.55}.studio-shell .canvas-stage{border-radius:var(--studio-radius-xl);min-width:0;min-height:0;box-shadow:inset 0 1px 0 #ffffff06, var(--studio-shadow);background:radial-gradient(at 50% 42%,#669bb41a,#0000 58%),linear-gradient(#11161cd6,#090c10f5);border:1px solid #ffffff0e;flex-direction:column;justify-content:center;padding:clamp(12px,1.25vw,20px) clamp(16px,2vw,32px) clamp(28px,2.5vw,40px);display:flex;position:relative;overflow:hidden}.studio-shell .canvas-stage:before{content:"";opacity:.42;pointer-events:none;animation:studio-stage-breathe 10s var(--studio-ease) infinite alternate;will-change:transform, opacity;background:radial-gradient(circle,#85d8ee1a,#0000 66%);border-radius:50%;position:absolute;inset:10% 5%;transform:scale(.94)}.studio-shell .canvas-stage>*{z-index:1;position:relative}.studio-shell .stage-meta{width:min(100%,177.778dvh - 384px);color:var(--studio-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;margin:0 auto 8px;font-size:9px;font-weight:560;display:flex}.studio-shell .stage-live-label{letter-spacing:0;align-items:center;gap:7px;min-width:0;display:inline-flex}.studio-shell .stage-live-label b{color:var(--studio-text-soft);white-space:nowrap;font-size:9px;font-weight:610}.studio-shell .stage-live-label small{border-left:1px solid var(--studio-line);color:var(--studio-faint);text-overflow:ellipsis;white-space:nowrap;padding-left:8px;font-size:8px;font-weight:520;overflow:hidden}.studio-shell .live-dot{background:var(--studio-ice);border-radius:50%;width:6px;height:6px;margin-right:7px;animation:1.8s ease-in-out infinite studio-live-pulse;display:inline-block;box-shadow:0 0 11px #85d8eeb8}.studio-shell .canvas-edit-tools{border:1px solid var(--studio-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11161b9e;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:min(100%,177.778dvh - 384px);min-height:32px;margin:0 auto 8px;padding:3px 10px;display:flex;box-shadow:0 8px 24px #00000024}.studio-shell .canvas-edit-tools>span{min-width:0;color:var(--studio-text-soft);letter-spacing:0;text-align:center;padding:0 2px;font-size:10px;font-weight:560}.studio-shell .canvas-edit-tools>span small{color:var(--studio-muted);margin-top:1px;font-size:8px;display:block}.studio-shell .canvas-edit-tools:not(.active)>span{color:var(--studio-muted)}.studio-shell .canvas-edit-tools .history-tools,.studio-shell .canvas-edit-tools .align-tools{gap:3px;display:flex}.studio-shell .canvas-edit-tools .history-tools{justify-self:start}.studio-shell .canvas-edit-tools .align-tools{justify-self:end}.studio-shell .canvas-edit-tools button{min-height:34px;color:var(--studio-muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 9px;font-size:9px}.studio-shell .canvas-edit-tools button:hover:not(:disabled){color:var(--studio-warm);border-color:var(--studio-line);background:var(--studio-surface-hover);transform:translateY(-1px)}.studio-shell .canvas-frame{aspect-ratio:16/9;width:min(100%,177.778dvh - 384px);transition:border-color var(--studio-base) var(--studio-ease), box-shadow var(--studio-slow) var(--studio-ease), transform var(--studio-slow) var(--studio-ease);background:#030506;border:1px solid #ffffff24;border-radius:18px;margin:0 auto;overflow:hidden;box-shadow:0 34px 92px #0009,0 0 0 1px #000000ad,0 0 56px #5ea3ba0d}.studio-shell .canvas-frame:hover{border-color:#b8effb36;transform:translateY(-1px);box-shadow:0 38px 102px #000000a3,0 0 0 1px #000000ad,0 0 70px #5ea3ba12}.studio-shell .canvas-caption{z-index:2;color:#ffffff57;letter-spacing:.1em;font-family:Bahnschrift,sans-serif;font-size:8px;font-weight:500;inset:auto 14px 12px}.studio-shell .playback{grid-template-columns:38px minmax(0,1fr) 88px;align-items:center;gap:12px;width:min(100%,177.778dvh - 384px);height:38px;margin:8px auto 0;display:grid}.studio-shell .playback button{border:1px solid var(--studio-line);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--studio-text-soft);background:var(--studio-surface-soft);border-radius:10px}.studio-shell .playback button:hover{color:var(--studio-warm);border-color:var(--studio-line-strong);background:var(--studio-surface-hover);transform:translateY(-1px)}.studio-shell .timeline{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}.studio-shell .timeline span{border-radius:inherit;background:linear-gradient(90deg, #73b8cb, var(--studio-ice-strong));height:100%;transition:width var(--studio-slow) var(--studio-ease);display:block;box-shadow:0 0 12px #85d8ee4d}.studio-shell .playback>span{color:var(--studio-muted);text-align:right;font-size:9px}.studio-shell .stage-actions,.studio-shell .command-dock{border:1px solid var(--studio-line);width:fit-content;box-shadow:var(--studio-shadow-soft);-webkit-backdrop-filter:blur(16px)saturate(112%);backdrop-filter:blur(16px)saturate(112%);transition:opacity var(--studio-base) var(--studio-ease), transform var(--studio-slow) var(--studio-ease);background:#11161bc7;border-radius:12px;align-items:center;gap:5px;padding:5px;display:flex}.studio-shell .stage-actions{align-self:flex-end;margin:0 0 8px}.studio-shell .stage-meta .stage-actions{box-shadow:none;border-radius:9px;flex:none;margin:0;padding:3px}.studio-shell .stage-meta .stage-actions button{min-height:30px;padding-inline:8px}.studio-shell .stage-meta .stage-actions>span{color:var(--studio-faint);letter-spacing:.08em;white-space:nowrap;padding:0 7px;font-family:Bahnschrift,Segoe UI Variable Text,sans-serif;font-size:8px}.studio-shell .command-dock{border-radius:15px;justify-content:center;align-self:center;max-width:min(100%,760px);margin:8px auto 0;padding:4px}.studio-shell .stage-actions button,.studio-shell .command-dock button{min-height:34px;color:var(--studio-muted);background:0 0;border:1px solid #0000;padding:0 10px;font-size:9px}.studio-shell .stage-actions button:hover,.studio-shell .command-dock button:hover,.studio-shell .stage-actions button.active,.studio-shell .command-dock button.active{color:var(--studio-warm);border-color:var(--studio-line);background:var(--studio-surface-hover);transform:translateY(-1px)}.studio-shell .command-dock .history-tools,.studio-shell .command-dock .align-tools{align-items:center;gap:3px;display:inline-flex}.studio-shell .command-dock .history-tools{border-right:1px solid var(--studio-line);padding-right:6px}.studio-shell .command-dock .history-tools button{justify-content:center;align-items:center;min-width:34px;padding-inline:8px;font-size:14px;display:inline-flex}.studio-shell .command-dock button em{color:var(--studio-faint);margin-left:5px;font-size:8px;font-style:normal}.studio-shell .command-dock .dock-play{border-color:var(--studio-ice-line);color:#071217;background:var(--studio-ice-strong);border-radius:50%;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:13px;box-shadow:0 8px 22px #4697b13d}.studio-shell .command-dock .dock-play:hover{color:#071217;background:#d4f7ff;border-color:#dff8ff;box-shadow:0 10px 28px #4697b14d}.studio-shell .dock-status{gap:1px;min-width:132px;padding:0 7px;display:grid}.studio-shell .dock-status strong{color:var(--studio-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:620;overflow:hidden}.studio-shell .dock-status span{color:var(--studio-faint);letter-spacing:.04em;font-family:Bahnschrift,Segoe UI Variable Text,sans-serif;font-size:8px}.studio-shell .command-dock .dock-layers{color:var(--studio-text-soft);background:#ffffff06}.studio-shell .command-dock .dock-preview{color:#dff7fc;border-color:var(--studio-ice-line);background:var(--studio-ice-soft)}.studio-shell .effect-empty{border:1px dashed var(--studio-line);min-height:180px;color:var(--studio-muted);text-align:center;background:#ffffff05;border-radius:13px;align-content:center;place-items:center;gap:10px;padding:24px 16px;display:grid}.studio-shell .effect-empty span{font-size:11px}.studio-shell .effect-empty button{border:1px solid var(--studio-line);min-height:32px;color:var(--studio-text-soft);background:var(--studio-surface-soft);padding:0 11px;font-size:9px}.studio-shell .panel-heading.compact{z-index:6;border-bottom:1px solid var(--studio-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12161be6;min-height:64px;margin:-18px -14px 0;padding:18px 14px 12px;position:sticky;top:-18px}.studio-shell .reset{min-width:auto;min-height:32px;color:var(--studio-muted);background:0 0;border:1px solid #0000;padding:0 8px;font-size:9px;text-decoration:none}.studio-shell .reset:hover{color:var(--studio-warm);border-color:var(--studio-line);background:var(--studio-surface-hover);transform:translateY(-1px)}.studio-shell .inspector-tabs{z-index:5;border-bottom:1px solid var(--studio-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12161be6;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 -5px 10px;padding:7px 5px;display:grid;position:sticky;top:46px}.studio-shell .inspector-tab{min-height:34px;color:var(--studio-muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 6px;font-size:10px;font-weight:570;position:relative}.studio-shell .inspector-tab:after{content:"";opacity:0;background:var(--studio-ice);height:2px;transition:opacity var(--studio-fast) var(--studio-ease), transform var(--studio-base) var(--studio-ease);border-radius:999px;position:absolute;bottom:-3px;left:24%;right:24%;transform:scaleX(.55)}.studio-shell .inspector-tab:hover{color:var(--studio-text-soft);background:var(--studio-surface-soft);transform:translateY(-1px)}.studio-shell .inspector-tab.active,.studio-shell .inspector-tab[aria-selected=true]{color:var(--studio-warm);background:var(--studio-ice-soft)}.studio-shell .inspector-tab.active:after,.studio-shell .inspector-tab[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.studio-shell .inspector-view{opacity:1;animation:studio-inspector-enter var(--studio-slow) var(--studio-ease) both;transform:translateY(0)}.studio-shell .inspector-view[hidden]{display:none}.studio-shell :where(.used-effects,.ratio-group,.background-panel,.edit-scope,.effect-selection-empty,.range-control,.position-controls,.clock-options,.particle-tool,.effect-palette,.audio-control,.recipe){border:1px solid var(--studio-line);transition:border-color var(--studio-fast) var(--studio-ease), background-color var(--studio-fast) var(--studio-ease), opacity var(--studio-base) var(--studio-ease), transform var(--studio-base) var(--studio-ease);background:#ffffff06;border-radius:13px;margin-top:9px;padding:14px;box-shadow:inset 0 1px #ffffff04}.studio-shell :where(.used-effects,.background-panel,.edit-scope,.effect-selection-empty,.position-controls,.clock-options,.particle-tool,.effect-palette,.audio-control):hover{background:#ffffff09;border-color:#e4ebf124}.studio-shell .used-heading{margin-bottom:9px}.studio-shell :where(.used-heading small,.used-heading>div>span,.background-heading span,.particle-tool span,.edit-scope>span,.effect-selection-empty>span,.position-controls>span,.trail-style>span,.clock-options>div:first-child span,.palette-heading span){color:var(--studio-muted);letter-spacing:.04em;font-size:8px;font-weight:570}.studio-shell :where(.used-heading strong,.range-control label,.ratio-group>label,.color-control>label,.background-heading strong,.particle-tool strong,.palette-heading strong){color:var(--studio-text);letter-spacing:0;font-size:11px;font-weight:620}.studio-shell .used-list{gap:5px;width:100%;min-width:0;max-height:186px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow:hidden auto}.studio-shell .used-list>li{min-width:0;transition:border-color var(--studio-fast) var(--studio-ease), background-color var(--studio-fast) var(--studio-ease);background:#080c107a;border:1px solid #e4ebf114;border-radius:10px;overflow:hidden}.studio-shell .used-list>li:hover{border-color:var(--studio-line);background:#ffffff09}.studio-shell .used-list>li.selected{background:#85d8ee0f;border-color:#85d8ee52}.studio-shell .used-focus{min-height:44px;padding:7px 8px}.studio-shell .used-focus small{color:var(--studio-muted);font-size:8px}.studio-shell .used-focus strong{color:var(--studio-text);font-size:10px}.studio-shell .used-remove{color:var(--studio-muted)}.studio-shell .used-remove:hover{color:var(--studio-danger);background:var(--studio-danger-soft)}.studio-shell .used-empty,.studio-shell .local-note{color:var(--studio-muted);font-size:9px;line-height:1.55}.studio-shell .background-mode,.studio-shell .segmented,.studio-shell .wallpaper-fit,.studio-shell .audio-actions,.studio-shell .clock-format{gap:4px}.studio-shell :where(.background-mode button,.segmented button,.wallpaper-fit button,.audio-actions button,.clock-format button,.wallpaper-actions button){border:1px solid var(--studio-line);min-height:34px;color:var(--studio-muted);background:#00000029;border-radius:8px;font-size:9px}.studio-shell :where(.background-mode button,.segmented button,.wallpaper-fit button,.audio-actions button,.clock-format button,.wallpaper-actions button):hover{color:var(--studio-text-soft);border-color:var(--studio-line-strong);background:var(--studio-surface-hover);transform:translateY(-1px)}.studio-shell :where(.background-mode button,.segmented button,.wallpaper-fit button,.audio-actions button,.clock-format button).selected{color:var(--studio-ice-strong);background:var(--studio-ice-soft);border-color:#85d8ee4d}.studio-shell .range-control{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;padding:13px 14px}.studio-shell .text-overlay-editor{border:1px solid var(--studio-line);background:#ffffff06;border-radius:13px;margin-top:9px;padding:14px}.studio-shell .text-overlay-heading,.studio-shell .text-font-heading{grid-template-columns:1fr auto;align-items:end;gap:2px 8px;display:grid}.studio-shell .text-overlay-heading>span,.studio-shell .text-font-heading>span{color:var(--studio-muted);letter-spacing:.06em;grid-column:1/-1;font-size:8px}.studio-shell .text-overlay-heading strong,.studio-shell .text-font-heading strong,.studio-shell .text-align-row>span{color:var(--studio-text);font-size:11px;font-weight:620}.studio-shell .text-overlay-heading small{color:var(--studio-muted);font:9px/1 Cascadia Mono,monospace}.studio-shell .text-overlay-editor textarea{resize:vertical;border:1px solid var(--studio-line);width:100%;min-height:92px;color:var(--studio-text);caret-color:var(--studio-ice-strong);background:#0003;border-radius:9px;outline:none;margin-top:10px;padding:11px 12px;font:500 12px/1.55 Segoe UI Variable,Microsoft YaHei UI,sans-serif}.studio-shell .text-overlay-editor textarea:focus{border-color:#85d8ee5c;box-shadow:0 0 0 3px #85d8ee0f}.studio-shell .text-font-heading{margin-top:14px}.studio-shell .text-font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.studio-shell .text-font-grid button{border:1px solid var(--studio-line);min-height:46px;color:var(--studio-muted);text-align:left;background:#00000029;border-radius:9px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}.studio-shell .text-font-grid button:hover{color:var(--studio-text-soft);border-color:var(--studio-line-strong);background:var(--studio-surface-hover)}.studio-shell .text-font-grid button.selected{color:var(--studio-ice-strong);background:var(--studio-ice-soft);border-color:#85d8ee4d}.studio-shell .text-font-grid b{color:var(--studio-text);white-space:nowrap;font-size:15px;font-weight:600}.studio-shell .text-font-grid span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.studio-shell .text-align-row{gap:8px;margin-top:13px;display:grid}.studio-shell .text-align-row .clock-format{grid-template-columns:repeat(3,1fr)}.studio-shell .range-control>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.studio-shell .range-control output{color:var(--studio-ice-strong);font-family:Segoe UI Variable Display,Bahnschrift,sans-serif;font-size:12px;font-weight:560}.studio-shell .range-input-row{touch-action:none;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:34px;display:grid}.studio-shell .range-input-row button{border:1px solid var(--studio-line);width:34px;min-width:34px;height:34px;min-height:34px;color:var(--studio-text-soft);background:#00000029;border-radius:9px;padding:0;font-size:16px}.studio-shell .range-input-row button:hover{color:var(--studio-warm);border-color:var(--studio-line-strong);background:var(--studio-surface-hover);transform:translateY(-1px)}.studio-shell input[type=range]{background:linear-gradient(90deg, var(--studio-ice) var(--value,50%), #ffffff21 var(--value,50%)) center / 100% 3px no-repeat;width:100%;height:34px;min-height:34px;accent-color:var(--studio-ice);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:999px;margin:0;padding:0}.studio-shell input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:3px}.studio-shell input[type=range]::-webkit-slider-thumb{background:var(--studio-ice-strong);width:15px;height:15px;transition:transform var(--studio-fast) var(--studio-ease), box-shadow var(--studio-fast) var(--studio-ease);border:2px solid #203039;border-radius:50%;margin-top:-6px;box-shadow:0 0 0 4px #85d8ee1a}.studio-shell input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 0 0 5px #85d8ee21,0 0 14px #85d8ee3d}.studio-shell .edit-scope{background:linear-gradient(115deg,#85d8ee14,#ffffff05);border-color:#85d8ee21}.studio-shell .effect-selection-empty{text-align:center;border-style:dashed;align-content:center;gap:7px;min-height:132px;display:grid}.studio-shell .effect-selection-empty>strong{color:var(--studio-text);font-size:12px;font-weight:600}.studio-shell .effect-selection-empty>p{max-width:240px;color:var(--studio-muted);margin:0 auto;font-size:9px;line-height:1.65}.studio-shell .background-colors label,.studio-shell .wallpaper-file,.studio-shell .wallpaper-empty,.studio-shell .custom-effect-color{border-color:var(--studio-line);background:#00000026;border-radius:10px}.studio-shell .wallpaper-empty:hover{border-color:var(--studio-ice-line);background:var(--studio-ice-soft);transform:translateY(-1px)}.studio-shell .theme-grid{gap:7px}.studio-shell .theme-row button{height:29px;min-height:29px;transition:opacity var(--studio-fast) var(--studio-ease), transform var(--studio-fast) var(--studio-ease), box-shadow var(--studio-fast) var(--studio-ease);border-radius:7px}.studio-shell .theme-row button:hover,.studio-shell .theme-row button.selected{box-shadow:0 0 0 2px var(--studio-bg), 0 0 0 3px #ffffff8c;transform:translateY(-1px)scale(1.03)}.studio-shell .audio-meter{border-color:var(--studio-line);background:#0003;border-radius:9px}.studio-shell .audio-meter i{background:linear-gradient(to top, #5ba4b9, var(--studio-ice-strong));transition:height var(--studio-fast) linear;border-radius:3px 3px 1px 1px}.studio-shell .audio-live{background:var(--studio-ice);box-shadow:0 0 10px #85d8eea8}.studio-shell .wallpaper-status{color:var(--studio-ice-strong)}.studio-shell .background-brightness-control{border-top:1px solid var(--studio-line);margin-top:2px;padding-top:10px}.studio-shell .background-brightness-control .range-control{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0;padding:0}.studio-shell .background-brightness-control>p{color:var(--studio-muted);margin:8px 0 0;font-size:9px;line-height:1.5}.studio-shell .wallpaper-error,.studio-shell .editor-error,.studio-shell .audio-control>p{color:var(--studio-danger)}.studio-shell .editor-error{background:var(--studio-danger-soft);border:1px solid #f08b8838;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:9px}.studio-shell .recipe{background:linear-gradient(110deg,#85d8ee12,#ffffff05)}.studio-shell .sync-toast{top:calc(var(--topbar-height) + 12px);color:#dff8fc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:studio-toast-enter var(--studio-slow) var(--studio-ease) both;background:#0f1f26f0;border:1px solid #b8effb61;border-radius:12px;overflow:hidden;box-shadow:0 18px 52px #00000075}@keyframes studio-ambient-drift{0%{opacity:.48;transform:translate(-1%,-.5%)scale(1.02)}to{opacity:.68;transform:translate(1.2%,.8%)scale(1.045)}}@keyframes studio-stage-breathe{0%{opacity:.28;transform:scale(.94)}to{opacity:.5;transform:scale(1.035)}}@keyframes studio-live-pulse{0%,to{opacity:.58;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}@keyframes studio-inspector-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-toast-enter{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1380px){.studio-shell{--effects-width:264px;--inspector-width:318px}.studio-shell.effects-collapsed{--effects-width:60px}.studio-shell.inspector-collapsed{--inspector-width:60px}.studio-shell .workspace.effects-collapsed{--effects-width:60px}.studio-shell .workspace.inspector-collapsed{--inspector-width:60px}.studio-shell .workspace{gap:9px;padding:9px}.studio-shell .canvas-stage{padding-inline:18px}.studio-shell .effect-main{grid-template-columns:27px minmax(0,1fr) 64px}.studio-shell .effect-card-visual{grid-template-columns:30px 32px;width:64px}.studio-shell .effect-mini{width:58px;height:44px}.studio-shell .effect-access-prefix,.studio-shell .workspace-title{display:none}}@media (width<=1120px){.studio-shell{--effects-width:244px;height:auto;min-height:100dvh;overflow:visible}.studio-shell .topbar{position:sticky;top:0}.studio-shell .studio-nav,.studio-shell .project-meta{display:none}.studio-shell .top-actions{margin-left:auto}.studio-shell .workspace{grid-template-columns:var(--effects-width) minmax(0, 1fr);grid-template-rows:minmax(560px, calc(100dvh - var(--topbar-height) - 18px)) auto;height:auto;min-height:calc(100dvh - var(--topbar-height));overflow:visible}.studio-shell .control-panel{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;height:auto;display:grid;overflow:visible}.studio-shell .control-panel>.drawer-toggle,.studio-shell .panel-heading.compact,.studio-shell .inspector-tabs,.studio-shell .inspector-body{grid-column:1/-1}.studio-shell .inspector-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.studio-shell .inspector-body>.inspector-view{display:contents}.studio-shell .inspector-body>.inspector-view[hidden]{display:none}.studio-shell .panel-heading.compact,.studio-shell .inspector-tabs{position:static}.studio-shell .panel-heading.compact{margin:-18px -14px 0}.studio-shell.inspector-collapsed .control-panel,.studio-shell .workspace.inspector-collapsed .control-panel{display:none}}@media (width<=760px){.studio-shell{--topbar-height:60px;min-height:100dvh}.studio-shell .topbar{gap:8px;padding:0 10px}.studio-shell .brand{font-size:14px}.studio-shell .brand small,.studio-shell .top-actions .tutorial-button,.studio-shell .top-actions .ghost-button{display:none}.studio-shell .top-actions button{padding-inline:10px}.studio-shell .workspace{flex-direction:column;min-height:0;padding:8px;display:flex}.studio-shell .canvas-stage{order:1;min-height:420px;padding:14px 10px}.studio-shell .effects-panel{order:2;height:auto;max-height:580px}.studio-shell .control-panel{order:3;display:block}.studio-shell.effects-collapsed .effects-panel,.studio-shell .workspace.effects-collapsed .effects-panel{display:none}.studio-shell .stage-meta,.studio-shell .canvas-edit-tools,.studio-shell .canvas-frame,.studio-shell .playback{width:100%}.studio-shell .canvas-edit-tools{width:fit-content;max-width:100%;display:flex}.studio-shell .canvas-edit-tools>span{text-align:center;min-width:0}.studio-shell .category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-shell .effect-list{scroll-snap-type:x proximity;grid-auto-columns:minmax(240px,82vw);grid-auto-flow:column;overflow:auto hidden}.studio-shell .effect-card{scroll-snap-align:start}.studio-shell .stage-actions,.studio-shell .command-dock{flex-wrap:wrap;justify-content:center;max-width:100%}}@media (width<=480px){.studio-shell .brand-mark{border-radius:10px;flex-basis:31px;width:31px;height:31px}.studio-shell .top-actions .lively-button span{display:none}.studio-shell .canvas-stage{min-height:360px}.studio-shell .stage-meta{font-size:8px}.studio-shell .canvas-edit-tools{width:fit-content;max-width:100%;display:flex}.studio-shell .canvas-edit-tools>span{text-align:center}.studio-shell .control-panel,.studio-shell .inspector-body,.studio-shell .inspector-body>.inspector-view{display:block}.studio-shell .inspector-body>.inspector-view[hidden]{display:none}}.studio-shell .particle-source-card{background:radial-gradient(circle at 12% 12%,#a4e1ff14,#0000 36%),#0a0e12a8;border:1px solid #a3bbc929;border-radius:15px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;padding:13px;display:grid}.studio-shell .particle-source-preview{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25% 75%,#ffffff09 75%),linear-gradient(45deg,#ffffff09 25%,#0c1116 25% 75%,#ffffff09 75%);background-position:0 0,6px 6px;background-repeat:repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #cce7f333;border-radius:14px;place-items:center;width:58px;display:grid;overflow:hidden;box-shadow:inset 0 0 22px #0000005c}.studio-shell .particle-source-image{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.studio-shell .particle-source-preview i{color:#dff7ff;font:24px/1 var(--font-ui);text-shadow:0 0 14px #91e0ffb8}.studio-shell .particle-source-copy{gap:4px;min-width:0;display:grid}.studio-shell .particle-source-copy span{color:var(--studio-ice);font:700 8px/1 var(--font-mono);letter-spacing:.14em}.studio-shell .particle-source-copy strong{color:var(--studio-text);font-size:12px}.studio-shell .particle-source-copy small{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.45;overflow:hidden}.studio-shell .particle-source-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;display:grid}.studio-shell .particle-source-actions button,.studio-shell .particle-source-reset{color:#c5d6df;cursor:pointer;background:#94d0e80f;border:1px solid #a4d0e233;border-radius:9px;min-height:34px;font-size:9px;transition:border-color .18s,background .18s,color .18s}.studio-shell .particle-source-actions button:hover{color:#f3fbff;background:#78cdf01f;border-color:#90ddfc7a}.studio-shell .particle-source-actions button:disabled{cursor:wait;opacity:.48}.studio-shell .particle-source-note{color:var(--studio-faint);grid-column:1/-1;margin:-1px 0 0;font-size:8px;line-height:1.5}.studio-shell .particle-source-reset{color:#7f8c93;background:0 0;border-color:#0000;grid-column:1/-1;min-height:28px}.studio-shell .particle-source-reset:hover{color:#dbe8ee}.studio-shell .particle-source-error{color:#ff9d9d;margin:8px 0 0;font-size:9px;line-height:1.55}.studio-shell .used-depth-hint{color:var(--studio-faint);margin:-1px 0 8px;font-size:8px;line-height:1.5}.studio-shell .used-list{max-height:310px}.studio-shell .used-list>li{display:block}.studio-shell .used-row-main{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;padding:4px 5px;display:grid}.studio-shell .used-row-main .used-focus{min-height:44px;padding:4px 3px}.studio-shell .used-row-main .used-focus i{border-radius:999px;min-height:28px}.studio-shell .used-row-main .used-focus small{font-size:9px}.studio-shell .used-row-main .used-focus strong{font-size:11px;font-weight:620}.studio-shell .used-remove{width:36px;height:36px;min-height:0;color:var(--studio-muted);transition:color var(--studio-fast) var(--studio-ease), border-color var(--studio-fast) var(--studio-ease), background-color var(--studio-fast) var(--studio-ease), transform var(--studio-fast) var(--studio-ease);background:0 0;border:1px solid #0000;border-radius:8px;grid-column:3;align-self:center;place-items:center;padding:0;display:grid;position:relative}.studio-shell .used-remove:after{content:"";position:absolute;inset:-4px}.studio-shell .used-remove-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:16px;height:16px}.studio-shell .used-remove:hover{border-color:#f08b883d}.studio-shell .used-remove:active{transform:scale(.96)}.studio-shell .used-remove:focus-visible{outline:2px solid var(--studio-ice);outline-offset:2px;border-color:#85d8ee4d}.studio-shell .used-depth{background:#0000001f;border-top:1px solid #97b1cf17}.studio-shell .used-layer-position{background:#0000001f;border-top:1px solid #97b1cf17;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px 8px 8px;display:grid}.studio-shell .used-layer-position>span{color:var(--studio-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.studio-shell .used-layer-trigger{width:100%;min-width:0;min-height:36px;color:var(--studio-text-soft);cursor:pointer;text-align:left;transition:color var(--studio-fast) var(--studio-ease), border-color var(--studio-fast) var(--studio-ease), background-color var(--studio-fast) var(--studio-ease), box-shadow var(--studio-base) var(--studio-ease);background:#04080c94;border:1px solid #97b1cf2e;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 11px;display:flex;overflow:hidden}.studio-shell .used-layer-trigger-copy,.used-layer-option-copy{align-items:baseline;gap:7px;min-width:0;display:flex}.studio-shell .used-layer-trigger-copy strong,.used-layer-option-copy strong{font:650 10px/1.2 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-shell .used-layer-trigger-copy small,.used-layer-option-copy small{color:var(--studio-faint);font:500 8px/1.2 var(--font-ui);flex:none}.studio-shell .used-layer-chevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:16px;height:16px;transition:transform var(--studio-fast) var(--studio-ease);flex:none}.studio-shell .used-layer-trigger[aria-expanded=true] .used-layer-chevron{transform:rotate(180deg)}.studio-shell .used-layer-trigger:hover{color:var(--studio-text);border-color:var(--studio-line-strong);background:#ffffff0e}.studio-shell .used-layer-trigger:focus-visible{outline:2px solid var(--studio-ice);outline-offset:2px;border-color:var(--studio-ice-line);box-shadow:0 0 0 4px #85d8ee17}.studio-shell .used-layer-trigger:disabled{cursor:not-allowed;opacity:.42}.used-layer-menu{z-index:420;box-sizing:border-box;color:#dfe9ee;scrollbar-color:#a6c7d859 transparent;scrollbar-width:thin;background:#11171dfb;border:1px solid #abc6d833;border-radius:10px;padding:4px;animation:.12s cubic-bezier(.2,.8,.2,1) both usedLayerMenuIn;position:fixed;overflow:hidden auto;box-shadow:0 18px 48px #00000080,inset 0 0 0 1px #ffffff06}.used-layer-menu[data-side=top]{transform-origin:bottom}.used-layer-menu[data-side=bottom]{transform-origin:top}.used-layer-option{color:#b7c4cb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;display:flex}.used-layer-option:hover,.used-layer-option:focus-visible{color:#edf7fa;background:#ffffff0e;outline:0}.used-layer-option[aria-selected=true]{color:#dff7ff;background:#85d8ee1a}.used-layer-option-copy small{color:#788995}.used-layer-option[aria-selected=true] .used-layer-option-copy small{color:#93bfcd}.used-layer-option-check{fill:none;opacity:0;stroke:#8edcf0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:16px;height:16px}.used-layer-option[aria-selected=true] .used-layer-option-check{opacity:1}@keyframes usedLayerMenuIn{0%{opacity:0;transform:translateY(-3px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.studio-shell .used-layer-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-shell .used-depth.simple{justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.studio-shell .used-depth.simple>span{color:var(--studio-faint);font-size:8px}.studio-shell .used-depth button{color:var(--studio-muted);cursor:pointer;font:inherit;background:#ffffff06;border:1px solid #97b1cf29;border-radius:7px;transition:color .16s,border-color .16s,background .16s}.studio-shell .used-depth.simple button{min-height:25px;padding:0 8px;font-size:8px}.studio-shell .used-depth button.behind{color:#d7f6ff;background:#5cb2cc1f;border-color:#85d8ee61}.studio-shell .used-depth button:disabled{cursor:not-allowed;opacity:.35}.studio-shell .used-depth.natural{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;display:grid}.studio-shell .used-depth.natural button{text-align:center;gap:2px;min-width:0;padding:5px 3px;display:grid}.studio-shell .used-depth.natural span{color:var(--studio-faint);font-size:7px}.studio-shell .used-depth.natural strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:620;overflow:hidden}.studio-shell .subject-depth-card{background:radial-gradient(circle at 8% 0,#7fd1ec1c,#0000 42%),#090d126b;border:1px solid #97b1cf29;border-radius:12px;gap:11px;margin-top:4px;padding:13px;display:grid;overflow:hidden}.studio-shell .subject-depth-card.ready{border-color:#85d8ee4d}.studio-shell .subject-depth-heading{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.studio-shell .subject-depth-icon{background:linear-gradient(150deg,#9dddf129,#5673970a);border:1px solid #9dddf140;border-radius:10px;width:38px;height:44px;position:relative;overflow:hidden}.studio-shell .subject-depth-icon i,.studio-shell .subject-depth-icon b{border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.studio-shell .subject-depth-icon i{background:#dff7ff;width:12px;height:12px;top:8px;box-shadow:0 0 12px #ade4f673}.studio-shell .subject-depth-icon b{background:linear-gradient(#a9d5e5,#4e778b);width:30px;height:30px;bottom:-9px}.studio-shell .subject-depth-heading>div{gap:3px;min-width:0;display:grid}.studio-shell .subject-depth-heading small{color:var(--studio-ice);letter-spacing:.09em;font-size:7px}.studio-shell .subject-depth-heading strong{color:var(--studio-text);font-size:11px;font-weight:650}.studio-shell .subject-depth-heading p,.studio-shell .subject-depth-note,.studio-shell .subject-depth-processing p{color:var(--studio-muted);margin:0;font-size:8px;line-height:1.55}.studio-shell .subject-depth-switch{color:var(--studio-faint);cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;padding:0;font-size:7px;display:grid}.studio-shell .subject-depth-switch i{border:1px solid var(--studio-line-strong);background:#0000004d;border-radius:999px;width:29px;height:16px;position:relative}.studio-shell .subject-depth-switch i:after{content:"";background:#71808a;border-radius:50%;width:10px;height:10px;transition:transform .17s,background .17s;position:absolute;top:2px;left:2px}.studio-shell .subject-depth-switch.on{color:var(--studio-ice-strong)}.studio-shell .subject-depth-switch.on i{background:#4daecb33;border-color:#85d8ee7a}.studio-shell .subject-depth-switch.on i:after{background:var(--studio-ice-strong);transform:translate(13px)}.studio-shell .subject-depth-actions{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.studio-shell .subject-depth-actions button,.studio-shell .subject-depth-processing button{border:1px solid var(--studio-line);min-height:32px;color:var(--studio-muted);cursor:pointer;background:#0000002e;border-radius:8px;padding:0 10px;font-size:8px}.studio-shell .subject-depth-actions button.primary{color:#e4f9ff;background:#54b2cf24;border-color:#85d8ee5c}.studio-shell .subject-depth-actions button.remove:hover,.studio-shell .subject-depth-processing button:hover{color:var(--studio-danger);background:var(--studio-danger-soft);border-color:#f08b884d}.studio-shell .subject-depth-note{border-top:1px solid #97b1cf1a;padding-top:8px}.studio-shell .subject-depth-processing{gap:8px;display:grid}.studio-shell .subject-depth-processing>div{color:var(--studio-text-soft);justify-content:space-between;align-items:center;gap:8px;font-size:8px;display:flex}.studio-shell .subject-depth-processing button{min-height:25px}.studio-shell .subject-depth-processing>i{background:#ffffff12;border-radius:99px;height:3px;display:block;overflow:hidden}.studio-shell .subject-depth-processing>i b{border-radius:inherit;background:linear-gradient(90deg,#72b7cd,#bceeff);height:100%;transition:width .18s linear;display:block}.studio-shell .subject-depth-error{color:var(--studio-danger);margin:0;font-size:8px;line-height:1.55}.studio-shell .account-loading{color:var(--studio-text-muted);white-space:nowrap;font-size:10px}.studio-shell .guest-account{border-left:1px solid #b3d0e621;align-items:center;gap:8px;min-height:34px;padding-left:10px;display:flex}.studio-shell .guest-account>span{color:var(--studio-text-soft);white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:inline-flex}.studio-shell .guest-account>span i{background:#8ebed0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #8ebed0b3}.studio-shell .guest-account>button,.studio-shell .account-chip{color:#dff7ff;cursor:pointer;background:linear-gradient(#72b7cd29,#4970821a);border:1px solid #97cde147;border-radius:9px;min-height:34px}.studio-shell .guest-account>button{padding:0 12px;font-size:10px}.studio-shell .account-menu-wrap{position:relative}.studio-shell .account-chip{align-items:center;gap:8px;max-width:210px;padding:4px 9px 4px 5px;display:flex}.studio-shell .account-chip>span,.studio-shell .account-avatar{color:#0d2028;background:linear-gradient(145deg,#e8fbff,#83bfd2);border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.studio-shell .account-chip>b{color:#dceaf0;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.studio-shell .account-chip>i{color:var(--studio-text-muted);font-style:normal}.studio-shell .account-popover{z-index:120;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0e1319fa;border:1px solid #9cc5db33;border-radius:14px;width:310px;padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 80px #0000007a,inset 0 1px #ffffff08}.studio-shell .account-popover>header{border-bottom:1px solid #97b1cf1a;align-items:center;gap:10px;padding-bottom:12px;display:flex}.studio-shell .account-popover>header div{gap:2px;min-width:0;display:grid}.studio-shell .account-popover>header strong{color:var(--studio-text);font-size:11px}.studio-shell .account-popover>header small{color:var(--studio-text-muted);text-overflow:ellipsis;font-size:9px;overflow:hidden}.studio-shell .account-restricted,.studio-shell .account-notice{color:#d6eaf0;background:#72b7cd1a;border-radius:8px;margin:10px 0 0;padding:9px 10px;font-size:9px;line-height:1.55}.studio-shell .device-summary{color:var(--studio-text-soft);justify-content:space-between;margin-top:12px;font-size:9px;display:flex}.studio-shell .device-summary em{color:var(--studio-text-muted);font-style:normal}.studio-shell .device-list{gap:4px;margin:7px 0 0;padding:0;list-style:none;display:grid}.studio-shell .device-list li{background:#ffffff06;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:6px 8px;display:grid}.studio-shell .device-list li>span{color:#8fc4d6}.studio-shell .device-list li>div{gap:2px;display:grid}.studio-shell .device-list strong{color:var(--studio-text);font-size:9px;font-weight:600}.studio-shell .device-list small{color:var(--studio-text-muted);font-size:8px}.studio-shell .device-list em{color:#a6deef;font-size:8px;font-style:normal}.studio-shell .account-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.studio-shell .account-actions button{min-height:32px;color:var(--studio-text-soft);cursor:pointer;background:#ffffff06;border:1px solid #97b1cf26;border-radius:8px;font-size:9px}.studio-shell .account-actions button.danger{color:#ffd2d0;border-color:#f08b8833}.studio-shell .account-dialog-backdrop{z-index:300;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030609bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.studio-shell .account-dialog{background:radial-gradient(circle at 86% 4%,#64b7d321,#0000 34%),#10161d;border:1px solid #9ecce038;border-radius:20px;width:min(440px,100%);max-height:calc(100dvh - 48px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 35px 110px #0000009e,inset 0 1px #ffffff0a}.studio-shell .account-dialog-close{width:31px;height:31px;color:var(--studio-text-muted);cursor:pointer;background:#ffffff06;border:1px solid #97b1cf21;border-radius:9px;position:absolute;top:14px;right:14px}.studio-shell .account-dialog-eyebrow{color:#94c9da;font-family:var(--studio-mono);letter-spacing:.18em;margin:0 0 8px;font-size:8px}.studio-shell .account-dialog h2{color:#f2f8fa;letter-spacing:-.03em;margin:0;font-size:23px;font-weight:650}.studio-shell .account-dialog-copy{color:var(--studio-text-soft);margin:9px 0 0;font-size:10px;line-height:1.65}.studio-shell .account-dialog-tabs{background:#ffffff09;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-top:20px;padding:4px;display:grid}.studio-shell .account-dialog-tabs button{min-height:35px;color:var(--studio-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:10px}.studio-shell .account-dialog-tabs button.active{color:#e9f9ff;background:#77bcd324;box-shadow:inset 0 0 0 1px #89cde324}.studio-shell .account-form{gap:13px;margin-top:18px;display:grid}.studio-shell .account-form label{gap:6px;display:grid}.studio-shell .account-form label>span{color:var(--studio-text-soft);font-size:9px}.studio-shell .account-form input{color:#eff9fc;background:#05090d9e;border:1px solid #97b1cf26;border-radius:10px;outline:none;width:100%;height:44px;padding:0 13px;font-size:12px}.studio-shell .account-form input:focus{border-color:#84cbe27a;box-shadow:0 0 0 3px #5ba9c414}.studio-shell .account-invite-info{background:#05090d6b;border:1px solid #97b1cf24;border-radius:10px;margin-top:-3px;overflow:hidden}.studio-shell .account-invite-info summary{color:#9ccddd;cursor:pointer;justify-content:space-between;align-items:center;min-height:36px;padding:0 11px;font-size:9px;list-style:none;display:flex}.studio-shell .account-invite-info summary::-webkit-details-marker{display:none}.studio-shell .account-invite-info summary:after{content:"+";color:var(--studio-text-muted);font-size:14px;font-weight:400}.studio-shell .account-invite-info[open] summary:after{content:"−"}.studio-shell .account-invite-info summary:focus-visible{outline-offset:-2px;outline:2px solid #84cbe27a}.studio-shell .account-invite-image{background:#28272d;border-top:1px solid #97b1cf1f;width:100%;height:auto;display:block}.studio-shell .account-primary{color:#081318;cursor:pointer;background:linear-gradient(135deg,#d7f5ff,#82bed2);border:1px solid #a0dcef57;border-radius:10px;min-height:44px;font-size:11px;font-weight:700}.studio-shell .account-primary:disabled{cursor:wait;opacity:.55}.studio-shell .account-back{color:#9ccddd;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:9px}.studio-shell .account-form-error,.studio-shell .account-dev-code{border-radius:8px;margin:0;padding:9px 10px;font-size:9px;line-height:1.5}.studio-shell .account-form-error{color:#ffd0ce;background:#f08b881a}.studio-shell .account-dev-code{color:#d9f5ff;background:#6bbad41a}.studio-shell .account-dev-code strong{letter-spacing:.16em;margin-left:5px}.studio-shell .effect-access-label{color:#9fc8d5;background:#5390a514;border:1px solid #8bc3d524;border-radius:99px;justify-self:start;margin-top:3px;padding:2px 6px;font-size:7px;line-height:1.4;display:inline-flex}.studio-shell .effect-access-label.invited{color:#e0ddff;background:#7e66e81a;border-color:#b0a0ff33}.studio-shell .entitlement-dialog-backdrop{z-index:290;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030609b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.studio-shell .entitlement-dialog{width:min(460px,100%);color:var(--studio-text-soft);background:radial-gradient(circle at 88% 4%,#8974ee26,#0000 34%),#11161d;border:1px solid #aba4eb3b;border-radius:18px;padding:26px;box-shadow:0 34px 100px #00000094}.studio-shell .entitlement-dialog h2{color:#f3f4ff;margin:0;font-size:21px}.studio-shell .entitlement-dialog>p:not(.account-dialog-eyebrow){margin:9px 0 0;font-size:10px;line-height:1.65}.studio-shell .entitlement-dialog ul{flex-wrap:wrap;gap:6px;margin:15px 0 0;padding:0;list-style:none;display:flex}.studio-shell .entitlement-dialog li{color:#e2deff;background:#7e66e81c;border-radius:7px;padding:5px 8px;font-size:9px}.studio-shell .entitlement-actions{gap:7px;margin-top:18px;display:grid}.studio-shell .entitlement-actions button{min-height:38px;color:var(--studio-text-soft);cursor:pointer;background:#ffffff08;border:1px solid #97b1cf26;border-radius:9px;font-size:10px}.studio-shell .entitlement-actions button.primary{color:#10151d;background:linear-gradient(135deg,#f0edff,#aaa0f2);border-color:#ccc5ff5c;font-weight:700}@media (prefers-reduced-motion:reduce){.studio-shell,.studio-shell *,.studio-shell :before,.studio-shell :after,.used-layer-menu,.used-layer-menu *{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.project-button{color:#dbeaf0;background:#92c1d614;border:1px solid #a6cfe233}.project-dialog-backdrop{z-index:190;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03070ab8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.project-dialog{color:#eef7fa;background:radial-gradient(circle at 14% 0,#7fcce61f,#0000 35%),linear-gradient(145deg,#141c22fa,#0a0f14fc);border:1px solid #b4dae82e;border-radius:24px;width:min(920px,96vw);max-height:min(760px,90vh);overflow:hidden;box-shadow:0 28px 90px #0000008c}.project-dialog>header{border-bottom:1px solid #b4dae81c;justify-content:space-between;align-items:center;padding:24px 26px 19px;display:flex}.project-dialog>header p{color:#9bd4e8;letter-spacing:.18em;margin:0 0 6px;font-size:10px}.project-dialog>header h2{margin:0;font-size:23px;font-weight:650}.project-dialog>header>button{color:#b8c8ce;background:#ffffff09;border:1px solid #bedce624;border-radius:12px;width:38px;height:38px;font-size:22px}.project-signin-empty{text-align:center;justify-items:center;padding:58px 30px 64px;display:grid}.project-signin-empty>span{color:#bce9f8;background:#85cae41a;border:1px solid #91d3eb4d;border-radius:18px;place-items:center;width:58px;height:58px;font-size:17px;display:grid}.project-signin-empty h3{margin:18px 0 8px;font-size:20px}.project-signin-empty p{color:#91a0a7;max-width:500px;margin:0;line-height:1.7}.project-signin-empty button,.project-save-actions .primary{color:#0c1820;background:#d6f4ff;border-color:#96ddf56b}.project-signin-empty button{border-radius:12px;margin-top:24px;padding:11px 20px}.project-dialog-grid{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);min-height:430px;display:grid}.project-save-pane,.project-list-pane{padding:24px 26px}.project-save-pane{border-right:1px solid #b4dae81a}.project-save-pane label{color:#a9bac1;gap:8px;margin-bottom:18px;font-size:12px;display:grid}.project-save-pane input,.project-save-pane textarea{box-sizing:border-box;color:#edf7fa;background:#04090c8c;border:1px solid #b7d9e624;border-radius:12px;outline:none;width:100%}.project-save-pane input{height:44px;padding:0 13px}.project-save-pane textarea{resize:vertical;min-height:126px;padding:12px 13px;line-height:1.55}.project-save-pane input:focus,.project-save-pane textarea:focus{border-color:#8cd8f27a}.project-save-actions{gap:9px;margin-top:22px;display:flex}.project-save-actions button{border-radius:11px;min-height:40px;padding:0 14px}.project-save-pane>small{color:#73838a;margin-top:14px;line-height:1.55;display:block}.project-list-heading{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.project-list-heading strong{font-size:14px}.project-list-heading span{color:#7f9097;font-size:11px}.project-list-pane ul{gap:9px;max-height:365px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow:auto}.project-list-pane li{background:#ffffff06;border:1px solid #b3d6e41a;border-radius:14px;grid-template-columns:1fr 34px;align-items:center;display:grid;position:relative}.project-list-pane li.current{background:#79c5e114;border-color:#8edaf45c}.project-list-pane li>button:first-child{text-align:left;background:0 0;border:0;gap:4px;min-width:0;padding:13px 10px 13px 14px;display:grid}.project-list-pane li strong,.project-list-pane li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-list-pane li strong{color:#e9f4f7;font-size:13px}.project-list-pane li span{color:#85959c;font-size:11px}.project-list-pane li small{color:#65757b;font-size:10px}.project-list-pane .delete{color:#6f7d82;background:0 0;border:0;font-size:17px}.project-list-pane .delete:hover{color:#ff9a9a}.project-list-empty{color:#6f8087;text-align:center;padding:68px 24px;line-height:1.65}.project-dialog-notice{color:#a9dceb;border-top:1px solid #b4dae81a;margin:0;padding:13px 26px;font-size:12px}@media (width<=780px){.project-dialog-grid{grid-template-columns:1fr;max-height:70vh;overflow:auto}.project-save-pane{border-bottom:1px solid #b4dae81a;border-right:0}}.studio-shell .component-add{z-index:2;color:#cceefc;text-align:left;background:#91cde706;border:0;border-top:1px solid #a4d8ee1f;border-radius:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:48px;margin:0;padding:7px 10px;display:grid;position:relative}.studio-shell .component-add:hover{background:#91cde716}.studio-shell .component-add:focus-visible{outline-offset:-3px}.studio-shell .component-add-icon{color:#b8e8f7;background:#91cde712;border:1px solid #a4d8ee2e;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.studio-shell .component-add-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.4px;width:15px;height:15px}.studio-shell .component-add-copy{gap:1px;min-width:0;display:grid}.studio-shell .component-add-copy strong{color:#d9f2fa;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:620;line-height:1.25;overflow:hidden}.studio-shell .component-add-copy small{color:#78909a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.25;overflow:hidden}.studio-shell .component-add-count{color:#91a6ae;white-space:nowrap;background:#04080c38;border:1px solid #a4d8ee1a;border-radius:999px;justify-content:center;align-items:baseline;gap:4px;min-width:49px;padding:4px 7px;display:inline-flex}.studio-shell .component-add-count small{font-size:8px}.studio-shell .component-add-count strong{color:#e8f9fd;font-size:11px;font-weight:650}.studio-shell .used-duplicate{color:#a9cad8;background:0 0;border:1px solid #a4d8ee38;border-radius:7px;align-self:center;min-width:42px;margin-right:4px;padding:5px 7px;font-size:10px}.studio-shell .used-duplicate:hover{color:#fff;border-color:#a4d8ee7a}