@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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease: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;--ease-out:cubic-bezier(0, 0, .2, 1);--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}.invisible{visibility:hidden}.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 (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.w-full{width:100%}.flex-1{flex: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}.flex-col{flex-direction:column}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--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,)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}}}:root{--brand:#8b6be0;--brand-dark:#7754d8;--brand-soft:#8b6be024;--brand-softer:#8b6be014;--bg-main:#f8fafc;--text-main:#1e293b;--text-dim:#64748b;--glass-bg:#ffffffb3;--glass-border:#fff6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--surface-panel:#fff;--surface-raised:#f6f7f9;--surface-muted:#eef0f4;--surface-input:#fff;--surface-button:#f1f2f6;--surface-button-hover:#e9ebf2;--border-subtle:#0000000f;--border-medium:#00000014;--icon-dim:#0006;--icon-main:#000c;--focus-ring:#8b6be057;--canvas-nav-width:72px;--canvas-left-panel-width:320px;--canvas-right-panel-width:320px;--control-radius:14px;--panel-radius:0;--button-radius:12px}.dark{--bg-main:#0e0e12;--text-main:#ffffffe6;--text-dim:#ffffff73;--glass-bg:#14141cb3;--glass-border:#ffffff14;--surface-panel:#16161c;--surface-raised:#202129;--surface-muted:#292a34;--surface-input:#252530;--surface-button:#ffffff12;--surface-button-hover:#ffffff1c;--border-subtle:#ffffff0f;--border-medium:#ffffff17;--icon-dim:#fff6;--icon-main:#ffffffd9;--brand-soft:#a78bfa2e;--brand-softer:#a78bfa1a;--focus-ring:#a78bfa6b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.canvas-container *,#shader-container *,#wallpaper-canvas,#grain-canvas{transition:none!important;animation:none!important}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);width:100vw;height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.preview-area,.canvas-container,#canvas-container,#shader-container{-webkit-user-select:none;user-select:none}.preview-area[data-editing-text=true] .text-inline-editor,.preview-area[data-editing-text=true] .text-inline-editor *{-webkit-user-select:text!important;user-select:text!important}.preview-area canvas,.preview-area img,#shader-container canvas{-webkit-user-drag:none;-webkit-touch-callout:none}.canvas-container:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.workspace .brand h1,.workspace .brand h2,.workspace .panel-head h1,.workspace .edit-panel-header,#export-modal .modal-title{font-family:var(--font-display,var(--font-sans,Inter, system-ui, sans-serif))}.workspace .brand h1,.workspace .brand h2,.workspace .panel-head h1,#export-modal .modal-title{letter-spacing:-.02em;font-weight:700}.workspace .saas-btn-full,.onboarding-cta{border-radius:12px;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 14px 32px -16px #7754d8b8}.workspace .saas-btn-full:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px #7754d8cc}.dark .workspace .saas-btn-full,.dark .onboarding-cta{box-shadow:0 16px 34px -18px #000000b3}.workspace{overscroll-behavior:none;background:#e8e8ee;width:100vw;max-width:100vw;height:100vh;max-height:100vh;display:flex;overflow:hidden}.sidebar-left,.controls-area{background:var(--surface-panel);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;height:100%;display:flex}.sidebar-left{width:var(--canvas-left-panel-width);flex:0 0 var(--canvas-left-panel-width);transition:transform .22s cubic-bezier(.4,0,.2,1),margin .22s cubic-bezier(.4,0,.2,1)}.controls-area{width:var(--canvas-right-panel-width);flex:0 0 var(--canvas-right-panel-width);border-right:none;border-left:1px solid var(--border-subtle);transition:transform .22s cubic-bezier(.4,0,.2,1),margin .22s cubic-bezier(.4,0,.2,1)}.panel-head{border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);justify-content:space-between;align-items:center;gap:16px;min-height:92px;padding:20px 24px;display:flex}.panel-head-actions{align-items:center;gap:4px;display:flex}.proj-btn{width:34px;height:34px;color:var(--text-dim);background:0 0;border-radius:10px}.proj-btn:hover{color:var(--brand);background:var(--brand-softer)}.proj-error{cursor:default;color:#dc2626;flex-shrink:0;font-size:14px;line-height:1}.brand{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.sidebar-left .brand{flex-direction:row;align-items:center;gap:12px}.brand-icon{color:var(--brand);flex:none;width:22px;height:22px}.brand h2{letter-spacing:0;font-size:24px;font-weight:800;line-height:1.08}.brand h1{letter-spacing:0;font-size:20px;font-weight:800;line-height:1.08}.sidebar-left .panel-body{scrollbar-gutter:stable;padding:20px 22px 24px}.controls-area .panel-body{scrollbar-gutter:stable;padding:22px 24px 24px}.minimal-panel{flex-direction:column;height:100%;display:flex}.panel-head h1{letter-spacing:0;font-size:20px;font-weight:800;line-height:1.08}.panel-head p{color:var(--text-dim);margin-top:0;font-size:12px;font-weight:500;line-height:1.35}.icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.icon-btn:hover{background:var(--surface-button);color:var(--text-main)}.left-nav{width:var(--canvas-nav-width);flex:0 0 var(--canvas-nav-width);background:var(--surface-panel);border-right:1px solid var(--border-subtle);z-index:110;flex-direction:column;align-items:center;gap:4px;height:100%;padding:14px 0 16px;display:flex;overflow:visible}.left-nav-item{width:58px;min-height:58px;color:var(--icon-dim);cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:9px 4px 8px;display:flex}.left-nav-item:hover{background:var(--surface-button);color:var(--icon-main)}.left-nav-item:focus-visible,.left-nav-home:focus-visible{background:var(--surface-button);color:var(--icon-main);outline:none}.left-nav-item.active,.left-nav-item.active:focus-visible{background:var(--brand-soft);color:var(--brand)}.left-nav-item span{letter-spacing:0;text-align:center;font-size:10px;font-weight:700;line-height:1;font-family:var(--font-sans)}.left-nav.compact .left-nav-item{gap:0;min-height:52px;padding:12px 4px}.left-nav.compact .left-nav-item span{display:none}.left-nav-home{width:50px;height:50px;color:var(--icon-dim);cursor:pointer;background:0 0;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:none;display:flex}.left-nav-home:hover{background:var(--surface-button);color:var(--icon-main)}.left-nav-home:active{background:var(--surface-button-hover)}.left-nav-divider{background:var(--border-subtle);border-radius:99px;flex-shrink:0;width:30px;height:1px;margin:2px 0 4px}.preview-area{background:#f2f2f6;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.preview-window{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.canvas-container{width:100%;height:100%;position:relative;overflow:hidden}#wallpaper-canvas,#effects-canvas,#grain-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#wallpaper-canvas{filter:blur(var(--blur-amount,120px));transform:scale(1.15)}#effects-canvas{pointer-events:none}#grain-canvas{pointer-events:none;opacity:.15;mix-blend-mode:overlay}.text-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.guides-overlay{pointer-events:none;z-index:15;width:100%;height:100%;position:absolute;top:0;left:0}.guide{opacity:0;pointer-events:none;background:#f0f;transition:opacity .1s;display:block;position:absolute}.guide.vertical{width:1px;height:100%;top:0;transform:translate(-50%)}.guide.horizontal{width:100%;height:1px;left:0;transform:translateY(-50%)}.text-element{pointer-events:auto;cursor:move;-webkit-user-select:none;user-select:none;white-space:pre-wrap;will-change:transform;contain:layout style;backface-visibility:hidden;overflow-wrap:anywhere;word-break:break-word;width:max-content;max-width:90vw;transform:translate3d(calc(var(--text-anchor-x,-50%) + var(--drag-x,0px)), calc(-50% + var(--drag-y,0px)), 0) rotate(var(--text-rotation,0deg));transform-origin:50%;border:2px solid #0000;outline:none;padding:4px 8px;position:absolute;overflow:visible;transition:none!important}.text-element:focus-visible{border-color:var(--brand);box-shadow:0 0 0 4px #7c3aed33}.text-element.is-editing{visibility:hidden;pointer-events:none;opacity:0!important}.text-inline-editor{z-index:20;border:2px solid var(--brand);width:max-content;min-width:120px;max-width:min(90vw,900px);min-height:48px;box-shadow:none;caret-color:currentColor;letter-spacing:0;resize:none;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;pointer-events:auto;cursor:text;-webkit-user-select:text;user-select:text;isolation:isolate;transform-origin:50%;background:0 0;border-radius:0;outline:none;padding:4px 8px;line-height:1.15;position:absolute;overflow:hidden}.text-inline-editor,.text-inline-editor *{cursor:text;-webkit-user-select:text;user-select:text}.text-inline-editor::selection,.text-inline-editor ::selection{color:#fff;-webkit-text-fill-color:#fff;background:#7c3aed61}.text-inline-editor::-moz-selection{color:#fff;background:#7c3aed61}.text-inline-editor ::-moz-selection{color:#fff;background:#7c3aed61}.text-element.is-dragging{cursor:grabbing;transition:none!important}.text-element.selected{border-color:var(--brand)}.text-element.selected .resize-handle{display:block}.text-element.selected .text-width-handle,.text-element.selected .text-rotate-handle,.text-element.selected .text-delete-btn{display:flex}.resize-handle{border:2px solid var(--brand);cursor:nwse-resize;width:12px;height:12px;box-shadow:none;touch-action:none;background:#fff;border-radius:50%;display:none;position:absolute;bottom:-7px;right:-7px;transition:none!important}.resize-handle-bottom-right{cursor:nwse-resize;bottom:-7px;right:-7px}.resize-handle-top-left{cursor:nwse-resize;inset:-7px auto auto -7px}.resize-handle-bottom-left{cursor:nesw-resize;inset:auto auto -7px -7px}.resize-handle:after{content:"";position:absolute;inset:-7px}.text-width-handle{border:2px solid var(--brand);width:8px;height:22px;box-shadow:none;touch-action:none;background:#fff;border-radius:999px;justify-content:center;align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.text-width-handle:after{content:"";position:absolute;inset:-8px}.text-width-handle-left{cursor:ew-resize;left:-6px}.text-width-handle-right{cursor:ew-resize;right:-6px}.text-rotate-handle{width:28px;height:28px;color:var(--brand);cursor:grab;touch-action:none;background:#fffffff5;border:2px solid #7c3aed2e;border-radius:999px;justify-content:center;align-items:center;padding:0;display:none;position:absolute;bottom:-38px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #7c3aed2e}.text-rotate-handle svg{display:block}.text-rotate-handle:active{cursor:grabbing}.text-delete-btn{color:#fff;width:24px;height:24px;box-shadow:none;cursor:pointer;z-index:2;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;display:none;position:absolute;top:-13px;right:-13px}.text-delete-btn:hover{background:#dc2626}.shape-element{pointer-events:auto;-webkit-user-select:none;user-select:none;box-sizing:border-box;will-change:transform;position:absolute}.shape-element.selected{border-color:var(--brand)!important}.shape-color-handle{cursor:pointer;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-38px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 8px #00000040}.resize-handle-top-right{cursor:nesw-resize;inset:-7px -7px auto auto}.shape-edge-handle{border:2px solid var(--brand);pointer-events:auto;touch-action:none;z-index:2;background:#fff;border-radius:999px;position:absolute}.shape-edge-handle:after{content:"";position:absolute;inset:-8px}.shape-edge-top,.shape-edge-bottom{cursor:ns-resize;width:28px;height:8px;left:50%;transform:translate(-50%)}.shape-edge-top{top:-6px}.shape-edge-bottom{bottom:-6px}.shape-edge-left,.shape-edge-right{cursor:ew-resize;width:8px;height:28px;top:50%;transform:translateY(-50%)}.shape-edge-left{left:-6px}.shape-edge-right{right:-6px}.shape-rotate-handle{width:28px;height:28px;color:var(--brand);cursor:grab;touch-action:none;z-index:3;background:#fffffff5;border:2px solid #7c3aed2e;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:-42px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #7c3aed2e}.shape-rotate-handle:active{cursor:grabbing}.shape-rotate-handle svg{display:block}.shape-rotate-handle:after{content:"";background:#7c3aed59;width:1px;height:12px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.shape-floating-toolbar{z-index:200;background:var(--surface-panel);align-items:center;gap:2px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.shape-floating-toolbar{background:color-mix(in srgb, var(--surface-panel) 92%, transparent)}}.shape-floating-toolbar{border:1px solid var(--border-medium);pointer-events:auto;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--icon-main);border-radius:10px;padding:5px 8px;box-shadow:0 10px 28px #0f172a2e}.sftb-color{border:2px solid var(--border-medium);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.sftb-color:hover,.sftb-color--open{box-shadow:0 0 0 2.5px var(--brand,#7c3aed);transform:scale(1.12)}.sftb-color-pop{background:var(--surface-panel,#fff);border:1px solid var(--border-medium,#00000017);z-index:9999;border-radius:14px;flex-direction:column;gap:8px;width:196px;padding:10px;display:flex;box-shadow:0 8px 32px #0f172a29,0 2px 8px #0f172a14}.sftb-color-presets{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.sftb-color-preset{aspect-ratio:1;cursor:pointer;border:1.5px solid #00000012;border-radius:4px;width:100%;padding:0;transition:transform .1s,box-shadow .1s}.sftb-color-preset:hover{z-index:1;position:relative;transform:scale(1.18);box-shadow:0 2px 8px #0000002e}.sftb-color-preset.active{box-shadow:0 0 0 2.5px var(--brand,#7c3aed);transform:scale(1.1)}.sftb-color-hex-row{background:var(--surface-hover,#0000000a);border-radius:8px;align-items:center;gap:5px;padding:4px 7px;display:flex;position:relative}.sftb-color-swatch-sm{border:1.5px solid #0000001f;border-radius:50%;flex-shrink:0;width:14px;height:14px}.sftb-color-hash{color:var(--text-dim,#0006);-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700}.sftb-color-hex-input{color:var(--icon-main,#1e293b);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.sftb-color-native-btn{cursor:pointer;width:22px;height:22px;color:var(--text-dim,#0006);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:flex}.sftb-color-native-btn:hover{color:var(--brand,#7c3aed);background:#7c3aed14}.dark .sftb-color-pop{box-shadow:0 8px 32px #0006,0 2px 8px #0000004d}.dark .sftb-color-preset{border-color:#ffffff14}.sftb-sep{background:var(--border-medium);flex-shrink:0;width:1px;height:18px;margin:0 4px}.sftb-btn{width:30px;height:30px;color:var(--icon-main);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sftb-btn:hover{background:var(--surface-raised);color:var(--text-main)}.sftb-btn-active{color:var(--brand,#7c3aed);background:#7c3aed33}.sftb-btn-active-soft{box-shadow:inset 0 0 0 1px #7c3aed38}.sftb-btn-danger:hover{color:#ef4444;background:#ef44442e}.sftb-opacity-wrap{align-items:center;display:flex;position:relative}.sftb-opacity-trigger{height:30px;color:var(--text-main);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:1px;padding:0 6px;font-size:12px;transition:background .13s,color .13s;display:flex}.sftb-opacity-trigger:hover{background:var(--surface-raised);color:var(--text-main)}.sftb-opacity-trigger.sftb-btn-active{color:var(--brand,#7c3aed);background:#7c3aed33}.sftb-opacity-val{text-align:right;min-width:22px;font-size:12px;font-weight:500;line-height:1}.sftb-opacity-pct{color:var(--text-dim);font-size:11px;line-height:1}.sftb-opacity-pop{background:var(--surface-panel);border:1px solid var(--border-medium);z-index:300;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:40px;padding:10px 10px 12px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 -6px 20px #0f172a29,0 4px 10px #0f172a12}.sftb-opacity-popval{color:var(--text-main);letter-spacing:0;font-size:11px;font-weight:600;line-height:1}.sftb-vslider{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:100%;height:96px;display:flex}.sftb-vslider-track{background:#7c3aed26;border-radius:4px;flex-shrink:0;width:4px;height:100%;position:relative}.dark .sftb-vslider-track{background:#7c3aed40}.sftb-vslider-fill{background:var(--brand,#7c3aed);pointer-events:none;border-radius:4px;width:100%;position:absolute;bottom:0;left:0}.sftb-vslider-thumb{background:var(--brand,#7c3aed);pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .1s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 6px #0000004d}.dark .sftb-vslider-thumb{border-color:var(--surface-panel,#1e1e2e)}.sftb-vslider:active .sftb-vslider-thumb{transform:translate(-50%)scale(1.18)}.sftb-stroke-wrap{align-items:center;display:flex;position:relative}.sftb-stroke-pop{background:var(--surface-panel);border:1px solid var(--border-medium);z-index:300;min-width:180px;color:var(--text-main);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #0f172a33,0 4px 10px #0f172a0f}.sftb-stroke-styles{gap:4px;display:flex}.sftb-ss-btn{border:1px solid var(--border-medium);height:30px;color:var(--icon-main);cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:0 4px;display:flex}.sftb-ss-btn:hover,.sftb-ss-btn.active{border-color:var(--brand,#7c3aed);color:var(--brand,#7c3aed);background:#7c3aed2e}.sftb-stroke-row{align-items:center;gap:6px;display:flex}.sftb-toggle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sftb-stroke-color{border:2px solid var(--border-medium);cursor:pointer;border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative;overflow:hidden}.sftb-stroke-lbl{color:var(--text-dim);flex-shrink:0;font-size:11px}.sftb-stroke-slider{accent-color:var(--brand,#7c3aed);cursor:pointer;flex:1;height:3px}.sftb-stroke-val{color:var(--text-dim);text-align:right;min-width:28px;font-size:11px}.sftb-mini-toggle{border:1px solid var(--border-medium);background:var(--surface-raised);color:var(--text-main);cursor:pointer;border-radius:999px;padding:4px 8px;font-size:11px;line-height:1}.sftb-mini-toggle.active{border-color:var(--brand,#7c3aed);color:var(--brand,#7c3aed);background:#7c3aed1f}.sftb-shadow-pop{min-width:220px}.playback-bar{z-index:200;-webkit-backdrop-filter:blur(12px)saturate(1.6);pointer-events:all;-webkit-user-select:none;user-select:none;background:#ffffffbf;border:1px solid #0000000f;border-radius:13px;align-items:center;gap:2px;padding:5px 8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 16px #00000024,0 0 0 .5px #0000000a}.playback-btn{color:#0000008c;letter-spacing:.1px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s,transform .1s;display:flex}@keyframes elem-float{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%, -50%) translateY(calc(var(--anim-amp,12px) * -1))}}@keyframes elem-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%, -50%) scale(calc(1 + var(--anim-scale,.08)))}}@keyframes elem-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes elem-fade{0%,to{opacity:var(--anim-max-opacity,1)}50%{opacity:var(--anim-min-opacity,.2)}}@keyframes elem-float-text{0%,to{translate:0}50%{translate:0 calc(var(--anim-amp,10px) * -1)}}@keyframes elem-pulse-text{0%,to{scale:1}50%{scale:calc(1 + var(--anim-scale,.08))}}@keyframes elem-fade-text{0%,to{opacity:var(--anim-max-opacity,1)}50%{opacity:var(--anim-min-opacity,.2)}}@keyframes elem-spin-text{0%{rotate:none}to{rotate:360deg}}.shape-element.anim-float{animation:elem-float var(--anim-dur,3s) ease-in-out infinite}.shape-element.anim-pulse{animation:elem-pulse var(--anim-dur,2s) ease-in-out infinite}.shape-element.anim-spin{animation:elem-spin var(--anim-dur,4s) linear infinite}.shape-element.anim-fade{animation:elem-fade var(--anim-dur,2.5s) ease-in-out infinite}.text-element.anim-float{animation:elem-float-text var(--anim-dur,3s) ease-in-out infinite}.text-element.anim-pulse{animation:elem-pulse-text var(--anim-dur,2s) ease-in-out infinite}.text-element.anim-spin{animation:elem-spin-text var(--anim-dur,4s) linear infinite}.text-element.anim-fade{animation:elem-fade-text var(--anim-dur,2.5s) ease-in-out infinite}.shape-element.selected.anim-float,.shape-element.selected.anim-pulse,.shape-element.selected.anim-spin,.shape-element.selected.anim-fade{animation:none}.sftb-anim-pop{background:var(--surface-panel);border:1px solid var(--border-medium);z-index:200;border-radius:12px;flex-direction:column;gap:6px;min-width:160px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a24}.sftb-anim-type-row{flex-wrap:wrap;gap:4px;display:flex}.sftb-anim-type-btn{border:1.5px solid var(--border-medium);text-transform:uppercase;letter-spacing:.3px;min-width:32px;height:28px;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;flex:1;padding:0 6px;font-size:10px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.sftb-anim-type-btn:hover{border-color:var(--brand);color:var(--brand)}.sftb-anim-type-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.sftb-anim-speed-row{align-items:center;gap:6px;display:flex}.sftb-anim-speed-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-dim);white-space:nowrap;min-width:38px;font-size:10px;font-weight:700}.sftb-anim-speed-row .custom-range{flex:1}.playback-btn:hover{color:#000000d9;background:#0000000f}.playback-btn:active{transform:scale(.96)}.playback-btn--paused{color:#7c3aed}.playback-btn--paused:hover{color:#6d28d9;background:#7c3aed14}.playback-divider{background:#00000014;border-radius:99px;flex-shrink:0;width:1px;height:16px;margin:0 2px}.playback-btn--img{color:#0009;gap:5px}.playback-btn--img:hover{color:var(--brand,#7c3aed);background:#7c3aed14}.playback-btn--img-active{color:var(--brand,#7c3aed)}.playback-btn--img-remove{color:#00000073;background:0 0;border-radius:50%;width:26px;height:26px;padding:0}.playback-btn--img-remove:hover{color:#dc2626;background:#dc26261a}.logo-panel{flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.logo-tool-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.logo-tool-btn{border-radius:var(--button-radius,12px);border:1px solid var(--border-medium);background:var(--surface-button);color:var(--text-main);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s;display:flex}.logo-tool-btn:hover{background:var(--surface-button-hover)}.logo-tool-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.logo-hint-text,.logo-muted{color:var(--text-dim);margin:0;font-size:11.5px;line-height:1.5}.logo-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding-top:12px;display:flex}.logo-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:700}.logo-inline-row{align-items:center;gap:8px;display:flex}.logo-action-btn,.logo-mini-btn,.logo-bool-btn{border:1px solid var(--border-medium);background:var(--surface-button);color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:12.5px;font-weight:600;transition:background .12s,opacity .12s;display:flex}.logo-mini-btn{flex:1}.logo-action-btn:hover:not(:disabled),.logo-mini-btn:hover:not(:disabled),.logo-bool-btn:hover:not(:disabled){background:var(--surface-button-hover)}.logo-action-btn:disabled,.logo-mini-btn:disabled,.logo-bool-btn:disabled{opacity:.4;cursor:not-allowed}.logo-action-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.logo-action-btn.primary:hover:not(:disabled){background:var(--brand-dark,#7754d8)}.logo-action-btn.danger{color:#ef4444}.logo-bool-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.logo-range{accent-color:var(--brand);flex:1}.logo-num{color:var(--text-main);text-align:right;min-width:28px;font-size:12px}.logo-num.mono,.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.logo-color{border:1px solid var(--border-medium);cursor:pointer;background:0 0;border-radius:8px;width:36px;height:28px;padding:0}.logo-numinput{border:1px solid var(--border-medium);background:var(--surface-input);width:56px;color:var(--text-main);border-radius:8px;padding:6px 8px}.logo-editor-overlay{touch-action:none}.logo-editor-overlay:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-5px}.logo-editor-hint{color:#fff;letter-spacing:.2px;pointer-events:none;text-align:center;white-space:normal;background:#14141ed9;border-radius:8px;max-width:min(720px,100% - 32px);padding:7px 14px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.logo-editor-overlay[data-tool=select] .logo-editor-hint{background:#101828e0}.toggle-row{background:#00000005;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.toggle-switch{cursor:pointer;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{background:#0000001a;border-radius:99px;transition:background .2s;position:absolute;inset:0}.toggle-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-switch input:checked+.toggle-track{background:var(--brand)}.toggle-switch input:checked+.toggle-track:before{transform:translate(18px)}.blob-select-col{flex:1}.saas-btn-full{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-bottom:24px;font-family:inherit;font-weight:700;display:flex}.saas-btn-full:hover{background:var(--brand-dark);transform:translateY(-1px)}.text-layers-list{flex-direction:column;gap:12px;display:flex}.text-layer-card{cursor:pointer;width:100%;color:inherit;text-align:left;background:#00000008;border:1px solid #0000;border-radius:13px;justify-content:space-between;align-items:center;padding:12px;font-family:inherit;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex}.layer-card-content{flex:1;align-items:center;min-width:0;display:flex}.text-layer-card:hover{background:#0000000d}.text-layer-card.active{border-color:var(--brand);background:#fff}.text-layer-card.dragging{opacity:.55}.text-layer-card.drag-over{background:#7c3aed14;border-color:#7c3aed66;transform:translateY(-1px);box-shadow:0 10px 24px #7c3aed1f}.layer-info{flex-direction:column;min-width:0;display:flex}.layer-name{white-space:pre-wrap;max-width:none;min-height:34px;font-size:14px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.layer-meta{color:var(--text-dim);text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.text-style-panel{border-bottom:1px solid var(--border-soft,#00000014);flex-direction:column;gap:10px;margin-bottom:4px;padding:12px 14px 10px;display:flex}.ts-tabs{background:var(--surface-base,#f1f0f5);border-radius:8px;gap:4px;padding:3px;display:flex}.dark .ts-tabs{background:#ffffff0f}.ts-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:5px 0;font-size:12px;font-weight:500;line-height:1}.ts-tab.active{background:var(--surface-panel,#fff);color:var(--text-main);box-shadow:0 1px 4px #0000001a}.dark .ts-tab.active{background:#ffffff1f}.ts-canvas-wrap{cursor:crosshair;border-radius:8px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.ts-sv-canvas{border-radius:8px;width:100%;height:130px;display:block}.ts-sv-cursor{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 1px 4px #0000004d}.ts-hue-wrap{padding:2px 0}.ts-hue-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border:none;border-radius:6px;outline:none;width:100%;height:12px}.ts-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000040}.ts-hue-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000040}.ts-hex-row{background:var(--surface-base,#f4f3f8);border:1px solid var(--border-soft,#00000017);border-radius:8px;align-items:center;gap:6px;padding:5px 8px;display:flex}.dark .ts-hex-row{background:#ffffff0d;border-color:#ffffff14}.ts-hex-swatch{border:1.5px solid #0000001f;border-radius:50%;flex-shrink:0;width:18px;height:18px}.ts-hex-hash{color:var(--text-dim);flex-shrink:0;font-size:12px}.ts-hex-input{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:500}.ts-neon{flex-direction:column;gap:8px;display:flex}.ts-neon-hint{color:var(--text-dim);margin:0;font-size:11px;line-height:1.3}.ts-neon-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.ts-neon-swatch{aspect-ratio:1;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:100%}.ts-divider{background:var(--border-soft,#00000012);height:1px;margin:0 -14px}.dark .ts-divider{background:#ffffff12}.ts-shadow-section{flex-direction:column;gap:8px;display:flex}.ts-shadow-header{justify-content:space-between;align-items:center;display:flex}.ts-section-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.ts-toggle{border:1px solid var(--border-medium,#00000024);background:var(--surface-raised,#f8f7fc);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500;line-height:1}.ts-toggle.active{border-color:var(--brand,#7c3aed);color:var(--brand,#7c3aed);background:#7c3aed14}.dark .ts-toggle{background:#ffffff0d}.ts-sliders{flex-direction:column;gap:6px;display:flex}.ts-slider-row{align-items:center;gap:6px;display:flex}.ts-color-swatch{cursor:pointer;border:1.5px solid #0000001f;border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative;overflow:hidden}.ts-slider-label{color:var(--text-dim);flex-shrink:0;min-width:28px;font-size:11px}.ts-slider{accent-color:var(--brand,#7c3aed);cursor:pointer;flex:1;height:3px}.ts-slider-val{color:var(--text-dim);text-align:right;flex-shrink:0;min-width:24px;font-size:11px}.text-templates-head{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.text-template-subtitle{color:var(--text-dim);font-size:11px;line-height:1.35}.text-template-groups{flex-direction:column;gap:16px;display:flex}.text-template-group{flex-direction:column;gap:8px;display:flex}.text-template-group-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.text-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-template-card{min-width:0;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:11px;flex-direction:column;padding:0;transition:box-shadow .18s,transform .18s;display:flex}.text-template-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #7c3aed1f}.text-template-preview{aspect-ratio:1;background:radial-gradient(circle at 0 0,#7c3aed3d,#0000 42%),linear-gradient(#272932 0%,#1f2229 100%);border:1px solid #ffffff0f;border-radius:11px;width:100%;min-height:0;padding:10px;position:relative;overflow:hidden}.dark .text-template-preview{background:radial-gradient(circle at 0 0,#7c3aed3d,#0000 42%),linear-gradient(#272932 0%,#1f2229 100%);border:none}.text-template-preview-inner{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;--t-white:#111;--t-dim:#6b7280;filter:drop-shadow(0 1px 3px #00000026);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px}.dark .text-template-preview-inner{--t-white:#fff;--t-dim:#d8d8e3;filter:none}.text-edit-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-top:1px solid #0000000d;padding:24px}.edit-panel-header{text-transform:uppercase;color:var(--text-dim);letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:800}.layer-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.layer-action-btn{color:var(--text-dim);border-radius:7px;padding:5px}.layer-action-btn:disabled{pointer-events:none}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:11px;font-weight:800}.control-grid{flex-direction:column;gap:6px;display:flex}.control-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-label{font-size:13px;font-weight:600}.slider-group{background:#00000005;border-radius:12px;padding:8px 12px 6px}.custom-range{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--brand,#7c3aed) var(--range-pct,50%), #7c3aed26 var(--range-pct,50%));border-radius:4px;outline:none;width:100%;height:4px;margin:6px 0}.custom-range::-webkit-slider-runnable-track{border-radius:4px;height:4px}.custom-range::-moz-range-track{background:#7c3aed26;border-radius:4px;height:4px}.custom-range::-moz-range-progress{background:var(--brand,#7c3aed);border-radius:4px;height:4px}.custom-range::-webkit-slider-thumb{appearance:none;background:var(--brand,#7c3aed);cursor:grab;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .1s;box-shadow:0 1px 6px #00000040}.custom-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.12)}.custom-range::-moz-range-thumb{background:var(--brand,#7c3aed);cursor:grab;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 6px #00000040}.dark .custom-range::-webkit-slider-thumb{border-color:var(--surface-panel,#1e1e2e)}.dark .custom-range::-moz-range-thumb{border-color:var(--surface-panel,#1e1e2e)}.value-display{color:var(--brand);background:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.blobs-grid{gap:16px;display:grid}.blob-card{background:#fff;border:1px solid #0000000d;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blob-card-header{justify-content:space-between;align-items:center;display:flex}.blob-card-title{align-items:center;gap:12px;display:flex}.color-picker-wrapper{cursor:pointer;border:3px solid #fff;border-radius:50%;width:32px;height:32px;position:relative;overflow:hidden}.color-picker-wrapper input[type=color]{cursor:pointer;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.blob-label{font-size:14px;font-weight:800}.blob-select-grid{flex-direction:column;gap:16px;display:flex}.blob-select{background:var(--bg-main);cursor:pointer;border:1px solid #0000000d;border-radius:12px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.custom-dropdown{width:100%;position:relative}.dropdown-trigger{color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:13px;align-items:center;gap:10px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:relative}.dropdown-trigger:hover{background:#fbfaff}.dropdown-trigger .trigger-icon{color:var(--brand);opacity:.8;align-items:center;display:flex}.dropdown-trigger .trigger-icon svg{stroke-width:2.5px;width:14px;height:14px}.dropdown-trigger .chevron-icon{color:var(--text-dim);margin-left:auto}.dropdown-menu{z-index:1000;background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;width:100%;max-height:240px;padding:6px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.dropdown-menu.active{display:flex}.dropdown-item{color:var(--text-main);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.dropdown-item:hover{color:var(--brand);background:#7c3aed0d}.dropdown-item.active{color:var(--brand);background:#7c3aed14}.dropdown-item svg{stroke-width:2.5px;width:13px;height:13px}.slider-col-label{text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:10px;font-weight:800}.btn-add{color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#000;border:none;border-radius:13px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:800;display:flex}.btn-add:hover{background:#000;transform:none}.btn-add:active{transform:translateY(0)}.btn-add svg{color:#fff}.delete-blob-btn,.btn-delete-layer{color:#ef444466;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.delete-blob-btn:hover,.btn-delete-layer:hover{color:#ef4444;background:0 0!important}.export-panel{border-top:none;flex-direction:column;padding:0;display:flex}.export-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-family:inherit;font-size:16px;font-weight:800;display:flex}.export-btn:hover{background:var(--brand-dark)}.custom-number-input{appearance:none;color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:13px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.custom-select:hover,.custom-number-input:hover{border-color:var(--brand);background:#fbfaff}.custom-select:focus,.custom-number-input:focus{border-color:var(--brand)}.custom-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.color-picker-wrapper.sm{width:32px;min-width:32px;height:32px}.custom-color-trigger{position:relative}.custom-color-trigger:active{transform:scale(.95)}.presets-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.presets-carousel{align-items:center;gap:8px;margin-top:12px;display:flex}.carousel-arrow{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:#fff;border:1.5px solid #00000014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-arrow:hover{color:var(--text-main);background:#00000005;border-color:#00000026}.carousel-arrow:active{transform:scale(.95)}.preset-btn{background:var(--btn-gradient);cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;height:48px;display:flex;position:relative;overflow:hidden}.preset-btn:after{content:"";opacity:0;background:#ffffff1a;position:absolute;inset:0}.preset-btn:hover:after{opacity:1}.preset-name{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.control-value{color:var(--brand);background:#fff;border:1px solid #00000008;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700}.layers-stack{flex-direction:column;gap:16px;display:flex}.blob-label{color:var(--text-main);font-size:13px;font-weight:800}.blob-card-sliders{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.slider-col-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:800}.divider{background:#0000000d;height:1px;margin:16px 0}.btn-primary-gradient{background:linear-gradient(135deg, var(--brand), #a855f7);color:#fff;cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;font-family:inherit;font-size:15px;font-weight:800;display:flex}.btn-primary-gradient:hover{transform:translateY(-2px)scale(1.02)}.btn-primary-gradient:active{transform:translateY(0)scale(.98)}.panel-foot{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border-top:1px solid #0000000d;padding:24px}.cp-root{flex-direction:column;gap:8px;display:flex}.cp-canvas-wrap{cursor:crosshair;border-radius:8px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.cp-sv-canvas{border-radius:8px;width:100%;height:130px;display:block}.cp-sv-cursor{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 1px 4px #0000004d}.cp-hue-wrap{padding:2px 0}.cp-hue-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border:none;border-radius:6px;outline:none;width:100%;height:12px}.cp-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000040}.cp-hue-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000040}.cp-hex-row{background:var(--surface-base,#f4f3f8);border:1px solid var(--border-soft,#00000017);border-radius:8px;align-items:center;gap:6px;padding:5px 8px;display:flex}.dark .cp-hex-row{background:#ffffff0d;border-color:#ffffff14}.cp-hex-swatch{border:1.5px solid #0000001f;border-radius:50%;flex-shrink:0;width:18px;height:18px}.cp-hex-hash{color:var(--text-dim);flex-shrink:0;font-size:12px}.cp-hex-input{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:500}.shape-import-section{border-bottom:1px solid var(--border-soft,#00000014);flex-direction:column;align-items:stretch;gap:6px;margin-bottom:4px;padding:14px 14px 12px;display:flex}.shape-import-btn{letter-spacing:.1px;height:42px;margin-bottom:0;font-size:13px}.shape-import-hint{color:var(--text-muted,#0000008c);text-align:center;font-size:11px;line-height:1.4}.shape-import-error{color:#dc2626;text-align:center;background:#dc262614;border-radius:8px;margin-top:2px;padding:6px 8px;font-size:11.5px;line-height:1.4}.shape-style-panel{border-bottom:1px solid var(--border-soft,#00000014);flex-direction:column;gap:10px;margin-bottom:4px;padding:12px 14px 10px;display:flex}.shape-style-header{justify-content:space-between;align-items:center;display:flex}.shape-style-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;font-weight:700;overflow:hidden}.shape-pen-section{border-bottom:1px solid var(--border-soft,#00000014);flex-direction:column;align-items:stretch;gap:6px;margin-bottom:4px;padding:14px 14px 10px;display:flex}.shape-pen-btn{letter-spacing:.1px;justify-content:center;align-items:center;gap:8px;height:42px;margin-bottom:0;font-size:13px;display:inline-flex}.shape-pen-btn--active{color:#fff;background:linear-gradient(#8b5cf6 0%,#7c3aed 100%);box-shadow:inset 0 0 0 1px #7c3aed99,0 4px 12px #7c3aed40}.shape-mode-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.shape-mode-btn{border:1px solid var(--border-soft,#0000001f);background:var(--surface-soft,#00000005);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.shape-mode-btn:hover{background:var(--surface-hover,#0000000d)}.shape-mode-btn.is-active{background:var(--brand,#7c3aed);border-color:var(--brand,#7c3aed);color:#fff}.shape-mode-btn:focus-visible{outline:2px solid var(--brand,#7c3aed);outline-offset:2px}.shape-edit-points-btn{border:1px dashed var(--brand,#7c3aed);color:var(--brand,#7c3aed);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.shape-edit-points-btn:hover:not(:disabled){background:#7c3aed14}.shape-edit-points-btn.is-active{background:var(--brand,#7c3aed);color:#fff;border-style:solid}.shape-edit-points-btn:disabled{opacity:.45;cursor:not-allowed;border-style:dotted}.pen-tool-overlay{touch-action:none;pointer-events:auto}.vertex-edit-layer{pointer-events:none}.font-control-row{align-items:flex-start}.font-picker{width:132px;position:relative}.font-picker-button{width:100%;height:36px;color:var(--text-main);letter-spacing:0;cursor:pointer;background:#ffffffd1;border:1px solid #0f172a1f;border-radius:13px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.font-picker-button:focus-visible{border-color:var(--brand);outline:3px solid #7c3aed2e}.panel-toast{background:var(--brand);color:#fff;text-align:center;letter-spacing:.1px;border-radius:9px;margin-bottom:14px;padding:9px 14px;font-size:11.5px;font-weight:600}.panel-section-label{color:var(--text-dim);font-size:11.5px;line-height:1.5}.shape-catalog{flex-direction:column;gap:18px;display:flex}.shape-category{flex-direction:column;gap:10px;display:flex}.shape-category-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.shape-category-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.shape-category-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;margin:0;font-size:11px;font-weight:800}.shape-category-count{color:#64748beb;font-size:11px;line-height:1.2}.shape-category-nav{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.shape-nav-btn{border:1px solid var(--border-medium);background:var(--surface-input);width:30px;height:30px;color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.dark .shape-nav-btn{background:#ffffff0d}.shape-nav-btn:hover:not(:disabled){background:var(--surface-raised);color:var(--brand);border-color:#7c3aed47;transform:translateY(-1px)}.dark .shape-nav-btn:hover:not(:disabled){background:#ffffff1a}.shape-nav-btn:disabled{opacity:.25;cursor:default}.shape-page-indicator{text-align:center;min-width:36px;color:var(--text-dim);font-size:11px;font-weight:700}.shape-grid{gap:10px;display:grid}.shape-grid-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-item{cursor:pointer;color:inherit;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:8px;min-width:0;display:flex;overflow:hidden}.shape-card{border:1px solid var(--border-medium);background:var(--surface-input);border-radius:14px;padding:8px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.dark .shape-card{background:#ffffff08;border-color:#ffffff0f}.shape-card:hover{background:var(--surface-raised);border-color:#7c3aed57;transform:translateY(-1px);box-shadow:0 8px 22px #7c3aed1f}.dark .shape-card:hover{background:#ffffff0f}.shape-preview-shell{aspect-ratio:1;box-sizing:border-box;background:radial-gradient(circle at 0 0,#7c3aed38,#0000 42%),linear-gradient(#272932 0%,#1f2229 100%);border-radius:11px;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.shape-item svg{width:100%;height:100%;display:block}.shape-item span{color:var(--text-main);text-align:left;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.shape-layers-section{margin-top:4px}.shape-layers-divider{background:var(--border-subtle);height:1px;margin-bottom:14px}.shape-layers-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin-bottom:8px;font-size:11px;font-weight:700}.shape-layers-list{flex-direction:column;gap:8px;display:flex}.shape-layer-card{cursor:pointer;color:inherit;text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:inherit;display:flex}.shape-layer-card:hover{background:#ffffff0f}.shape-layer-card.active{background:var(--surface-input);border-color:var(--brand)}.shape-layer-thumb{background:#1e293b;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.shape-layer-info{flex-direction:column;flex:1;min-width:0;display:flex}.shape-layer-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.shape-layer-meta{color:var(--text-dim);font-size:10px}.effect-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.effect-card{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #0000000f;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.effect-card:hover{border-color:#7c3aed4d;box-shadow:0 2px 12px #7c3aed1a}.effect-preview{justify-content:center;align-items:center;height:68px;display:flex;position:relative}.effect-icon{filter:drop-shadow(0 2px 6px #0000004d);font-size:28px;line-height:1}.effect-soon-badge{color:#ffffffe6;letter-spacing:.3px;text-transform:uppercase;background:#00000073;border-radius:5px;padding:2px 6px;font-size:8.5px;font-weight:700;position:absolute;top:6px;right:6px}.effect-info{flex-direction:column;gap:2px;padding:7px 9px 8px;display:flex}.effect-name{color:var(--text-main);font-size:12px;font-weight:700}.effect-desc{color:var(--text-dim);font-size:10px;line-height:1.3}.upload-drop-zone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #0000001f;border-radius:12px;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;padding:20px 12px;display:flex}.upload-drop-zone.dragging{border-color:var(--brand);background:#7c3aed0d}.upload-drop-icon{color:var(--text-dim);margin-bottom:2px}.upload-drop-zone.dragging .upload-drop-icon{color:var(--brand)}.upload-drop-title{color:var(--text-main);font-size:12.5px;font-weight:700}.upload-drop-sub{color:var(--text-dim);font-size:11px}.upload-browse-btn{margin-top:2px;margin-bottom:0}.upload-drop-hint{color:var(--text-dim);margin-top:2px;font-size:10px}.upload-tabs{border-bottom:1.5px solid #0000000f;gap:4px;margin-bottom:14px;display:flex}.upload-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:6px 10px;font-size:12px;font-weight:600}.upload-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.upload-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 0;display:flex}.upload-empty-icons{color:#0000002e;gap:10px;margin-bottom:4px;display:flex}.upload-empty-title{color:var(--text-main);font-size:13px;font-weight:700}.upload-empty-sub{color:var(--text-dim);max-width:180px;font-size:11px;line-height:1.5}.storage-info-card{background:#f8fafc;border:1.5px solid #0000000f;border-radius:12px;flex-direction:column;gap:8px;margin-top:16px;padding:13px 14px;display:flex}.storage-info-header{color:var(--text-main);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.storage-info-text{color:var(--text-dim);font-size:11px;line-height:1.6}.storage-info-badges{flex-wrap:wrap;gap:5px;display:flex}.storage-badge{color:var(--brand);letter-spacing:.1px;background:#7c3aed1a;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700}.storage-badge.coming{color:#b45309;background:#f59e0b1f}.shape-mode-btn,.shape-edit-points-btn,.shape-nav-btn,.carousel-arrow,.dropdown-trigger,.custom-number-input,.font-picker-button,.ts-toggle,.upload-tab{border:0}.shape-mode-btn,.shape-edit-points-btn,.shape-nav-btn,.carousel-arrow,.dropdown-trigger,.font-picker-button,.ts-toggle{background:var(--surface-button)}.shape-mode-btn:hover,.shape-edit-points-btn:hover:not(:disabled),.shape-nav-btn:hover:not(:disabled),.carousel-arrow:hover,.dropdown-trigger:hover,.font-picker-button:hover,.ts-toggle:hover{background:var(--surface-button-hover);color:var(--text-main);border:0}.shape-mode-btn.is-active,.shape-edit-points-btn.is-active,.ts-toggle.active{background:var(--brand-soft);color:var(--brand);border:0;font-weight:800}.saas-btn-full,.shape-pen-btn,.shape-import-btn,.upload-browse-btn,.btn-primary-gradient{border-radius:var(--button-radius);background:var(--brand);color:#fff;letter-spacing:0;white-space:nowrap;border:0;height:46px;min-height:46px;font-size:15px;font-weight:800}.saas-btn-full:hover,.shape-pen-btn:hover,.shape-import-btn:hover,.upload-browse-btn:hover,.btn-primary-gradient:hover{background:var(--brand-dark)}.shape-pen-btn--active{background:var(--brand-dark);box-shadow:none}.panel-section-label,.text-template-subtitle,.upload-drop-sub,.upload-drop-hint,.storage-info-text{color:var(--text-dim);font-size:12px;line-height:1.55}.panel-toast{border-radius:var(--button-radius);margin-bottom:16px}.text-layers-list,.shape-layers-list{gap:10px}.text-layer-card,.shape-layer-card{border-radius:var(--control-radius);background:var(--surface-raised);color:var(--text-main);border:0;padding:12px}.text-layer-card:hover,.shape-layer-card:hover{background:var(--surface-button-hover)}.text-layer-card.active,.shape-layer-card.active{background:var(--brand-softer);color:var(--text-main);border:0}.layer-name{min-height:36px;font-size:13px;font-weight:750;line-height:1.25}.layer-meta,.shape-layer-meta{font-size:11px;line-height:1.35}.layer-action-btn{background:0 0;border:0;width:30px;height:30px;padding:0}.layer-action-btn:hover{background:var(--surface-button)}.text-templates-section{margin-top:22px}.text-template-groups{gap:22px}.text-template-grid,.effect-grid,.shape-grid{gap:12px}.text-template-card{border-radius:var(--control-radius);background:0 0;border:0}.text-template-card:hover{box-shadow:none}.text-template-preview{border-radius:var(--control-radius);min-height:126px}.shape-pen-section,.shape-import-section,.shape-style-panel,.text-style-panel{border-bottom:1px solid var(--border-subtle);margin-bottom:18px;padding:0 0 18px}.shape-import-hint{color:var(--text-dim);font-size:12px}.shape-mode-row{gap:8px}.shape-mode-btn,.shape-edit-points-btn{border-radius:var(--button-radius);background:var(--surface-button);min-height:40px}.shape-edit-points-btn{width:100%}.shape-edit-points-btn:disabled,.shape-nav-btn:disabled{opacity:.38}.shape-category{gap:12px}.shape-category-title,.shape-layers-label,.text-template-group-title,.section-label,.slider-col-label,.color-swatch-label{color:var(--text-dim);letter-spacing:.5px;font-size:11px;font-weight:800}.shape-category-count{color:var(--text-dim);font-size:12px}.shape-category-nav{gap:8px}.shape-nav-btn{border-radius:var(--button-radius);width:36px;height:36px}.shape-page-indicator{min-width:38px;font-size:12px}.shape-card{border-radius:var(--control-radius);background:var(--surface-raised);border:0;padding:10px}.shape-card:hover{box-shadow:none;background:var(--surface-button-hover);border:0}.shape-preview-shell{border-radius:12px}.shape-item span{font-size:12px;font-weight:750;line-height:1.25}.controls-section{margin-bottom:18px}.section-header{margin-bottom:14px}.control-grid{gap:10px}.control-label{font-size:15px;font-weight:750;line-height:1.25}.slider-group{border-radius:var(--control-radius);background:var(--surface-raised);border:0;padding:14px 14px 12px}.control-value,.value-display{background:var(--surface-panel);min-width:52px;color:var(--brand);text-align:center;border:0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.custom-range{height:5px;margin:12px 0 4px}.custom-range::-webkit-slider-runnable-track{height:5px}.custom-range::-moz-range-track{height:5px}.custom-range::-moz-range-progress{height:5px}.custom-range::-webkit-slider-thumb{border:3px solid var(--surface-panel);width:18px;height:18px;margin-top:-6.5px;box-shadow:0 2px 10px #0f172a2e}.custom-range::-moz-range-thumb{border:3px solid var(--surface-panel);width:18px;height:18px;box-shadow:0 2px 10px #0f172a2e}.color-row{gap:10px}.color-swatch{gap:8px}.color-swatch .color-picker-wrapper,.color-picker-wrapper{box-shadow:0 0 0 4px var(--surface-raised);border:0}.custom-color-trigger:hover{transform:none}.presets-section{margin-top:22px}.presets-carousel{gap:10px;margin-top:12px}.carousel-arrow{border-radius:var(--button-radius);width:42px;height:42px}.preset-btn{border-radius:var(--control-radius);height:52px}.preset-btn:hover{transform:none}.preset-name{letter-spacing:.4px;font-size:12px}.animation-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.animation-style-btn{border-radius:var(--control-radius);background:var(--surface-raised);min-height:76px;color:var(--text-main);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 6px;font-size:12px;font-weight:650;line-height:1.2;display:flex}.animation-style-btn:hover{background:var(--surface-button-hover)}.animation-style-btn.is-active{background:var(--brand-soft);color:var(--brand);font-weight:800}.btn-add{border-radius:var(--button-radius);background:var(--text-main);height:42px;color:var(--surface-panel);letter-spacing:.4px;border:0;font-size:11px}.btn-add:hover{background:var(--text-main)}.blob-card{border-radius:var(--control-radius);background:var(--surface-raised);border:0;padding:14px}.dropdown-trigger{border-radius:var(--button-radius);background:var(--surface-panel);height:40px}.dropdown-menu{border-radius:var(--control-radius);border:0;box-shadow:0 14px 34px #0f172a26}.divider,.shape-layers-divider{background:var(--border-subtle)}.effect-card{border-radius:var(--control-radius);background:var(--surface-raised);border:0}.effect-card:hover{box-shadow:none;background:var(--surface-button-hover);border:0}.effect-preview{height:78px}.effect-info{gap:4px;padding:10px 12px 12px}.effect-name{font-size:13px}.effect-desc{font-size:11.5px}.effect-soon-badge{border-radius:999px;padding:4px 8px;font-size:9px;top:8px;right:8px}.upload-drop-zone,.storage-info-card{border-radius:var(--control-radius);background:var(--surface-raised);border:0}.upload-drop-zone{gap:10px;padding:26px 18px}.upload-drop-zone.dragging{background:var(--brand-softer);box-shadow:inset 0 0 0 2px var(--brand)}.upload-drop-title,.storage-info-header{font-size:14px}.upload-tabs{border-radius:var(--button-radius);background:var(--surface-raised);border-bottom:0;padding:4px}.upload-tab{border-bottom:0;border-radius:10px;flex:1;margin-bottom:0}.upload-tab.active{background:var(--surface-panel);color:var(--brand);border-bottom-color:#0000}.upload-user-footer{color:var(--text-dim);border-top:1px solid var(--border-subtle);align-items:center;gap:10px;margin-top:20px;padding-top:16px;font-size:12px;display:flex}.upload-user-email{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.upload-signout-btn{background:var(--surface-button);min-height:34px;color:inherit;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.effect-card{transition:border-color .15s,box-shadow .15s,transform .12s}.effect-card.is-active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand), 0 6px 18px -8px #8b6be099}.effect-card.is-active .effect-info{background:var(--brand-soft)}.effect-active-badge{background:var(--brand);color:#fff;letter-spacing:.3px;text-transform:uppercase;border-radius:5px;padding:2px 7px;font-size:8.5px;font-weight:800;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #00000040}.effect-clear-btn{border:1px solid var(--border-medium);background:var(--surface-button);width:100%;color:var(--text-main);cursor:pointer;border-radius:10px;margin-top:14px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.effect-clear-btn:hover{background:var(--surface-button-hover)}.dark .effect-clear-btn{background:var(--surface-button);border:0}:root{--tb-bg:#fffffffa;--tb-shadow:0 2px 24px #0f172a14, 0 0 0 1px #0f172a0d;--tb-btn-color:#0f172abf;--tb-btn-hover-bg:#7c3aed1a;--tb-btn-hover-col:#7c3aed;--tb-btn-active-bg:#7c3aed24;--tb-btn-active-col:#7c3aed;--tb-picker-bg:#7c3aed12;--tb-picker-ring:#7c3aed2e;--tb-picker-color:#7c3aed;--tb-surface:#0f172a0a;--tb-surface-ring:#0f172a14;--tb-input-color:#0f172ad9;--tb-step-btn-col:#0f172a73;--tb-sep:#0f172a1a;--tb-track-bg:#0f172a1a;--tb-pop-bg:#fffffffa;--tb-pop-shadow:0 12px 30px #0f172a29, 0 0 0 1px #0f172a0f;--tb-pop-label:#0f172a80;--tb-pop-ring:#0f172a14;--tb-chip-bg:#f8fafcf5;--tb-chip-border:#0f172a14;--tb-chip-color:#0f172abf}.dark{--tb-bg:#12121af7;--tb-shadow:0 2px 24px #00000073, 0 0 0 1px #ffffff12;--tb-btn-color:#fff9;--tb-btn-hover-bg:#ffffff14;--tb-btn-hover-col:#fffffff2;--tb-btn-active-bg:#7c3aed3d;--tb-btn-active-col:#c4b5fd;--tb-picker-bg:#7c3aed24;--tb-picker-ring:#7c3aed52;--tb-picker-color:#a78bfa;--tb-surface:#ffffff0f;--tb-surface-ring:#ffffff17;--tb-input-color:#ffffffd9;--tb-step-btn-col:#fff6;--tb-sep:#ffffff17;--tb-track-bg:#ffffff1f;--tb-pop-bg:#161620fa;--tb-pop-shadow:0 12px 30px #00000080, 0 0 0 1px #ffffff14;--tb-pop-label:#ffffff73;--tb-pop-ring:#ffffff17;--tb-chip-bg:#ffffff0f;--tb-chip-border:#ffffff17;--tb-chip-color:#ffffffb3}.text-toolbar-wrapper{z-index:80;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0;overflow:visible}.text-toolbar{top:14px;left:unset;z-index:80;background:var(--tb-bg);max-width:calc(100vw - 74px);min-height:50px;box-shadow:var(--tb-shadow);-webkit-backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:all;white-space:nowrap;border-top:0;border-radius:13px;flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;padding:8px 12px;display:flex;position:relative;overflow:auto visible;transform:none}.text-toolbar::-webkit-scrollbar{display:none}.text-toolbar,.text-toolbar *{transition:none!important}.text-toolbar .font-picker-button,.toolbar-btn,.text-size-stepper,.text-opacity-control{flex:none}.text-toolbar .font-picker-button{background:var(--tb-picker-bg);width:140px;min-width:110px;height:34px;box-shadow:inset 0 0 0 1px var(--tb-picker-ring);color:var(--tb-picker-color);cursor:pointer;border:0;border-radius:8px;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.text-toolbar .font-picker-button:focus-visible{outline:2px solid var(--brand)}.text-size-stepper{background:var(--tb-surface);height:34px;box-shadow:inset 0 0 0 1px var(--tb-surface-ring);border-radius:9px;justify-content:center;align-items:center;display:flex;overflow:hidden}.text-size-input{text-align:center;width:40px;height:34px;color:var(--tb-input-color);-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:800;display:flex}.text-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toolbar-btn{width:32px;height:34px;color:var(--tb-btn-color);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.toolbar-btn:hover,.toolbar-btn:focus-visible{background:var(--tb-btn-hover-bg);color:var(--tb-btn-hover-col);outline:none;transform:none}.toolbar-btn.active{background:var(--tb-btn-active-bg);color:var(--tb-btn-active-col);outline:none;transform:none}.toolbar-btn:active{transform:none}.toolbar-pop-wrap{flex:none;align-items:center;display:inline-flex;position:relative}.text-size-btn{color:var(--tb-step-btn-col);border-radius:0;width:28px}.toolbar-text-btn{font-size:13px}.toolbar-underline{text-underline-offset:3px;text-decoration:underline}.toolbar-strike{text-decoration:line-through}.toolbar-color-btn{box-shadow:inset 0 0 0 1px var(--tb-surface-ring);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible;background:var(--tb-surface)!important}.text-align-group{flex-shrink:0;align-items:center;gap:2px;display:flex}.toolbar-separator{background:var(--tb-sep);flex:none;width:1px;height:18px;margin:0 3px}.text-opacity-control{flex:none;position:relative}.text-opacity-trigger{background:var(--tb-surface);height:34px;color:var(--tb-step-btn-col);box-shadow:inset 0 0 0 1px var(--tb-surface-ring);cursor:pointer;white-space:nowrap;border:none;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:700;transition:background .13s,color .13s;display:flex}.text-opacity-trigger:hover{background:var(--tb-surface-hover,#7c3aed14);color:var(--brand,#7c3aed)}.text-opacity-trigger.active{color:var(--brand,#7c3aed);background:#7c3aed2e}.text-opacity-trigger--on{color:var(--brand,#7c3aed)}.text-opacity-val{color:var(--brand,#7c3aed);text-align:right;min-width:28px;font-size:11px;font-weight:800}.text-opacity-pop{background:var(--tb-pop-bg,var(--surface-panel));border:1px solid var(--border-medium);z-index:400;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:44px;padding:10px 10px 12px;display:flex;box-shadow:0 8px 24px #0f172a38,0 2px 8px #0f172a1a}.text-opacity-popval{color:var(--text-main);letter-spacing:0;font-size:11px;font-weight:700;line-height:1}.text-toolbar .custom-color-trigger:hover,.text-toolbar .custom-color-trigger:active{transform:none}.toolbar-popover{background:var(--tb-pop-bg);min-width:220px;box-shadow:var(--tb-pop-shadow);-webkit-backdrop-filter:blur(20px);z-index:120;white-space:normal;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.toolbar-popover-row{align-items:center;gap:8px;display:flex}.toolbar-popover-row-toggle{justify-content:space-between}.toolbar-popover-label{min-width:34px;color:var(--tb-pop-label);font-size:11px;font-weight:700}.toolbar-popover-row input[type=range]{accent-color:var(--brand);flex:1;margin:0}.toolbar-popover-value{text-align:right;min-width:28px;color:var(--tb-pop-label);font-size:11px;font-weight:700}.toolbar-chip{border:1px solid var(--tb-chip-border);background:var(--tb-chip-bg);color:var(--tb-chip-color);cursor:pointer;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.toolbar-chip.active{color:var(--tb-btn-active-col);background:#7c3aed29;border-color:#7c3aed4d}.toolbar-shadow-color{border:2px solid var(--tb-surface-ring);cursor:pointer;border-radius:999px;flex:none;width:20px;height:20px;position:relative;overflow:hidden}@media (min-width:1280px){.text-toolbar{max-width:calc(100% - 48px)}}@media (min-width:900px) and (max-width:1279px){.text-toolbar{gap:3px;max-width:calc(100% - 24px);padding:8px 10px}.text-toolbar .font-picker-button{width:120px;min-width:100px;padding:0 8px;font-size:12px}.text-opacity-trigger{padding:0 8px;font-size:11px}.toolbar-separator{margin:0 2px}}@media (min-width:600px) and (max-width:899px){.text-toolbar{gap:2px;max-width:calc(100% - 16px);padding:6px 8px;top:10px}.text-toolbar .font-picker-button{width:100px;min-width:80px;padding:0 6px;font-size:11px}.toolbar-btn{width:30px;height:32px;font-size:13px}.text-size-stepper{height:32px}.text-size-input{width:36px;height:32px}.text-opacity-trigger{height:32px;padding:0 6px;font-size:11px}.toolbar-separator{margin:0 1px}}@media (max-width:599px){.text-toolbar{border-radius:11px;gap:2px;max-width:calc(100% - 16px);padding:6px 8px;top:8px}.text-toolbar .font-picker-button{width:90px;min-width:72px;padding:0 6px;font-size:11px}.toolbar-btn{width:30px;height:30px;font-size:12px}.text-size-stepper{height:30px}.text-size-input{width:32px;height:30px;font-size:11px}.text-size-btn{width:24px}.text-opacity-trigger{gap:3px;height:30px;padding:0 5px;font-size:10px}.toolbar-separator{margin:0 1px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-container{background:var(--surface-panel);border-radius:24px;width:90%;max-width:440px;padding:32px;position:relative}.font-modal,#export-modal{z-index:2500;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:hidden}.font-modal.active,#export-modal.active{animation:.18s both backdropIn;display:flex}.font-modal-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(6px);background:#00000080;position:absolute;inset:0}.font-modal-panel,#export-modal .modal-container{background:var(--surface-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);border-radius:20px;width:min(620px,100vw - 32px);max-height:min(720px,100vh - 32px);animation:.28s cubic-bezier(.16,1,.3,1) both modalSlideIn;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 24px 80px #0000002e}.font-modal-panel{padding:22px}.font-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.font-modal-header h2{letter-spacing:0;color:var(--text-main);font-size:24px;font-weight:800;line-height:1.1}.font-modal-header p{color:var(--text-dim);margin-top:6px;font-size:13px;font-weight:500}.font-search-wrap{background:var(--surface-raised);border:1px solid var(--border-medium);height:44px;color:var(--text-dim);border-radius:13px;align-items:center;gap:10px;padding:0 14px;display:flex}.font-search-wrap input{min-width:0;color:var(--text-main);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px;font-weight:600}.font-grid{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:min(430px,100vh - 250px);padding:16px 2px 2px;display:grid;overflow-y:auto}.font-option{background:var(--surface-raised);border:1px solid var(--border-subtle);height:58px;color:var(--text-main);cursor:pointer;text-align:left;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:0 14px;transition:background .15s,border-color .15s;display:flex}.font-option:hover{background:var(--surface-muted);border-color:var(--border-medium)}.font-option.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.font-option:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.font-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:800;overflow:hidden}.font-option-sample{flex:none;font-size:22px;font-weight:700}.font-empty-state{color:var(--text-dim);text-align:center;grid-column:1/-1;padding:24px;font-size:13px;font-weight:700}#export-modal{z-index:2600}#export-modal .modal-container{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:28px;flex-direction:column;width:min(900px,100vw - 32px);max-width:900px;max-height:min(840px,100vh - 48px);padding:32px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000d,0 24px 64px -12px #00000038}.workspace:has(#export-modal.active) .preview-area{filter:blur(9px)brightness(.92);transition:filter .22s}.workspace:has(#export-modal.active) .controls-area{z-index:2000}.modal-columns{flex:1;grid-template-columns:1fr 360px;gap:32px;min-height:0;display:grid}.export-preview-column{background:var(--surface-raised);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:260px;display:flex;position:relative;overflow:hidden}.dark .export-preview-column{background:#ffffff08}.export-controls-column{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;margin:-12px;padding:12px;display:flex;overflow:hidden auto}.export-controls-column::-webkit-scrollbar{display:none}.modal-close{background:var(--surface-button);width:38px;height:38px;color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:-4px;margin-right:-4px;transition:background .18s,color .18s,transform .2s;display:flex}.modal-close:hover{color:#ef4444;background:#ef44441a;transform:rotate(90deg)scale(1.1)}.modal-close:active{transform:rotate(90deg)scale(.95)}#export-modal .modal-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.modal-header-main{flex:1}.modal-title{letter-spacing:0;color:var(--text-main);font-size:26px;font-weight:900;line-height:1.1}.modal-subtitle-wrapper{align-items:center;gap:8px;margin-top:8px;display:flex}.modal-subtitle{color:var(--text-dim);max-width:340px;font-size:14px;font-weight:600;line-height:1.4}.info-tooltip-container{color:var(--brand);position:relative}.info-tooltip{background:var(--text-main);width:220px;color:var(--surface-panel);z-index:3;pointer-events:none;border-radius:11px;padding:10px 12px;font-size:11px;font-weight:600;line-height:1.45;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.info-tooltip-container:hover .info-tooltip,.info-tooltip-container:focus-within .info-tooltip{display:block}#export-modal .modal-body{gap:20px;display:grid}.option-row{flex-direction:column;gap:12px;display:flex}.option-label{color:var(--text-main);letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:900}.option-chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chip{border:1px solid var(--border-medium);background:var(--surface-input);height:46px;color:var(--text-main);font:inherit;cursor:pointer;border-radius:14px;font-size:14px;font-weight:700;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.chip:hover{background:var(--surface-raised);border-color:#8b6be059;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.chip.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.chip:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.dimension-input{background:var(--surface-input);border:1px solid var(--border-medium);width:80px;color:var(--text-main);border-radius:10px;outline:none;padding:6px 12px;font-size:14px;transition:border-color .16s}.dimension-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.dimension-x{color:var(--text-dim);font-weight:600}.export-error-alert{color:#dc2626;background:#ef444414;border:1px solid #ef444438;border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.dark .export-error-alert{color:#fca5a5;background:#ef44441a;border-color:#ef444433}#export-modal .modal-footer{margin-top:22px;padding-bottom:2px}#progress-overlay{z-index:50;background:var(--surface-panel);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:none;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){#progress-overlay{background:color-mix(in srgb, var(--surface-panel) 88%, transparent)}}#progress-overlay{-webkit-backdrop-filter:blur(18px);border-radius:28px}#progress-overlay.active{animation:.2s both backdropIn;display:flex}.progress-ring-wrap{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:8px;display:flex;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:var(--border-medium);stroke-width:6px}.progress-ring-fill{fill:none;stroke:var(--brand);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .3s}.progress-pct{color:var(--text-main);font-size:16px;font-weight:800;font-family:var(--font-sans);position:absolute}.progress-label{text-align:center;justify-content:center;align-items:center;max-width:360px;min-height:44px;margin-top:14px;display:flex;overflow:hidden}.wave-text-container{text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;width:100%;line-height:1.45;animation:.35s cubic-bezier(.23,1,.32,1) both text-entrance;display:block}.wave-char{color:var(--text-main);will-change:transform;white-space:pre;font-size:14px;font-weight:800;animation:1.2s ease-in-out infinite wave-animation;display:inline-block}@keyframes text-entrance{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes wave-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.progress-cancel{color:#dc2626;height:36px;font:inherit;cursor:pointer;background:#ef444414;border:1px solid #ef444438;border-radius:13px;padding:0 16px;font-size:12px;font-weight:800;transition:background .15s,border-color .15s}.progress-cancel:hover{background:#ef444424;border-color:#ef444466}.font-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.font-modal{border:1px solid var(--border-subtle);border-radius:28px;flex-direction:column;width:95%;animation:.28s cubic-bezier(.16,1,.3,1) both modalSlideIn;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 24px 60px #0000002e;background:var(--surface-panel)!important;max-width:520px!important;max-height:85vh!important;padding:0!important}.modal-close-corner{background:var(--surface-button);width:34px;height:34px;color:var(--text-dim);cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close-corner:hover{background:var(--surface-button-hover);color:var(--text-main);transform:rotate(90deg)}.modal-header-font{text-align:center;padding:28px 24px 14px}.modal-title-font{color:var(--text-main);letter-spacing:0;margin-bottom:4px;font-size:24px;font-weight:800}.modal-subtitle-font{color:var(--text-dim);font-size:13px;font-weight:500}.font-search-wrapper{align-items:center;padding:0 20px 16px;display:flex;position:relative}.search-icon-font{color:var(--text-dim);pointer-events:none;position:absolute;left:44px}.search-input-font{background:var(--surface-raised);border:1px solid var(--border-medium);width:100%;color:var(--text-main);border-radius:13px;outline:none;padding:12px 16px 12px 44px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .16s,box-shadow .16s,background .16s}.search-input-font:focus{border-color:var(--brand);background:var(--surface-panel);box-shadow:0 0 0 3px var(--focus-ring)}.font-list-container{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent;flex:1;padding:0 20px 28px;overflow-y:auto}.font-list-container::-webkit-scrollbar{width:4px}.font-list-container::-webkit-scrollbar-track{background:0 0}.font-list-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.font-list-container::-webkit-scrollbar-thumb:hover{background:var(--icon-dim)}.font-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:500px){.font-grid{grid-template-columns:1fr}}.font-item-card{background:var(--surface-raised);border:1px solid var(--border-subtle);text-align:left;cursor:pointer;color:var(--text-main);border-radius:14px;flex-direction:column;gap:4px;width:100%;padding:14px 18px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}.font-item-card:hover{border-color:var(--border-medium);background:var(--surface-muted);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.font-item-card.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand)}.font-preview-name{white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.font-category-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:10px;font-weight:700;font-family:var(--font-sans)!important}.no-results{text-align:center;color:var(--text-dim);padding:60px 40px;font-size:14px;font-weight:500}@media (max-width:820px){.modal-columns{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:24px;margin:-12px;padding:12px;overflow-y:auto}.modal-columns::-webkit-scrollbar{display:none}.export-controls-column{margin:0;padding:0;overflow-y:visible}#export-modal .modal-container{max-height:calc(100vh - 32px);padding:24px}.export-preview-column{flex:none;min-height:240px}}.snap-guides-layer{pointer-events:none;z-index:9;position:absolute;inset:0}.snap-guide{background:var(--brand);opacity:0;pointer-events:none;position:absolute}.snap-guide-h{height:1px;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 4px #7c3aed99}.snap-guide-v{width:1px;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 4px #7c3aed99}.scrollbar::-webkit-scrollbar{width:4px}.scrollbar::-webkit-scrollbar-track{background:0 0}.scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.panel-hidden{pointer-events:none;margin-right:calc(-1 * var(--canvas-right-panel-width));transform:translate(100%)}.sidebar-left.panel-hidden{margin-left:calc(-1 * var(--canvas-left-panel-width));margin-right:0;transform:translate(-100%)}#show-panel-btn{-webkit-backdrop-filter:blur(10px);color:#0009;cursor:pointer;z-index:1000;background:#ffffffb3;border:0;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;display:none;position:fixed;top:24px;right:24px}#show-panel-btn:hover{color:#000;background:#fffffff2;transform:scale(1.05)}.glass-btn-floating{-webkit-backdrop-filter:blur(10px);color:#0009;cursor:pointer;z-index:1000;background:#ffffffb3;border:0;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.glass-btn-floating:hover{color:#000;background:#fffffff2;transform:scale(1.05)}.smart-guides-layer{pointer-events:none;z-index:50;position:absolute;inset:0}.smart-guide-h{background:repeating-linear-gradient(to right, var(--brand,#7c3aed) 0px, var(--brand,#7c3aed) 6px, transparent 6px, transparent 12px);height:1.5px;position:absolute;left:0;right:0;transform:translateY(-50%)}.smart-guide-v{background:repeating-linear-gradient(to bottom, var(--brand,#7c3aed) 0px, var(--brand,#7c3aed) 6px, transparent 6px, transparent 12px);width:1.5px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.smart-guide-labels{pointer-events:none;position:absolute;inset:0}.smart-guide-label{background:var(--brand,#7c3aed);color:#fff;white-space:nowrap;pointer-events:none;z-index:51;letter-spacing:.3px;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d}.lasso-rect{border:1.5px solid var(--brand,#7c3aed);pointer-events:none;z-index:60;background:#7c3aed12;border-radius:2px;display:none;position:absolute}.text-element.multi-selected{outline-offset:5px;border-radius:2px;outline:2px solid var(--brand,#7c3aed)!important}.multi-select-toolbar{-webkit-backdrop-filter:blur(12px);z-index:100;pointer-events:all;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fffffff7;border:1px solid #00000017;border-radius:10px;align-items:center;gap:2px;padding:4px 6px;display:none;position:absolute;box-shadow:0 4px 20px #00000024,0 1px 4px #00000014}.multi-select-toolbar button{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .12s,color .12s;display:flex}.multi-select-toolbar button:hover{color:#111827;background:#0000000f}.multi-select-toolbar button:active{background:#0000001a}.multi-select-toolbar .toolbar-sep{background:#00000017;flex-shrink:0;width:1px;height:18px;margin:0 2px}.multi-select-toolbar .toolbar-label{color:#6b7280;letter-spacing:.2px;padding:0 6px 0 2px;font-size:11px;font-weight:600}.stage-frame{position:relative;overflow:hidden}.stage-frame.is-framed{border-radius:0;outline:1px solid #0000001a;box-shadow:0 10px 50px #0000004d}.dark .stage-frame.is-framed{outline-color:#ffffff0f;box-shadow:0 10px 50px #00000073}.fmt-overlay{z-index:3000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.fmt-backdrop{-webkit-backdrop-filter:blur(8px);background:#07070c9e;position:absolute;inset:0}.fmt-panel{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:20px;width:min(560px,100%);padding:28px;animation:.16s fmt-pop;position:relative;box-shadow:0 24px 80px #00000059}@keyframes fmt-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.fmt-head h2{color:var(--text-main);letter-spacing:-.01em;font-size:21px;font-weight:800}.fmt-head p{color:var(--text-dim);margin-top:6px;font-size:13.5px;line-height:1.45}.fmt-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.fmt-card{border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-main);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;transition:border-color .14s,background .14s,transform 60ms;display:flex;position:relative}.fmt-card:hover{border-color:var(--brand);transform:translateY(-1px)}.fmt-card.is-active{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.fmt-mini{place-items:center;width:46px;height:46px;margin-bottom:2px;display:grid}.fmt-mini-box{background:linear-gradient(135deg, var(--brand), var(--brand));border-radius:3px;display:block}@supports (color:color-mix(in lab, red, red)){.fmt-mini-box{background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 55%, #c084fc))}}.fmt-mini-box{box-shadow:0 2px 8px var(--brand)}@supports (color:color-mix(in lab, red, red)){.fmt-mini-box{box-shadow:0 2px 8px color-mix(in srgb, var(--brand) 40%, transparent)}}.fmt-card-label{font-size:13px;font-weight:700}.fmt-card-sub{color:var(--text-dim);text-align:center;font-size:11px}.fmt-card-check{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:8px;right:8px}.fmt-custom{align-items:flex-end;gap:10px;margin-top:14px;display:flex}.fmt-field{flex-direction:column;flex:1;gap:5px;display:flex}.fmt-field span{color:var(--text-dim);font-size:11px}.fmt-field input{background:var(--surface-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);border-radius:9px;outline:none;padding:9px 10px;font-size:13px;transition:border-color .14s,box-shadow .14s}.fmt-field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.fmt-times{color:var(--text-dim);padding-bottom:10px;font-weight:700}.fmt-px{color:var(--text-dim);padding-bottom:10px;font-size:12px}.fmt-foot{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.fmt-btn{cursor:pointer;border:none;border-radius:11px;align-items:center;gap:8px;height:42px;padding:0 22px;font-size:14px;font-weight:700;transition:filter .14s,background .14s,transform 60ms;display:inline-flex}.fmt-btn-primary{background:var(--brand);color:#fff;box-shadow:0 2px 10px var(--brand)}@supports (color:color-mix(in lab, red, red)){.fmt-btn-primary{box-shadow:0 2px 10px color-mix(in srgb, var(--brand) 40%, transparent)}}.fmt-btn-primary:hover{filter:brightness(1.07)}.fmt-btn-primary:active{transform:translateY(1px)}.fmt-btn-ghost{color:var(--text-dim);border:1px solid var(--border-subtle);background:0 0}.fmt-btn-ghost:hover{background:var(--surface-button);color:var(--text-main)}@media (max-width:560px){.fmt-grid{grid-template-columns:repeat(2,1fr)}}.format-pill{border:1px solid var(--border-subtle);background:var(--surface-raised);height:28px;color:var(--text-main);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .14s,background .14s;display:inline-flex}.format-pill:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.fmt-overlay--page{z-index:4000}.fmt-overlay--page .fmt-backdrop{opacity:1;-webkit-backdrop-filter:none;background:#ececf1}.dark .fmt-overlay--page .fmt-backdrop{background:#0b0b10}.fmt-overlay--page .fmt-panel{width:min(620px,100%)}.fmt-brand{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:14px;font-size:12px;font-weight:800}.dark .preview-area{background:#0e0e0e}.fmt-page{z-index:4000;background:var(--bg-main);font-family:var(--font-sans,Inter, system-ui, sans-serif);justify-content:center;align-items:center;padding:48px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.dark .fmt-page{background:var(--bg-main)}.fmt-back{color:var(--text-main);border:1px solid var(--border-subtle);background:var(--surface-panel);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .14s,color .14s;display:inline-flex;position:absolute;top:20px;left:20px}.fmt-back:hover{border-color:var(--brand);color:var(--brand)}.fmt-page-inner{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;width:100%;max-width:1120px;display:grid}.fmt-hero{min-width:0}.fmt-badge{background:var(--brand-soft);color:var(--brand);border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.fmt-hero-title{font-family:var(--font-display,var(--font-sans,Inter, system-ui, sans-serif));letter-spacing:-.04em;color:var(--text-main);font-size:clamp(36px,5vw,66px);font-weight:700;line-height:1.03}.fmt-hero-sub{max-width:440px;color:var(--text-dim);margin-top:22px;font-size:16px;line-height:1.55}.fmt-card-panel{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.dark .fmt-card-panel{box-shadow:none}.fmt-card-panel .fmt-grid{margin-top:0}.fmt-selected-bar{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px 16px 14px 20px;display:flex}.fmt-selected-info{flex-direction:column;gap:3px;min-width:0;display:flex}.fmt-selected-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-size:10.5px;font-weight:800}.fmt-selected-value{color:var(--text-main);font-size:14px;font-weight:700}@media (max-width:860px){.fmt-page-inner{grid-template-columns:1fr;gap:30px}.fmt-hero-title{font-size:clamp(30px,9vw,44px)}.fmt-hero-sub{max-width:none}}:root{--m-glass-bg:#ffffffbf;--m-glass-border:#0000000f;--m-glass-shadow:0 2px 16px #00000024, 0 0 0 .5px #0000000a;--m-glass-fg:#0000008c;--m-glass-fg-strong:#000000d9}.mobile-zoom-controls{display:none}@media (max-width:768px){:root{--canvas-mobile-nav-h:58px}.workspace{height:100dvh;max-height:100dvh}.preview-area{padding-bottom:calc(var(--canvas-mobile-nav-h) + env(safe-area-inset-bottom,0px));flex:auto!important;width:100%!important}.left-nav{width:100%;height:calc(var(--canvas-mobile-nav-h) + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);border-right:none;border-top:1px solid var(--border-subtle);background:var(--surface-panel);z-index:500;flex-direction:row;justify-content:space-around;align-items:center;gap:0;position:fixed;inset:auto 0 0;overflow:visible}.left-nav-divider{display:none}.left-nav-home,.left-nav-item,.left-nav.compact .left-nav-item{border-radius:12px;flex:1 1 0;gap:0;min-width:0;height:46px;min-height:46px;padding:0}.left-nav-item span,.left-nav.compact .left-nav-item span{display:none}.left-nav>:last-child{align-self:center;margin-top:0}.sidebar-left,.controls-area{border:none;border-top:1px solid var(--border-subtle);z-index:400;border-radius:18px 18px 0 0;width:100%;height:auto;max-height:80vh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 34px #0000002e}.controls-area{z-index:410}.sidebar-left:before,.controls-area:before{content:"";background:var(--border-medium);z-index:2;pointer-events:none;border-radius:99px;width:38px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.panel-hidden,.sidebar-left.panel-hidden,.controls-area.panel-hidden{pointer-events:none;margin:0;transform:translateY(100%)}.sidebar-left .panel-body,.controls-area .panel-body,.minimal-panel .panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(var(--canvas-mobile-nav-h) + env(safe-area-inset-bottom,0px) + 18px);overflow-y:auto}.minimal-panel{max-height:80vh}.panel-head{min-height:60px;padding:18px 18px 14px}.text-toolbar{background:var(--surface-panel);max-width:calc(100vw - 16px)}.toolbar-btn{width:36px;height:36px}#show-panel-btn,.glass-btn-floating{background:var(--m-glass-bg);-webkit-backdrop-filter:blur(12px)saturate(1.6);border:1px solid var(--m-glass-border);width:46px;height:46px;box-shadow:var(--m-glass-shadow);color:var(--m-glass-fg);border-radius:13px;top:auto!important;left:auto!important;right:14px!important;bottom:calc(var(--canvas-mobile-nav-h) + env(safe-area-inset-bottom,0px) + 14px)!important;position:fixed!important}.mobile-zoom-controls{left:14px;bottom:calc(var(--canvas-mobile-nav-h) + env(safe-area-inset-bottom,0px) + 14px);z-index:350;background:var(--m-glass-bg);-webkit-backdrop-filter:blur(12px)saturate(1.6);border:1px solid var(--m-glass-border);box-shadow:var(--m-glass-shadow);border-radius:13px;align-items:center;gap:2px;padding:5px 8px;display:flex;position:fixed}.mobile-zoom-controls button{min-width:30px;height:30px;color:var(--m-glass-fg);letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:5px 6px;font-size:10.5px;font-weight:700;display:flex}.mobile-zoom-controls button:active{color:var(--m-glass-fg-strong);background:#0000000f}.playback-bar{left:136px!important;right:auto!important;bottom:calc(var(--canvas-mobile-nav-h) + env(safe-area-inset-bottom,0px) + 14px)!important;position:fixed!important;transform:none!important}.text-toolbar,.multi-select-toolbar{-webkit-backdrop-filter:none!important}.left-nav-item,.left-nav-home,.icon-btn,.proj-btn,.toolbar-btn,.fmt-card,.fmt-btn{-webkit-tap-highlight-color:transparent}.shape-grid-two-col{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.sidebar-left,.controls-area{transition:none}}.lg-app{background:var(--bg-main);color:var(--text-main);font-family:var(--font-sans,Inter, system-ui, sans-serif);-webkit-user-select:none;user-select:none;--lg-radius:10px;--lg-gap:8px;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.lg-app *,.lg-app :before,.lg-app :after{box-sizing:border-box}.lg-app button{font-family:inherit}.lg-app :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}.lg-body{flex:1;min-height:0;display:flex}.lg-topbar{background:var(--surface-panel);border-bottom:1px solid var(--border-subtle);z-index:10;flex:0 0 52px;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 12px;display:flex}.lg-topbar-left,.lg-topbar-center,.lg-topbar-right{align-items:center;gap:6px;display:flex}.lg-topbar-center{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:12px;padding:3px 4px}.lg-home{color:var(--text-main);border-radius:9px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:650;text-decoration:none;transition:background .12s;display:inline-flex}.lg-home:hover{background:var(--surface-button)}.lg-home svg{opacity:.7}.lg-divider{background:var(--border-medium);width:1px;height:20px;margin:0 3px}.lg-docname{color:var(--text-main);background:0 0;border:1px solid #0000;border-radius:9px;width:200px;padding:6px 10px;font-size:13.5px;font-weight:600;transition:background .12s,border-color .12s}.lg-docname:hover{background:var(--surface-button)}.lg-docname:focus{border-color:var(--brand);background:var(--surface-input);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.lg-tb-btn{width:32px;height:32px;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:background .12s,color .12s;display:grid}.lg-tb-btn:hover:not(:disabled){background:var(--surface-button-hover)}.lg-tb-btn:disabled{opacity:.35;cursor:default}.lg-zoom{font-variant-numeric:tabular-nums;min-width:52px;height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 6px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}.lg-zoom:hover{background:var(--surface-button-hover);color:var(--text-main)}.lg-btn-primary{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:13px;font-weight:650;transition:filter .12s,transform 60ms;display:inline-flex;box-shadow:0 1px 2px #0000001f}.lg-btn-primary:hover:not(:disabled){filter:brightness(1.07)}.lg-btn-primary:active:not(:disabled){transform:translateY(1px)}.lg-btn-primary:disabled{opacity:.6;cursor:default}.lg-export{position:relative}.lg-menu{z-index:60;background:var(--surface-panel);border:1px solid var(--border-medium);border-radius:14px;flex-direction:column;gap:2px;min-width:248px;padding:6px;animation:.12s lg-pop;display:flex;position:absolute;top:44px;right:0;box-shadow:0 18px 48px #00000047}@keyframes lg-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.lg-menu button{text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:9px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:background .1s;display:grid}.lg-menu button:hover{background:var(--brand-soft)}.lg-menu button svg{color:var(--brand)}.lg-menu-label{font-weight:600}.lg-menu-hint{color:var(--text-dim);font-size:11px}.lg-toolrail{background:var(--surface-panel);border-right:1px solid var(--border-subtle);flex-direction:column;flex:0 0 56px;align-items:center;gap:3px;padding:10px 0;display:flex}.lg-brand-dot{background:linear-gradient(135deg, var(--brand), var(--brand));border-radius:11px;width:36px;height:36px}@supports (color:color-mix(in lab, red, red)){.lg-brand-dot{background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 60%, #c084fc))}}.lg-brand-dot{color:#fff;box-shadow:0 2px 8px var(--brand);place-items:center;margin-bottom:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.lg-brand-dot{box-shadow:0 2px 8px color-mix(in srgb, var(--brand) 45%, transparent)}}.lg-brand-dot svg{width:20px;height:20px}.lg-tool-sep{background:var(--border-subtle);width:24px;height:1px;margin:5px 0}.lg-tool{width:40px;height:40px;color:var(--icon-main,var(--text-main));cursor:pointer;background:0 0;border:none;border-radius:11px;place-items:center;transition:background .12s,color .12s;display:grid;position:relative}.lg-tool:hover{background:var(--surface-button)}.lg-tool.active{background:var(--brand-soft);color:var(--brand)}.lg-tool-kbd{color:var(--text-dim);pointer-events:none;font-family:inherit;font-size:8.5px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:3px}.lg-tool.active .lg-tool-kbd{color:var(--brand)}.lg-leftpanel{background:var(--surface-panel);border-right:1px solid var(--border-subtle);flex-direction:column;flex:0 0 256px;min-height:0;display:flex}.lg-tabs{border-bottom:1px solid var(--border-subtle);gap:4px;padding:8px;display:flex}.lg-tabs button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:12px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.lg-tabs button:hover{background:var(--surface-button);color:var(--text-main)}.lg-tabs button.active{background:var(--brand-soft);color:var(--brand)}.lg-leftpanel-body{flex:1;min-height:0;overflow-y:auto}.lg-layer-actions{grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:grid}.lg-layer-actions button{border:1px solid var(--border-subtle);background:var(--surface-button);color:var(--text-main);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:12px;font-weight:550;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.lg-layer-actions button:hover:not(:disabled){background:var(--surface-button-hover)}.lg-layer-actions button:disabled{opacity:.4;cursor:default}.lg-layer-actions button.danger:hover:not(:disabled){color:#ef4444;border-color:#ef444466}.lg-layer-list{padding:4px 6px 12px}.lg-empty,.lg-hint{color:var(--text-dim);padding:12px;font-size:12px;line-height:1.55}.lg-hint-inline{padding:6px 0 0}.lg-layer{cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:7px 8px;transition:background .1s;display:flex}.lg-layer:hover{background:var(--surface-button)}.lg-layer.active{background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}@supports (color:color-mix(in lab, red, red)){.lg-layer.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent)}}.lg-layer-type{color:var(--text-dim);flex:none}.lg-layer.active .lg-layer-type{color:var(--brand)}.lg-layer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.lg-layer-ico{cursor:pointer;width:24px;height:24px;color:var(--text-dim);opacity:0;background:0 0;border:none;border-radius:6px;flex:none;place-items:center;transition:opacity .12s,background .12s,color .12s;display:grid}.lg-layer:hover .lg-layer-ico,.lg-layer.active .lg-layer-ico{opacity:.75}.lg-layer-ico:hover{opacity:1;background:var(--surface-button-hover);color:var(--text-main)}.lg-tpl-search{border:1px solid var(--border-subtle);background:var(--surface-input);color:var(--text-dim);border-radius:9px;align-items:center;gap:7px;margin:0 12px 10px;padding:7px 10px;transition:border-color .12s;display:flex}.lg-tpl-search:focus-within{border-color:var(--brand)}.lg-tpl-search input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12.5px}.lg-tpl-search input::placeholder{color:var(--text-dim)}.lg-tpl-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:color .1s}.lg-tpl-clear:hover{color:var(--text-main)}.lg-tpl-cats{flex-wrap:wrap;gap:5px;padding:0 12px 10px;display:flex}.lg-tpl-cat{border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:500;transition:border-color .12s,background .12s,color .12s}.lg-tpl-cat:hover{border-color:var(--brand);color:var(--text-main)}.lg-tpl-cat.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.lg-tpl-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 4px;display:grid}.lg-tpl-card{border:1.5px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-main);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:0;padding:0;transition:border-color .14s,box-shadow .14s,transform 60ms;display:flex;overflow:hidden}.lg-tpl-card:hover{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft);transform:translateY(-1px)}.lg-tpl-thumb{aspect-ratio:280/190;background:var(--surface-raised);border-radius:8px 8px 0 0;width:100%;display:block;overflow:hidden}.lg-tpl-thumb svg{display:block;width:100%!important;height:100%!important}.lg-tpl-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--border-subtle);padding:6px 8px;font-size:11px;font-weight:550;line-height:1.3;display:block;overflow:hidden}.lg-tpl-card:hover .lg-tpl-name{color:var(--text-main)}.lg-tpl-section-label{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:14px}.lg-template-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px;display:grid}.lg-template{border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-main);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:9px;padding:16px 8px;font-size:12px;font-weight:550;transition:border-color .12s,transform 60ms;display:flex}.lg-template:hover{border-color:var(--brand);transform:translateY(-1px)}.lg-template-thumb{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:11px;place-items:center;font-size:18px;font-weight:800;display:grid}.lg-preset-list{flex-direction:column;gap:5px;padding:0 12px 14px;display:flex}.lg-preset{text-align:left;border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-main);cursor:pointer;border-radius:9px;padding:10px 12px;font-size:12px;transition:border-color .12s,background .12s}.lg-preset:hover{border-color:var(--brand)}.lg-preset.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.lg-icon-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 12px 12px;display:grid}.lg-icon-cell{aspect-ratio:1;border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-main);cursor:pointer;border-radius:11px;place-items:center;transition:border-color .12s,color .12s,transform 60ms;display:grid}.lg-icon-cell svg{width:22px;height:22px}.lg-icon-cell:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.lg-stage{background:repeating-conic-gradient(var(--surface-muted) 0% 25%, transparent 0% 50%) 50% / 22px 22px;background-color:var(--bg-main);flex:1;min-width:0;position:relative;overflow:hidden}.lg-canvas-wrap{position:absolute;inset:0;overflow:hidden}.lg-canvas{touch-action:none;width:100%;height:100%;display:block}.lg-text-editor{box-shadow:none;caret-color:var(--brand);resize:none;z-index:20;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:inherit;overflow:hidden}.lg-text-editor::selection{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.lg-text-editor::selection{background:color-mix(in srgb, var(--brand) 40%, transparent)}}.lg-text-editor::selection{color:#0000}.lg-ctx-menu{z-index:200;background:var(--surface-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-radius:12px;min-width:200px;padding:5px;animation:.1s ctx-in;position:fixed;box-shadow:0 12px 36px #00000038,0 2px 6px #0000001f}@keyframes ctx-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.lg-ctx-item{width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.lg-ctx-item:hover{background:var(--surface-button-hover)}.lg-ctx-item kbd{color:var(--text-dim);background:0 0;border:none;margin-left:auto;padding:0;font-family:inherit;font-size:11px}.lg-ctx-item.danger{color:#ef4444}.lg-ctx-item.danger:hover{background:#ef44441a}.lg-ctx-sep{background:var(--border-subtle);height:1px;margin:4px 6px}.lg-inspector{background:var(--surface-panel);border-left:1px solid var(--border-subtle);flex:0 0 280px;min-height:0;overflow-y:auto}.lg-arrange{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.lg-arrange-grp{background:var(--surface-muted);border-radius:9px;gap:2px;padding:2px;display:flex}.lg-iconbtn{width:30px;height:30px;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;transition:background .12s,color .12s;display:grid}.lg-iconbtn:hover:not(:disabled){background:var(--surface-button-hover)}.lg-iconbtn.active{background:var(--surface-panel);color:var(--brand);box-shadow:0 1px 3px #0000001f}.lg-iconbtn:disabled{opacity:.35;cursor:default}.lg-section{border-bottom:1px solid var(--border-subtle);padding:14px}.lg-section-head{text-transform:uppercase;letter-spacing:.04em;min-height:22px;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.lg-section-body{flex-direction:column;gap:9px;display:flex}.lg-row{gap:8px;display:flex}.lg-field{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.lg-field-label{color:var(--text-dim);font-size:11px}.lg-num{background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:4px;padding:0 8px;transition:border-color .12s,box-shadow .12s;display:flex}.lg-num:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.lg-num input{width:100%;color:var(--text-main);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:7px 0;font-size:12.5px}.lg-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lg-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lg-num-suffix{color:var(--text-dim);flex:none;font-size:11px}.lg-select{background:var(--surface-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:7px 8px;font-size:12.5px;transition:border-color .12s,box-shadow .12s}.lg-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.lg-slider{width:100%;accent-color:var(--brand);cursor:pointer;height:18px}.lg-color{align-items:center;gap:8px;display:flex}.lg-color-swatch{border:1px solid var(--border-medium);background-image:linear-gradient(45deg, var(--surface-muted) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-muted) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-muted) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-muted) 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:8px;flex:none;width:30px;height:30px;position:relative;overflow:hidden}.lg-color-swatch input{cursor:pointer;border:none;width:140%;height:140%;padding:0;position:absolute;inset:-4px}.lg-color-hex{background:var(--surface-input);border:1px solid var(--border-subtle);min-width:0;color:var(--text-main);border-radius:8px;outline:none;flex:1;padding:8px;font-size:12px;transition:border-color .12s,box-shadow .12s}.lg-color-hex:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.lg-seg{background:var(--surface-muted);border-radius:9px;gap:2px;padding:2px;display:flex}.lg-seg-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:12px;font-weight:550;transition:background .12s,color .12s;display:inline-flex}.lg-seg-btn:hover{color:var(--text-main)}.lg-seg-btn.active{background:var(--surface-panel);color:var(--brand);box-shadow:0 1px 3px #0000001f}.lg-toggle{background:var(--surface-muted);cursor:pointer;border:none;border-radius:999px;flex:none;width:34px;height:20px;padding:0;transition:background .16s;position:relative}.lg-toggle.on{background:var(--brand)}.lg-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.lg-toggle.on .lg-toggle-knob{transform:translate(14px)}.lg-empty-state{padding:18px 14px}.lg-empty-state p{color:var(--text-dim);margin:0;font-size:12px;line-height:1.55}@media (max-width:1100px){.lg-leftpanel{flex-basis:220px}.lg-inspector{flex-basis:260px}}@media (max-width:900px){.lg-leftpanel{display:none}.lg-inspector{flex-basis:240px}}.lg-canvas-wrap.dropping:after{content:"";border:2px dashed var(--brand);background:var(--brand);border-radius:14px;position:absolute;inset:12px}@supports (color:color-mix(in lab, red, red)){.lg-canvas-wrap.dropping:after{background:color-mix(in srgb, var(--brand) 8%, transparent)}}.lg-canvas-wrap.dropping:after{pointer-events:none;z-index:30}.lg-dropzone{z-index:31;pointer-events:none;background:var(--surface-panel);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #00000038}.lg-toast{z-index:40;background:var(--surface-panel);border:1px solid var(--border-subtle);max-width:min(420px,100% - 32px);color:var(--text-main);text-align:center;border-radius:10px;padding:9px 16px;font-size:12.5px;line-height:1.4;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0000003d}.lg-topbar-error{z-index:120;background:var(--surface-panel);border:1px solid #ef4444;border-radius:10px;max-width:min(520px,90vw);margin-top:6px;padding:8px 14px;position:absolute;top:100%;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.lg-topbar-error{border:1px solid color-mix(in srgb, #ef4444 45%, var(--border-subtle))}}.lg-topbar-error{color:var(--text-main);font-size:12.5px;box-shadow:0 10px 28px #0000003d}.lg-autosave-warning{z-index:300;background:var(--surface-panel);border:1px solid #f59e0b;border-radius:10px;max-width:min(560px,100vw - 24px);margin:0;padding:9px 16px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.lg-autosave-warning{border:1px solid color-mix(in srgb, #f59e0b 50%, var(--border-subtle))}}.lg-autosave-warning{color:var(--text-main);text-align:center;font-size:12.5px;line-height:1.45;box-shadow:0 10px 28px #0000003d}.lg-inline-btn{border:1px solid var(--border-subtle);background:var(--surface-raised);width:100%;color:var(--text-main);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.lg-inline-btn:hover{background:var(--surface-muted);border-color:var(--border-medium)}.lg-hint-error{color:#ef4444}.lg-canvas-wrap[data-tool=eyedropper] .lg-canvas{cursor:crosshair}:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand:#8b6be0;--brand-strong:#7754d8;--brand-soft:#c9b4ff;--brand-pale:#f0e6ff;--brand-rgb:139 107 224;--bg-color:#fff;--text-color:#000;--glass-bg:#ffffffc2;--glass-border:#00000014;--panel-bg:#fff;--surface-soft:#0000000d;--text-muted:#0000008c;--text-dim:#0006;--grid-dot:#0000001a;--results-bg:#fff;--results-bg-rgb:255 255 255;--results-fg:#000;--results-sub:#6e6e73}.dark{--bg-color:#000;--text-color:#fff;--glass-bg:#0f0f16d1;--glass-border:#ffffff14;--panel-bg:#14141b;--surface-soft:#ffffff0f;--text-muted:#ffffffa8;--text-dim:#ffffff73;--grid-dot:#ffffff24;--results-bg:#000;--results-bg-rgb:0 0 0;--results-fg:#fff;--results-sub:#a1a1aa}.bg-grid-dots{background-image:radial-gradient(circle, var(--grid-dot) 1.2px, transparent 1.2px);background-size:32px 32px}.top-bar{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;align-items:center;gap:2px;padding:6px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014,0 1px 4px #0000000a}.tb-sep{background:var(--glass-border);flex-shrink:0;width:1px;height:22px;margin:0 4px}.tb-item{width:40px;height:40px;color:var(--text-muted,#0000008c);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:transform .1s cubic-bezier(.2,0,0,1),background .2s,color .2s;display:flex}.tb-item:hover{background:var(--surface-soft,#0000000d);color:var(--text-color);transform:scale(1.08)}.tb-item:active{opacity:.8;transform:scale(.92)}.tb-item.active{color:var(--brand);background:rgb(var(--brand-rgb) / .13);box-shadow:inset 0 0 0 1px rgb(var(--brand-rgb) / .18)}.dark .tb-item.active{color:var(--brand-soft);background:rgb(var(--brand-rgb) / .17);box-shadow:inset 0 0 0 1px rgb(var(--brand-rgb) / .28)}.tb-item svg{flex-shrink:0;width:20px;height:20px}.effects-rail{z-index:999;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid var(--glass-border);border-radius:999px;flex-direction:row;gap:2px;padding:6px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:20px;right:20px;transform:none;box-shadow:0 8px 32px #00000014,0 1px 4px #0000000a}.er-sep{background:var(--glass-border);flex-shrink:0;width:1px;height:22px;margin:8px 4px}.er-item{width:auto;height:38px;color:var(--text-dim,#0006);letter-spacing:0;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:700;transition:transform .1s cubic-bezier(.2,0,0,1),color .15s,background .15s;display:flex}.er-item:hover{background:var(--surface-soft,#0000000d);color:var(--text-color);transform:scale(1.06)}.er-item:active{opacity:.8;transform:scale(.93)}.er-item.active{color:var(--brand);background:rgb(var(--brand-rgb) / .13);box-shadow:inset 0 0 0 1px rgb(var(--brand-rgb) / .18)}.dark .er-item.active{color:var(--brand-soft);background:rgb(var(--brand-rgb) / .17);box-shadow:inset 0 0 0 1px rgb(var(--brand-rgb) / .28)}@media (max-width:600px){.effects-rail{display:none}}.top-bar,.effects-rail{transition:none!important}.top-bar.ui-hidden,.effects-rail.ui-hidden{opacity:0!important;pointer-events:none!important;transition:none!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100%}body{min-height:100vh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-color);transition:background .3s,color .3s;overflow:hidden auto}.dark .workspace{background:#0a0a0f}.dark .sidebar-left,.dark .controls-area,.dark .left-nav{background:var(--surface-panel)!important;border-color:var(--border-subtle)!important}.dark .left-nav-item{color:var(--icon-dim)}.dark .left-nav-item:hover{color:var(--icon-main);background:#ffffff0d!important}.dark .left-nav-item.active{color:#a78bfa;background:#7c3aed2e!important}.dark .left-nav-home{color:var(--icon-dim)}.dark .left-nav-home:hover{color:var(--icon-main);background:#ffffff0d!important}.dark .left-nav-divider{background:#ffffff12!important}.dark .panel-head{border-bottom-color:var(--border-subtle)!important}.dark .panel-head h1,.dark .panel-head h2,.dark .brand h1,.dark .brand h2{color:var(--text-main)}.dark .panel-head p{color:var(--text-dim)}.dark .icon-btn{color:var(--icon-dim)}.dark .icon-btn:hover{color:var(--icon-main)}.dark .toolbar-popover{background:var(--tb-pop-bg)!important}.dark .glass-btn-floating{color:#fff9!important;background:#1c1c26bf!important;border-color:#ffffff14!important}.dark .glass-btn-floating:hover{color:#ffffffe6!important;background:#242432f2!important}.dark .playback-bar{background:#16161ed1!important;border-color:#ffffff14!important}.dark .playback-btn{color:#fff9}.dark .playback-btn:hover{color:#ffffffe6;background:#ffffff12!important}.dark .playback-btn--paused{color:#a78bfa}.dark .playback-btn--paused:hover{color:#c4b5fd;background:#7c3aed26!important}.dark .playback-divider{background:#ffffff17!important}.dark .mode-tabs{border-bottom-color:var(--border-subtle)!important;background:#ffffff08!important}.dark .mode-tab{color:var(--text-dim);background:var(--surface-input)!important;border-color:var(--border-medium)!important}.dark .mode-tab:hover{color:#a78bfa;border-color:#7c3aed59!important}.dark .mode-tab.active{color:#fff;background:var(--brand)!important;border-color:var(--brand)!important}.dark .shape-chip{color:var(--text-main);background:var(--surface-input)!important;border-color:var(--border-medium)!important}.dark .shape-chip:hover{color:#a78bfa;border-color:#7c3aed59!important}.dark .section-label,.dark .control-label,.dark .panel-body label{color:var(--text-dim)}.dark .blob-card{background:var(--surface-input)!important;border-color:var(--border-subtle)!important}.dark .text-layer-card{color:var(--text-main);background:#ffffff0a!important}.dark .text-layer-card:hover{background:#ffffff12!important}.dark .text-layer-card.active{background:var(--surface-input)!important;border-color:var(--brand)!important}.dark .shape-layer-card{background:#ffffff0a!important}.dark .shape-layer-card:hover{background:#ffffff12!important}.dark .shape-layer-card.active{background:var(--surface-input)!important;border-color:var(--brand)!important}.dark .text-edit-panel{border-top-color:var(--border-subtle)!important;background:#16161ce6!important}.dark .panel-foot{border-top-color:var(--border-subtle)!important;background:#10101699!important}.dark .slider-group{background:#ffffff08!important}.dark input[type=range]{background:#ffffff1f!important}.dark input[type=range]::-webkit-slider-thumb{border-color:var(--surface-panel)!important}.dark .value-display,.dark .control-value{background:var(--surface-input)!important;color:#a78bfa!important;border-color:var(--border-subtle)!important}.dark .toggle-row{background:#ffffff08!important}.dark .carousel-arrow{background:var(--surface-input)!important;border-color:var(--border-medium)!important;color:var(--icon-dim)!important}.dark .carousel-arrow:hover{background:var(--surface-raised)!important;color:#a78bfa!important;border-color:#7c3aed59!important}.dark .custom-number-input{background:var(--surface-input)!important;border-color:var(--border-medium)!important;color:var(--text-main)!important}.dark .text-toolbar .custom-number-input{color:var(--tb-input-color)!important;background:0 0!important;border-color:#0000!important}.dark .custom-number-input:hover,.dark .custom-number-input:focus{border-color:#7c3aed80!important}.dark .dropdown-trigger{background:var(--surface-input)!important;border-color:var(--border-medium)!important;color:var(--text-main)!important}.dark .dropdown-trigger:hover{background:var(--surface-raised)!important}.dark .dropdown-menu{background:var(--surface-panel)!important;border-color:var(--border-medium)!important}.dark .dropdown-item{color:var(--text-main)!important}.dark .dropdown-item:hover{color:#a78bfa!important;background:#7c3aed1a!important}.dark .font-picker-button{background:var(--surface-input)!important;border-color:var(--border-medium)!important;color:var(--text-main)!important}.dark .effect-card{background:var(--surface-input)!important;border-color:var(--border-subtle)!important}.dark .view-chip{background:var(--surface-input)!important;border-color:var(--border-medium)!important;color:var(--text-main)!important}.dark .view-chip:hover{color:#a78bfa!important;border-color:#7c3aed59!important}.dark .view-chip.active{border-color:var(--brand)!important;color:#a78bfa!important;background:#7c3aed26!important}.dark .shape-item{background:var(--surface-input)!important;color:var(--text-dim)!important}.dark .shape-item:hover{color:#a78bfa!important;background:#7c3aed1f!important}.dark .upload-drop-zone{background:var(--surface-input)!important;border-color:#ffffff1f!important}.dark .storage-info-card{background:var(--surface-input)!important;border-color:var(--border-subtle)!important}.dark .upload-tabs{border-bottom-color:var(--border-subtle)!important}.dark .upload-tab{color:var(--text-dim)!important}.dark .upload-tab.active{color:#a78bfa!important;border-bottom-color:#a78bfa!important}.dark .divider,.dark .shape-layers-divider{background:var(--border-subtle)!important}.dark .multi-select-toolbar{background:#16161ef7!important;border-color:#ffffff17!important}.dark .multi-select-toolbar button{color:#ffffffa6!important}.dark .multi-select-toolbar button:hover{color:#ffffffe6!important;background:#ffffff14!important}.dark .multi-select-toolbar .toolbar-sep{background:#ffffff14!important}.dark .multi-select-toolbar .toolbar-label{color:#fff6!important}.dark .scrollbar::-webkit-scrollbar-thumb{background:#ffffff1f!important}.dark .btn-add{background:var(--surface-raised)!important}.dark .btn-add:hover{background:var(--surface-input)!important}.dark .mode-tabs{background:var(--surface-raised)!important}.dark .mode-tab,.dark .shape-chip,.dark .view-chip,.dark .shape-mode-btn,.dark .shape-edit-points-btn,.dark .shape-nav-btn,.dark .carousel-arrow,.dark .animation-style-btn,.dark .ts-toggle,.dark .upload-signout-btn{background:var(--surface-button)!important;border:0!important}.dark .mode-tab:hover,.dark .shape-chip:hover,.dark .view-chip:hover,.dark .shape-mode-btn:hover,.dark .shape-edit-points-btn:hover:not(:disabled),.dark .shape-nav-btn:hover:not(:disabled),.dark .carousel-arrow:hover,.dark .animation-style-btn:hover,.dark .ts-toggle:hover,.dark .upload-signout-btn:hover{background:var(--surface-button-hover)!important;color:var(--text-main)!important}.dark .mode-tab.active{background:var(--brand)!important;color:#fff!important}.dark .shape-chip.active,.dark .view-chip.active,.dark .shape-mode-btn.is-active,.dark .shape-edit-points-btn.is-active,.dark .animation-style-btn.is-active,.dark .ts-toggle.active{background:var(--brand-soft)!important;color:#c4b5fd!important}.dark .slider-group,.dark .blob-card,.dark .effect-card,.dark .shape-card.shape-item,.dark .text-layer-card,.dark .shape-layer-card,.dark .upload-drop-zone,.dark .storage-info-card{background:var(--surface-raised)!important;border:0!important}.dark .text-layer-card:hover,.dark .shape-layer-card:hover,.dark .effect-card:hover,.dark .shape-card.shape-item:hover{background:var(--surface-button-hover)!important}.dark .text-layer-card.active,.dark .shape-layer-card.active{background:var(--brand-softer)!important}.dark .control-value,.dark .value-display,.dark .upload-tab.active{background:var(--surface-panel)!important;border:0!important}.dark .control-label{color:var(--text-main)!important}.dark .dropdown-trigger,.dark .font-picker-button{background:var(--surface-button)!important;border:0!important}.dark .dropdown-trigger:hover,.dark .font-picker-button:hover{background:var(--surface-button-hover)!important}.dark .export-panel{background:var(--surface-panel)!important}.dark main[data-page=motion]{background:var(--bg-color)}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}