@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.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}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.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-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow,.shadow\/glow{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-black{outline-color:var(--color-black)}.outline-white{outline-color:var(--color-white)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[file\:line\]{file:line}}@font-face{font-family:Creepster;src:url(/fonts/Creepster.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bangers;src:url(/fonts/Bangers.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bungee;src:url(/fonts/Bungee.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Righteous;src:url(/fonts/Righteous.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Black Ops One;src:url(/fonts/BlackOpsOne.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Audiowide;src:url(/fonts/Audiowide.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Monoton;src:url(/fonts/Monoton.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Fascinate;src:url(/fonts/Fascinate.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nosifer;src:url(/fonts/Nosifer.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Satisfy;src:url(/fonts/Satisfy.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Special Elite;src:url(/fonts/SpecialElite.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/VT323.woff2)format("woff2");font-weight:400;font-display:swap}html,body,#root{width:100%;height:100%}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d0d14;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.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}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.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-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow,.shadow\/glow{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-black{outline-color:var(--color-black)}.outline-white{outline-color:var(--color-white)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[file\:line\]{file:line}}:root{--bg-primary:#0d0d14;--bg-secondary:#13131d;--bg-tertiary:#1a1a28;--bg-hover:#22222f;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#606070;--accent:#6366f1;--accent-hover:#7b7ef7;--accent-light:#6366f126;--border:#2a2a3a;--border-focus:#6366f1;--danger:#ef4444;--success:#22c55e;--sidebar-width:340px;--properties-width:340px;--toolbar-height:56px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}[data-theme=blue]{--bg-primary:#0a1628;--bg-secondary:#0f1d32;--bg-tertiary:#142540;--bg-hover:#1a2d4a;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-light:#3b82f626;--border:#1e3a5f;--border-focus:#3b82f6}[data-theme=green]{--bg-primary:#0a1410;--bg-secondary:#0f1f18;--bg-tertiary:#142a20;--bg-hover:#1a3528;--accent:#10b981;--accent-hover:#34d399;--accent-light:#10b98126;--border:#164e3a;--border-focus:#10b981}[data-theme=orange]{--bg-primary:#1a1008;--bg-secondary:#241610;--bg-tertiary:#2e1c14;--bg-hover:#38221a;--accent:#f97316;--accent-hover:#fb923c;--accent-light:#f9731626;--border:#5c3d2a;--border-focus:#f97316}[data-theme=pink]{--bg-primary:#1a0a14;--bg-secondary:#240f1a;--bg-tertiary:#2e1422;--bg-hover:#381a2a;--accent:#ec4899;--accent-hover:#f472b6;--accent-light:#ec489926;--border:#5c2a4a;--border-focus:#ec4899}[data-theme=cyan]{--bg-primary:#0a1a1a;--bg-secondary:#0f2424;--bg-tertiary:#142e2e;--bg-hover:#1a3838;--accent:#06b6d4;--accent-hover:#22d3ee;--accent-light:#06b6d426;--border:#164e4e;--border-focus:#06b6d4}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);padding:20px}.logo{color:var(--text-primary);align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.logo-icon{font-size:28px}.sidebar-content{flex:1;padding:16px;overflow:hidden auto}.sidebar-section{margin-bottom:24px}.sidebar-storage-export{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;flex-direction:column;gap:10px;margin-top:8px;margin-bottom:16px;padding:14px;display:flex}.sidebar-storage-info{flex-direction:column;gap:6px;width:100%;display:flex}.storage-header{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.storage-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.storage-bar-container{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.storage-bar-fill{background:linear-gradient(90deg,var(--accent),#9f7aea);border-radius:3px;height:100%;transition:width .3s}.storage-text{color:var(--text-primary);font-size:12px;font-weight:500}.sidebar-export-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-export-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.section-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.device-group{margin-bottom:16px}.device-category-tabs{border-radius:var(--radius-md);background:#ffffff08;flex-wrap:wrap;gap:4px;margin-bottom:12px;padding:4px;display:flex}.category-tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.category-tab:hover{color:var(--text-secondary);background:#ffffff14}.category-tab.active{background:var(--accent);color:#fff}.category-icon{font-size:12px}.category-name{display:block}.device-list{box-sizing:border-box;width:100%;max-height:300px;overflow-y:auto}.custom-size-form{flex-direction:column;gap:12px;display:flex}.content-panel{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;width:220px;display:flex;overflow:hidden}.content-section{border-bottom:1px solid var(--border)}.content-section-header{width:100%;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.content-section-header:hover{background:#ffffff0d}.content-section-items{flex-direction:column;gap:2px;padding:0 8px 12px;display:flex}.content-item-btn{border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.content-item-btn:hover{background:#ffffff14}.content-item-btn:active{background:#ffffff1f}.content-item-btn:disabled{opacity:.5;cursor:not-allowed}.content-item-btn svg{color:var(--accent);flex-shrink:0}.custom-input-row{align-items:center;gap:8px;display:flex}.custom-input-row label{color:var(--text-muted);flex-direction:column;flex:1;gap:4px;font-size:11px;display:flex}.custom-input-row input[type=number]{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px;font-size:13px}.size-separator{color:var(--text-muted);margin-top:16px;font-size:14px}.apply-custom-btn{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s}.apply-custom-btn:hover{background:var(--accent-hover)}.device-button{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:6px;padding:12px;transition:all .15s;display:flex}.device-button:hover{background:var(--bg-hover);border-color:var(--text-muted)}.device-button.active{background:var(--accent-light);border-color:var(--accent)}.device-name{color:var(--text-primary);font-size:13px;font-weight:500}.device-size{color:var(--text-secondary);margin-top:2px;font-size:11px}.required-badge{text-transform:uppercase;color:var(--accent);background:var(--accent-light);border-radius:4px;margin-top:6px;padding:2px 6px;font-size:9px;font-weight:600}.bg-info-box{border-radius:var(--radius-sm);background:#8b5cf61a;border:1px solid #8b5cf633;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;display:flex}.bg-info-icon{font-size:14px}.bg-info-text{color:var(--text-secondary);font-size:11px;line-height:1.4}.bg-toggle-row{border-radius:var(--radius-sm);background:#8b5cf614;border:1px solid #8b5cf626;flex-direction:column;gap:6px;margin-bottom:12px;padding:8px 10px;display:flex}.bg-toggle-row .checkbox-label{font-size:12px;font-weight:500}.bg-toggle-info{color:var(--text-muted);padding-left:22px;font-size:10px}.color-picker-row{gap:12px;display:flex}.color-picker-row label{color:var(--text-secondary);flex-direction:column;flex:1;gap:6px;font-size:12px;display:flex}.color-picker-row input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;height:36px;padding:2px}.frame-style-toggle{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;margin-bottom:16px;padding:14px}.frame-style-toggle.compact{padding:12px}.frame-style-toggle.disabled{opacity:.5}.frame-toggle-header{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.frame-unavailable{color:var(--text-muted);margin:0;font-size:11px;font-style:italic}.frame-style-buttons{gap:4px;display:flex}.frame-style-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:8px 4px;font-size:11px;transition:all .15s;display:flex}.frame-style-btn:hover:not(.disabled){background:var(--bg-hover);color:var(--text-primary)}.frame-style-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.frame-style-btn.disabled{opacity:.5;cursor:not-allowed}.frame-style-btn.coming-soon{opacity:.7}.frame-btn-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.frame-btn-soon{color:#ff6b6b;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:700}.frame-color-selector{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.frame-color-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;display:block}.frame-color-options{gap:8px;display:flex}.frame-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;box-shadow:0 2px 4px #0000004d}.frame-color-btn:hover{transform:scale(1.1)}.frame-color-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.color-check{color:#fff;text-shadow:0 1px 2px #00000080;font-size:12px}.frame-loading-spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.toolbar{height:var(--toolbar-height);min-height:var(--toolbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex;overflow:auto visible}.toolbar::-webkit-scrollbar{display:none}.toolbar{-ms-overflow-style:none;scrollbar-width:none}.toolbar-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.toolbar-button{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.toolbar-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.toolbar-button.icon-only{padding:6px}.toolbar-button.primary{background:var(--accent);border-color:var(--accent)}.toolbar-button.primary:hover{background:var(--accent-hover)}.toolbar-button.danger{color:var(--danger)}.toolbar-button.danger:hover{border-color:var(--danger);background:#ef44441a}.toolbar-button.toggled-off{opacity:.5;background:#ffffff0d}.toolbar-button.toggled-off:hover{opacity:.8;background:#ffffff1a}.toast-notification{color:#fff;z-index:9999;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s toast-slide-up;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.toast-notification button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:flex}.toast-notification button:hover{background:#ffffff4d}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toolbar-dropdown{position:relative}.toolbar-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:1000;min-width:160px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0006}.toolbar-dropdown-menu button{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:10px 12px;font-size:13px;transition:background .15s;display:block}.toolbar-dropdown-menu button:hover{background:#ffffff14}.toolbar-action-boxes{gap:8px;margin-left:8px;display:flex}.toolbar-action-box{border:2px solid var(--accent);border-radius:var(--radius-md);min-width:72px;height:52px;color:var(--text-primary);cursor:pointer;background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.toolbar-action-box:hover{border-color:var(--accent-hover);background:#8b5cf626;transform:translateY(-1px)}.toolbar-action-box:disabled{opacity:.5;cursor:not-allowed;transform:none}.toolbar-action-box span{white-space:nowrap;font-size:10px}.toolbar-action-dropdown{position:relative}.toolbar-action-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:9999;min-width:160px;margin-top:4px;padding:4px;position:fixed;box-shadow:0 8px 24px #00000080}.toolbar-action-dropdown-menu button{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:10px 12px;font-size:13px;transition:background .15s;display:block}.toolbar-action-dropdown-menu button:hover{background:#8b5cf633}.toolbar-effect-buttons{flex-shrink:0;gap:2px;margin-left:4px;display:flex}.toolbar-effect-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:52px;padding:6px 10px;transition:all .2s;display:flex}.toolbar-effect-btn:hover{background:var(--bg-tertiary);border-color:var(--border)}.toolbar-effect-icon{font-size:18px;line-height:1}.toolbar-effect-label{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:500}.toolbar-divider{background:var(--border);width:1px;height:24px;margin:0 8px}.toolbar-language-select{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.toolbar-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:#ffffff0d;padding:6px 10px;font-size:12px;transition:all .2s}.toolbar-select:hover{border-color:var(--primary);background:#ffffff1a}.toolbar-select:focus{border-color:var(--primary);outline:none}.storage-progress-container{border-radius:var(--radius-sm);cursor:help;background:#ffffff0d;align-items:center;gap:8px;padding:6px 12px;transition:background .2s;display:flex}.storage-progress-container:hover{background:#ffffff1a}.storage-progress-container svg{color:var(--text-secondary);flex-shrink:0}.storage-progress-bar{background:#ffffff1a;border-radius:3px;width:60px;height:6px;overflow:hidden}.storage-progress-fill{border-radius:3px;height:100%;transition:width .3s,background-color .3s}.storage-progress-text{color:var(--text-secondary);min-width:45px;font-size:11px}.zoom-label{color:var(--text-secondary);text-align:center;min-width:40px;font-size:12px}.canvas-area{background:var(--bg-primary);flex:1;justify-content:flex-start;align-items:flex-start;padding:40px;display:flex;overflow:auto}.canvas-container{background:repeating-linear-gradient(45deg,var(--bg-tertiary),var(--bg-tertiary)10px,var(--bg-secondary)10px,var(--bg-secondary)20px);border-radius:var(--radius-lg);position:relative;overflow:visible;box-shadow:0 20px 60px #00000080}.canvas-empty{color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.properties-panel{width:var(--properties-width);background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.panel-tabs{border-bottom:1px solid var(--border);background:var(--bg-tertiary);display:flex}.panel-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.panel-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.panel-tab.active{background:var(--bg-secondary);color:var(--accent);border-bottom:2px solid var(--accent)}.layers-list{flex:1;padding:8px;overflow-y:auto}.layers-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.layer-item{cursor:pointer;border-radius:6px;align-items:center;gap:6px;margin-bottom:2px;padding:8px 10px;transition:all .15s;display:flex}.layer-item:hover{background:var(--bg-tertiary)}.layer-item.selected{border:1px solid var(--accent);background:#8b5cf633}.layer-item.hidden-layer{opacity:.5}.layer-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.layer-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.layer-btn:disabled{opacity:.3;cursor:not-allowed}.layer-reorder-btn{background:var(--accent);color:#fff;border-radius:4px}.layer-reorder-btn:hover:not(:disabled){background:var(--accent-hover);color:#fff;transform:scale(1.1)}.layer-reorder-btn:disabled{color:var(--text-muted);background:#ffffff1a}.layer-icon{color:var(--text-secondary);align-items:center;display:flex}.layer-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.layer-reorder{flex-direction:column;gap:2px;display:flex}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-header h3{font-size:14px;font-weight:600}.element-type{color:var(--text-secondary);background:var(--bg-tertiary);text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:11px}.panel-empty{color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.panel-content{flex:1;padding:16px;overflow-y:auto}.property-section{margin-bottom:20px}.property-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.property-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.property-grid label,.property-section>label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:11px;display:flex}.property-grid input,.property-section input[type=number]{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 10px;font-size:13px}.property-grid input:focus,.property-section input:focus{border-color:var(--border-focus);outline:none}.property-row{align-items:center;gap:12px;display:flex}.property-row input[type=range]{accent-color:var(--accent);flex:1}.rotation-value{color:var(--text-secondary);min-width:40px;font-size:12px}.color-input{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:32px;height:32px;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border:none;border-radius:4px}.icon-color-row{flex-direction:column;align-items:flex-start;gap:8px}.color-picker-row{align-items:center;gap:10px;width:100%;display:flex}.color-value{color:var(--text-secondary);text-transform:uppercase;font-family:monospace;font-size:12px}.transform-row{margin-bottom:12px}.transform-row label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;display:block}.transform-input-row{align-items:center;gap:8px;display:flex}.transform-input-row input[type=range]{accent-color:var(--accent);flex:1}.transform-number-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:50px;color:var(--text-primary);text-align:center;padding:6px 8px;font-size:12px}.transform-number-input:focus{border-color:var(--accent);outline:none}.transform-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.transform-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.transform-unit{color:var(--text-secondary);min-width:16px;font-size:11px}.perspective-presets{flex-wrap:wrap;gap:6px;display:flex}.preset-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;align-items:center;gap:4px;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.preset-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.preset-btn:active{transform:scale(.95)}.text-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;min-height:80px;padding:10px;font-size:13px}.text-input:focus{border-color:var(--border-focus);outline:none}.font-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;padding:8px 10px;font-size:13px}.font-select:focus{border-color:var(--border-focus);outline:none}.font-select option{background:var(--bg-secondary);color:var(--text-primary)}.font-select optgroup{background:var(--bg-tertiary);color:var(--text-muted);font-weight:700}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.checkbox-label input[type=checkbox]{accent-color:var(--accent)}.effect-toggle{border-bottom:1px solid var(--border);padding:8px 0}.effect-toggle:last-child{border-bottom:none}.effect-controls{grid-template-columns:1fr 1fr;align-items:center;gap:12px 16px;padding:12px 0;display:grid}.effect-controls label{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.effect-controls input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;width:40px;height:24px;padding:0}.effect-controls .draggable-input{min-width:0}.effect-controls>label:first-child{grid-column:span 2}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.draggable-input-wrapper{flex-direction:column;gap:6px;display:flex}.draggable-input-label{color:var(--text-secondary);font-size:11px}.draggable-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.draggable-input:focus-within{border-color:var(--border-focus)}.draggable-input.dragging{border-color:var(--accent)}.draggable-input input{color:var(--text-primary);background:0 0;border:none;flex:1;width:100%;min-width:0;padding:8px 10px;font-size:13px}.draggable-input input:focus{outline:none}.draggable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.draggable-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.draggable-input input[type=number]{appearance:textfield}.drag-handle{width:24px;height:100%;color:var(--text-muted);cursor:ns-resize;justify-content:center;align-items:center;padding:8px 4px;transition:all .15s;display:flex}.drag-handle:hover{color:var(--accent);background:var(--accent-light)}.draggable-input-suffix{color:var(--text-muted);padding-right:10px;font-size:12px}.property-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.property-title-row .property-title{margin-bottom:0}.aspect-ratio-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.aspect-ratio-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.aspect-ratio-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.aspect-checkbox{margin-top:10px}.reset-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.reset-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-tertiary)}.button-row{gap:8px;margin-top:10px;display:flex}.button-row .reset-btn{flex:1;margin-top:0}.center-btn{color:var(--accent);border-color:var(--accent)}.device-group-header{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 4px;transition:all .15s;display:flex}.device-group-header:hover{background:var(--bg-hover);border-radius:var(--radius-sm)}.device-group-header h4{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.device-group-toggle{width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;transition:transform .2s;display:flex}.device-group-toggle.collapsed{transform:rotate(-90deg)}.device-group-items{transition:max-height .2s;overflow:hidden}.device-group-items.collapsed{max-height:0}.zoom-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.zoom-bar input[type=range]{width:120px;accent-color:var(--accent)}.zoom-bar-label{color:var(--text-secondary);text-align:center;min-width:40px;font-size:12px}.zoom-bar button{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.zoom-bar button:hover{background:var(--bg-hover);border-color:var(--text-muted)}.export-dialog-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:400px;max-width:90vw;box-shadow:0 20px 60px #00000080}.export-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.export-dialog-header h2{font-size:18px;font-weight:600}.export-dialog-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.export-dialog-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.export-dialog-content{padding:20px}.export-option{margin-bottom:20px}.export-option label{color:var(--text-secondary);margin-bottom:10px;font-size:12px;font-weight:500;display:block}.export-canvas-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.export-canvas-header label{margin-bottom:0}.export-canvas-actions{gap:6px;display:flex}.export-select-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:4px 10px;font-size:11px;transition:all .15s}.export-select-btn:hover{border-color:var(--accent);color:var(--accent)}.export-canvas-list{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;gap:6px;max-height:150px;padding:4px;display:flex;overflow-y:auto}.export-canvas-item{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.export-canvas-item:hover{background:#ffffff0d}.export-canvas-item.selected{background:var(--accent-light);border-color:var(--accent);color:var(--text-primary)}.export-canvas-checkbox{border:2px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.export-canvas-item.selected .export-canvas-checkbox{background:var(--accent);border-color:var(--accent);color:#fff}.export-zip-notice{border-radius:var(--radius-sm);color:#22c55e;background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:1px solid #22c55e4d;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:12px;display:flex}.export-option input[type=range]{width:100%;accent-color:var(--accent)}.export-format-buttons{gap:8px;display:flex}.export-format-buttons button{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s}.export-format-buttons button:hover{border-color:var(--text-muted);color:var(--text-primary)}.export-format-buttons button.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.export-preview-info{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.export-size{color:var(--text-primary);font-weight:600}.scale-buttons button{flex-direction:column;gap:2px;min-width:90px;padding:10px 16px}.scale-value{font-size:16px;font-weight:700}.scale-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.export-watermark-notice{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;padding:12px 16px;font-size:12px}.export-dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.export-cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s}.export-cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.export-confirm-btn{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.export-confirm-btn:hover{background:var(--accent-hover)}.export-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.canvas-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:1000;align-items:center;gap:0;padding:8px 16px;display:flex;position:relative;overflow:visible}.view-mode-buttons{border:1px solid var(--border);background:#ffffff0d;border-radius:8px;gap:2px;margin-right:12px;padding:2px;display:flex}.view-mode-btn{min-width:60px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;transition:all .2s;display:flex}.view-mode-label{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:8px;font-weight:500}.view-mode-btn:hover{color:var(--accent);background:#667eea26}.view-mode-btn.active{color:var(--accent);background:#667eea40}.all-in-mode{background:var(--bg-secondary);overflow:auto}.all-in-container{gap:40px;min-width:min-content;padding:40px;display:flex}.all-in-canvas-item{cursor:pointer;flex-direction:column;align-items:center;transition:transform .2s;display:flex}.all-in-canvas-item:hover{transform:translateY(-4px)}.all-in-canvas-item.active .all-in-canvas-wrapper{box-shadow:0 0 0 3px var(--accent)}.all-in-canvas-wrapper{background:var(--bg-tertiary);border-radius:8px;padding-top:20px;padding-left:20px;position:relative;overflow:visible;box-shadow:0 4px 20px #0000004d}.all-in-stage-container{margin-top:50px;margin-left:50px;position:relative}.all-in-canvas-name{color:var(--text-primary);margin-top:12px;font-size:14px;font-weight:500}.canvas-overview-wrapper{z-index:10000;flex-shrink:0;position:relative}.canvas-overview-dropdown{background:var(--bg-primary);border:1px solid var(--accent);z-index:99999;border-radius:12px;min-width:300px;padding:16px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 40px #00000080,0 0 0 1px #667eea4d}.overview-header{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:13px;font-weight:600}.overview-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.overview-item{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;gap:6px;padding:8px;transition:all .2s;display:flex}.overview-item:hover{border-color:var(--accent);background:#667eea1a}.overview-item.active{border-color:var(--accent);background:#667eea26}.overview-preview{border-radius:6px;width:100%;height:60px}.overview-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.canvas-tabs-list{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:4px;max-width:calc(100% - 44px);padding-right:8px;display:flex;overflow:auto hidden}.canvas-tabs-list::-webkit-scrollbar{display:none}.canvas-tab{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;min-width:0;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.canvas-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.canvas-tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.canvas-tab-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.canvas-tab-input{background:var(--bg-primary);border:1px solid var(--accent);width:80px;color:var(--text-primary);border-radius:3px;outline:none;padding:2px 6px;font-size:12px}.canvas-tab-btn{width:18px;height:18px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.canvas-tab:hover .canvas-tab-btn{opacity:1}.canvas-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.canvas-tab-btn.close:hover{color:var(--danger);background:#ef444433}.canvas-tab-add{border:1px dashed var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.canvas-tab-add:hover{background:var(--bg-tertiary);border-color:var(--text-muted);color:var(--text-primary)}.project-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 16px;display:flex}.project-name{color:var(--text-primary);font-size:14px;font-weight:500}.project-name-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:4px 8px;font-size:14px}.project-name-input:focus{border-color:var(--accent)}.login-page{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-nav-header{z-index:10;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:absolute;top:0;left:0;right:0}.back-to-home-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .2s;display:flex}.back-to-home-btn:hover{color:var(--text-primary);border-color:var(--accent);background:#ffffff1a}.login-nav-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.login-nav-logo svg{color:var(--accent)}.login-footer{text-align:center;padding:20px;position:absolute;bottom:0;left:0;right:0}.login-card-footer{text-align:center;border-top:1px solid #ffffff0f;padding-top:16px}.login-card-footer p{color:var(--text-muted);font-size:13px}.forgot-password-link{width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;padding:12px 0 0;font-size:13px;transition:color .2s;display:block}.forgot-password-link:hover{color:var(--accent);text-decoration:underline}.waitlist-container{text-align:center;padding:8px 0}.waitlist-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.waitlist-icon{color:var(--accent);margin-bottom:12px}.waitlist-header h3{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.waitlist-header p{color:var(--text-secondary);font-size:14px;line-height:1.5}.waitlist-form{flex-direction:column;gap:16px;display:flex}.waitlist-input-group{align-items:center;display:flex;position:relative}.waitlist-input-group .input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:16px}.waitlist-input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 16px 14px 48px;font-size:15px;transition:all .2s}.waitlist-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1);background:#ffffff14;outline:none}.waitlist-input::placeholder{color:var(--text-muted)}.waitlist-error{color:var(--danger,#ff4757);text-align:left;font-size:13px}.waitlist-button{background:var(--gradient-accent,linear-gradient(135deg,#667eea 0%,#764ba2 100%));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.waitlist-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.waitlist-button:disabled{opacity:.6;cursor:not-allowed}.waitlist-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:16px;font-size:14px;transition:color .2s}.waitlist-back:hover{color:var(--accent)}.waitlist-success{text-align:center;padding:32px 16px}.waitlist-success .success-icon{color:var(--success,#2ed573);margin-bottom:16px}.waitlist-success h3{color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:600}.waitlist-success p{color:var(--text-secondary);font-size:14px}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.ad-banner{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px dashed #ffffff1a;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.ad-banner-sidebar{margin:12px 0}.ad-banner-projects{max-width:728px;margin:16px auto}.ad-banner-export{margin:16px 0}.ad-placeholder{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.ad-label{text-transform:uppercase;letter-spacing:1px;opacity:.5;font-size:10px}.ad-size{opacity:.3;font-size:12px;font-weight:500}.captcha-container{margin-bottom:20px}.captcha-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.captcha-label svg{color:var(--accent)}.captcha-container>div{justify-content:center;display:flex}.login-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-gradient-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:linear-gradient(135deg,#667eea,#764ba2);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:linear-gradient(135deg,#f093fb,#f5576c);width:300px;height:300px;animation-delay:-7s;bottom:-50px;right:-50px}.orb-3{background:linear-gradient(135deg,#4facfe,#00f2fe);width:250px;height:250px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,10px)scale(1.02)}}.login-container{z-index:1;width:100%;max-width:420px;padding:20px;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32cc;border:1px solid #ffffff1a;border-radius:24px;padding:48px 40px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:40px}.login-logo{justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex;position:relative}.login-icon{color:#a78bfa}.sparkle-icon{color:#fbbf24;animation:2s ease-in-out infinite sparkle;position:absolute;top:-4px;right:-8px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(.8)rotate(10deg)}}.login-header h1{color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.login-header p{color:var(--text-muted);font-size:14px}.login-form{flex-direction:column;gap:24px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:var(--text-secondary);font-size:13px;font-weight:500}.login-field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 16px;font-size:15px;transition:all .2s}.login-field input:focus{border-color:var(--accent);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #667eea26}.login-field input::placeholder{color:var(--text-muted)}.login-error{color:var(--danger);font-size:12px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.login-footer{text-align:center;margin-top:32px}.login-footer p{color:var(--text-muted);font-size:13px}.google-login-btn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.google-login-btn:hover:not(:disabled){background:#f5f5f5;transform:translateY(-2px);box-shadow:0 5px 20px #0003}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.login-divider{align-items:center;gap:16px;margin:8px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.login-divider span{color:var(--text-muted);text-transform:uppercase;font-size:12px}.login-success{color:var(--success);background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;padding:12px 16px;font-size:13px}.reset-success-icon{color:#22c55e;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.reset-error-icon{color:#ef4444;background:linear-gradient(135deg,#ef444433,#ef44441a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.reset-spinner-container{justify-content:center;padding:24px;display:flex}.password-requirements{background:#667eea14;border:1px solid #667eea33;border-radius:10px;margin-bottom:20px;padding:14px 18px}.password-requirements p{color:var(--text-secondary);margin:0 0 8px;font-size:12px;font-weight:600}.password-requirements ul{margin:0;padding:0 0 0 18px;list-style-type:disc}.password-requirements li{color:var(--text-muted);margin-bottom:4px;font-size:11px}.password-requirements li:last-child{margin-bottom:0}.password-requirements li.req-met{color:var(--success,#2ed573)}.password-requirements li.req-met::marker{color:var(--success,#2ed573)}.password-requirements li.req-unmet{color:var(--danger,#ff4757)}.password-requirements li.req-unmet::marker{color:var(--danger,#ff4757)}.login-card .reset-success-icon~.login-btn,.login-card>.login-btn:only-of-type{margin:0 auto;display:flex}.link-button{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--accent-hover)}.login-field label{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.auth-loading{height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.project-browser{background:linear-gradient(#0f0f1a,#1a1a2e);min-height:100vh}.project-browser-header{border-bottom:1px solid var(--border);background:#0000004d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.project-browser-logo{color:var(--accent);align-items:center;gap:12px;display:flex}.project-browser-logo h1{color:#fff;font-size:24px;font-weight:700}.project-browser-user{color:var(--text-secondary);align-items:center;gap:16px;display:flex}.storage-indicator{border-radius:var(--radius-sm);color:var(--accent);cursor:help;background:#667eea1a;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.browser-language-select,.login-language-select{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.browser-select,.login-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:#ffffff0d;padding:6px 10px;font-size:12px;transition:all .2s}.browser-select:hover,.login-select:hover{border-color:var(--primary);background:#ffffff1a}.browser-select:focus,.login-select:focus{border-color:var(--primary);outline:none}.browser-select option,.login-select option{background:var(--bg-secondary);color:#fff}.logout-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.logout-btn:hover{background:var(--bg-hover);color:var(--danger);border-color:var(--danger)}.project-browser-content{max-width:1200px;margin:0 auto;padding:40px}.project-browser-title{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.project-browser-title h2{color:#fff;font-size:28px;font-weight:600}.create-project-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.create-project-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.no-projects{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.no-projects svg{opacity:.4;margin-bottom:24px}.no-projects h3{color:var(--text-secondary);margin-bottom:8px;font-size:20px}.no-projects p{margin-bottom:24px}.create-first-btn{background:var(--bg-tertiary);border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.create-first-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.project-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:16px;transition:all .2s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.project-card-preview{background:linear-gradient(135deg,#41376f,#1e1e37);justify-content:center;align-items:center;height:140px;display:flex}.project-card-device{opacity:.6;font-size:48px}.project-card-info{padding:16px}.project-card-info h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:16px;font-weight:600;overflow:hidden}.project-card-meta{color:var(--text-muted);align-items:center;gap:16px;font-size:12px;display:flex}.project-card-meta span{align-items:center;gap:4px;display:flex}.project-delete-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;opacity:0;background:#0009;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.project-card:hover .project-delete-btn{opacity:1}.project-delete-btn:hover{color:var(--danger);background:#ef44444d}.project-delete-btn.confirm{opacity:1;background:var(--danger);color:#fff;animation:.5s ease-in-out infinite alternate pulse}.project-card-actions{opacity:0;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.project-card:hover .project-card-actions{opacity:1}.project-card-actions .project-delete-btn,.project-card-actions .project-edit-btn{opacity:1;position:static}.project-edit-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#0009;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.project-edit-btn:hover{color:var(--primary);background:#8b5cf64d}.project-edit-name{align-items:center;gap:6px;display:flex}.project-name-input{background:var(--bg-secondary);border:1px solid var(--primary);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:14px;font-weight:500}.edit-save-btn,.edit-cancel-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.edit-save-btn{background:var(--success);color:#fff}.edit-save-btn:hover{background:#22c55e}.edit-cancel-btn{color:var(--text-muted);background:#ffffff1a}.edit-cancel-btn:hover{color:var(--text-primary);background:#fff3}@keyframes pulse{50%{opacity:.5}}@media(max-width:768px){.project-browser-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.project-browser-logo h1{font-size:18px}.project-browser-user{flex-wrap:wrap;justify-content:flex-end;gap:8px}.storage-indicator{padding:4px 8px;font-size:10px}.browser-language-select{display:none}.project-browser-content{max-width:100%;padding:16px}.project-browser-title{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.project-browser-title h2{font-size:22px}.project-browser-title-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:4px;overflow-x:auto}.project-browser-title-actions::-webkit-scrollbar{display:none}.create-project-btn{white-space:nowrap;padding:10px 16px;font-size:12px}.projects-grid{grid-template-columns:1fr;gap:16px}.project-card{padding:16px}.no-projects{padding:40px 20px}}.text-preset-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.text-preset-picker{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:600px;max-width:90vw;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000080}.text-preset-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.text-preset-header h2{color:#fff;font-size:18px;font-weight:600}.text-preset-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.text-preset-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.effect-search-bar{background:var(--bg-tertiary);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 24px;display:flex}.effect-search-icon{color:var(--text-muted);flex-shrink:0}.effect-search-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.effect-search-input::placeholder{color:var(--text-muted)}.effect-search-input:focus{border-color:var(--accent)}.effect-search-clear{background:var(--bg-secondary);width:24px;height:24px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.effect-search-clear:hover{background:var(--accent);color:#fff}.effect-no-results{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px 20px;font-size:14px}.text-preset-categories{border-bottom:1px solid var(--border);gap:8px;padding:16px 24px;display:flex;overflow-x:auto}.text-preset-cat{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .15s;display:flex}.text-preset-cat:hover{background:var(--bg-hover);color:var(--text-primary)}.text-preset-cat.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.cat-icon{font-size:14px}.text-preset-grid{flex-wrap:wrap;flex:1;place-content:flex-start center;gap:12px;padding:24px;display:flex;overflow-y:auto}.text-preset-item{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:16px 20px;transition:all .2s;display:flex}.text-preset-item:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.text-preset-preview{text-align:center;justify-content:center;align-items:center;min-height:36px;font-size:28px;font-weight:700;line-height:1.2;display:flex}.text-preset-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.text-preset-footer{border-top:1px solid var(--border);justify-content:center;padding:16px 24px;display:flex}.text-preset-default{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 24px;font-size:13px;transition:all .15s}.text-preset-default:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:640px){.text-preset-picker{width:95vw;max-height:90vh}.text-preset-grid{padding:16px}.text-preset-item{min-width:100px;padding:12px 16px}.text-preset-preview{font-size:22px}}.canvas-wrapper{flex:1;position:relative;overflow:hidden}.ruler{background:var(--bg-secondary);z-index:10;border:1px solid var(--border);pointer-events:none;position:absolute}.ruler-horizontal{border-top:none;border-right:none;height:32px;top:0;left:32px;right:0;overflow:hidden}.ruler-vertical{border-bottom:none;border-left:none;width:32px;top:32px;bottom:0;left:0;overflow:hidden}.ruler-corner{background:var(--bg-secondary);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:11;pointer-events:none;width:32px;height:32px;position:absolute;top:0;left:0}.canvas-with-rulers{flex-direction:column;flex:1 0 auto;margin:auto;display:flex;position:relative;overflow:visible}.canvas-container{flex:1;justify-content:flex-start;align-items:flex-start;margin-top:32px;margin-left:32px;padding:40px;display:flex;overflow:visible}.canvas-container>div{margin:auto}.ruler-tick{flex-direction:column;align-items:center;display:flex;position:absolute}.ruler-tick.h-tick{flex-direction:column;bottom:0}.ruler-tick.h-tick .tick-line{background:var(--text-muted);width:1px}.ruler-tick.h-tick .tick-line.major-line{height:12px}.ruler-tick.h-tick .tick-line.minor-line{height:6px}.ruler-tick.h-tick .ruler-label{color:var(--text-secondary);margin-bottom:2px;font-size:10px;transform:translate(-50%)}.ruler-tick.v-tick{flex-direction:row;align-items:center;right:0}.ruler-tick.v-tick .tick-line{background:var(--text-muted);height:1px}.ruler-tick.v-tick .tick-line.major-line{width:12px}.ruler-tick.v-tick .tick-line.minor-line{width:6px}.ruler-tick.v-tick .ruler-label{color:var(--text-secondary);writing-mode:vertical-lr;margin-right:2px;font-size:10px;transform:rotate(180deg)translateY(-50%)}.alignment-guide{pointer-events:none;z-index:100;position:absolute}.alignment-guide.vertical{width:1px}.alignment-guide.horizontal{height:1px}.alignment-guide.center-guide{background:#ff3b30cc;box-shadow:0 0 8px #ff3b3080}.alignment-guide.element-guide{background:repeating-linear-gradient(90deg,#ff9500b3,#ff9500b3 4px,#0000 4px 8px)}.alignment-guide.element-guide.vertical{background:repeating-linear-gradient(#ff9500b3,#ff9500b3 4px,#0000 4px 8px)}.alignment-guide.edge-guide{background:repeating-linear-gradient(90deg,#34c75999,#34c75999 2px,#0000 2px 6px)}.alignment-guide.edge-guide.vertical{background:repeating-linear-gradient(#34c75999,#34c75999 2px,#0000 2px 6px)}.effect-preset-item{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:100px;padding:12px;transition:all .2s;display:flex}.effect-preset-item:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-2px)}.effect-preview{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.effect-shape-preview{font-size:28px}.effect-asset-preview{object-fit:contain;width:100%;height:100%;padding:8px}.effect-shape-css{border-style:solid;border-width:2px;width:40px;height:40px}.effect-shape-circle,.effect-shape-circle-outline,.effect-shape-filled-circle{border-radius:50%}.effect-shape-rectangle,.effect-shape-rectangle-outline,.effect-shape-square,.effect-shape-rounded-rectangle,.effect-shape-gradient-rectangle{border-radius:4px}.effect-shape-rounded-rectangle{border-radius:12px}.effect-shape-line,.effect-shape-horizontal-line,.effect-shape-gradient-line{border-radius:2px;width:40px;height:4px}.effect-shape-star,.effect-shape-star-outline,.effect-shape-filled-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.effect-shape-triangle,.effect-shape-triangle-outline,.effect-shape-filled-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.effect-shape-hexagon,.effect-shape-hexagon-outline,.effect-shape-filled-hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.effect-shape-arrow,.effect-shape-arrow-right{clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}.landing-page{color:#fff;background:linear-gradient(#0a0a14,#1a1a2e);min-height:100vh;position:relative;overflow-x:hidden}.landing-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(80px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#667eea66,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-200px;right:-100px}.orb-2{background:radial-gradient(circle,#764ba266,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:20%;left:-150px}.orb-3{background:radial-gradient(circle,#f093fb4d,#0000 70%);width:400px;height:400px;animation-delay:-14s;top:50%;right:20%}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a14cc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 60px;display:flex;position:fixed;top:0;left:0;right:0}.landing-logo{color:var(--accent);cursor:pointer;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.landing-nav{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.nav-login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.nav-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.landing-language-select{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.landing-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.landing-select:hover{border-color:var(--accent);background:#ffffff1a}.landing-select:focus{border-color:var(--accent);outline:none}.landing-select option{background:var(--bg-secondary);color:#fff}.landing-hero{z-index:1;padding:140px 60px 80px;position:relative}.hero-content{justify-content:space-between;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.hero-text{text-align:left;flex:1}.hero-visual{flex:1;justify-content:center;display:flex;position:relative}.preview-canvas{background:linear-gradient(160deg,#667eea,#764ba2,#f093fb);border-radius:24px;width:320px;height:480px;animation:6s ease-in-out infinite canvasFloat;position:relative;overflow:hidden;box-shadow:0 50px 100px #0006,0 0 0 1px #ffffff1a}.canvas-bg{background:radial-gradient(circle at 30% 20%,#ffffff26,#0000 50%);position:absolute;inset:0}.canvas-headline{text-align:center;z-index:5;position:absolute;top:40px;left:0;right:0}.headline-text{color:#fff;font-size:32px;font-weight:800;display:block}.headline-text.neon-glow{text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 40px #0ff6}.headline-sub{color:#ffffffd9;margin-top:4px;font-size:20px;font-weight:500;display:block}.canvas-phone{background:linear-gradient(135deg,#1a1a2e,#2d2d4a);border-radius:24px;width:140px;height:280px;padding:6px;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0006}.mini-notch{z-index:10;background:#0a0a14;border-radius:0 0 10px 10px;width:50px;height:12px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.mini-screen{background:linear-gradient(135deg,#1f1f2e,#2a2a3e);border-radius:18px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mini-content{text-align:center}.mini-icon{margin-bottom:8px;font-size:36px}.mini-app-name{color:#ffffffb3;font-size:12px;font-weight:500}@keyframes canvasFloat{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translateY(-12px)rotate(-1deg)}}.phone-mockup{background:linear-gradient(135deg,#1a1a2e,#2d2d4a);border-radius:40px;width:280px;height:580px;padding:12px;animation:6s ease-in-out infinite phoneFloat;position:relative;box-shadow:0 50px 100px #00000080,0 0 0 1px #ffffff1a,inset 0 0 20px #ffffff0d}.phone-notch{z-index:10;background:#0a0a14;border-radius:0 0 20px 20px;width:120px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(160deg,#667eea,#764ba2,#f093fb);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.screen-gradient{background:radial-gradient(circle at 30% 20%,#fff3,#0000 50%);position:absolute;inset:0}.screen-text{z-index:1;text-align:center;position:relative}.neon-text{color:#fff;text-shadow:0 0 10px #f0fc,0 0 20px #f0f9,0 0 40px #f0f6;margin-bottom:8px;font-size:36px;font-weight:800;display:block}.sub-text{color:#fffc;font-size:18px;font-weight:500}@keyframes phoneFloat{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-15px)rotate(-1deg)}}.floating-elements{pointer-events:none;position:absolute;inset:0}.float-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;animation:4s ease-in-out infinite cardFloat;display:flex;position:absolute}.card-1{animation-delay:0s;top:60px;right:-40px}.card-2{animation-delay:-1.3s;bottom:120px;left:-60px}.card-3{animation-delay:-2.6s;bottom:40px;right:-30px}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-stats{border-top:1px solid #ffffff1a;gap:32px;margin-top:40px;padding-top:32px;display:flex}.stat{flex-direction:column;display:flex}.stat-number{color:var(--accent);font-size:28px;font-weight:700}.device-showcase{margin-top:24px}.device-showcase-tags{flex-wrap:wrap;gap:10px;display:flex}.device-tag{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.device-tag:hover{color:var(--text-primary);background:#6366f126;border-color:#6366f14d;transform:translateY(-2px)}.device-tag-icon{font-size:16px}.device-tag-count{color:var(--accent);background:#6366f133;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.device-tag.custom{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#8b5cf64d}.device-tag.custom .device-tag-count{background:linear-gradient(135deg,#6366f14d,#8b5cf64d)}.hero-badge{color:var(--accent);background:#667eea26;border:1px solid #667eea4d;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;display:inline-flex}.landing-hero h1{letter-spacing:-2px;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text}.landing-hero p{color:var(--text-secondary);margin-bottom:40px;font-size:20px;line-height:1.6}.hero-buttons{gap:16px;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.hero-btn.primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea80}.hero-btn.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.hero-btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.landing-features{padding:100px 60px}.features-header{text-align:center;margin-bottom:60px}.features-header h2{margin-bottom:16px;font-size:40px;font-weight:700}.features-header p{color:var(--text-secondary);font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--accent);background:#ffffff0f;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;color:var(--accent);background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card h3{margin-bottom:8px;font-size:18px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.landing-library{z-index:1;padding:80px 60px;position:relative}.library-header{text-align:center;margin-bottom:50px}.library-header h2{margin:16px 0 12px;font-size:36px;font-weight:700}.library-header p{color:var(--text-secondary);font-size:18px}.library-grid{grid-template-columns:repeat(2,1fr);gap:30px;max-width:900px;margin:0 auto;display:grid}.library-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:30px;transition:all .3s}.library-card:hover{border-color:var(--accent);transform:translateY(-4px)}.library-card-header{color:var(--accent);align-items:center;gap:12px;margin-bottom:24px;display:flex}.library-card-header h3{color:var(--text-primary);font-size:20px;font-weight:600}.library-examples{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.lib-text{background:#0000004d;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600}.lib-text.neon-pink{color:#f0f;text-shadow:0 0 10px #f0fc}.lib-text.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.lib-text.glow-cyan{color:#0ff;text-shadow:0 0 10px #0ffc}.lib-text.shadow-text{color:#fff;text-shadow:3px 3px 6px #00000080}.lib-text.outline-text{color:#0000;-webkit-text-stroke:1px #fff}.lib-text.retro-text{color:#fc0;text-shadow:2px 2px #f60}.effect-examples{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lib-effect{border-radius:8px;width:100%;height:50px}.lib-effect.gradient-overlay{background:linear-gradient(135deg,#667eea,#764ba2)}.lib-effect.glow-effect{background:radial-gradient(circle,#0ff6,#0000 70%);border:1px solid #00ffff4d}.lib-effect.vignette-effect{background:radial-gradient(circle,#0000 30%,#000c);border:1px solid #ffffff1a}.lib-effect.shape-circle{background:0 0;border:2px solid #ffffff80;border-radius:50%;width:50px;height:50px;margin:0 auto}.lib-effect.shape-line{background:linear-gradient(90deg,#0000,#fff,#0000);height:2px;margin-top:24px}.lib-effect.blur-effect{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a}.library-count{color:var(--accent);margin:0;font-size:13px;font-weight:500}.brand-showcase{margin-bottom:40px;overflow:hidden}.brand-row{flex-wrap:wrap;justify-content:center;gap:24px;animation:.8s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-tag{cursor:default;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.brand-tag:hover{background:#ffffff1a;border-color:currentColor;transform:translateY(-3px)}.library-categories{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.library-categories span{color:var(--accent);background:#8b5cf633;border-radius:12px;padding:4px 10px;font-size:11px}.landing-showcase{z-index:1;padding:100px 60px;position:relative}.showcase-header{text-align:center;margin-bottom:60px}.showcase-header h2{margin-bottom:16px;font-size:40px;font-weight:700}.showcase-header p{color:var(--text-secondary);font-size:18px}.showcase-grid{flex-wrap:wrap;justify-content:center;gap:40px;padding-bottom:50px;display:flex}.showcase-card{width:260px;transition:all .3s;position:relative}.showcase-card:hover{transform:translateY(-10px)}.showcase-canvas{border-radius:20px;flex-direction:column;align-items:center;width:100%;height:380px;padding-top:30px;display:flex;position:relative;overflow:hidden}.showcase-card.gaming .showcase-canvas{background:linear-gradient(160deg,#1a0a2e,#3d1a5c,#6d2b7c)}.showcase-card.minimal .showcase-canvas{background:linear-gradient(#1a1a2e,#0d0d14)}.showcase-card.neon .showcase-canvas{background:linear-gradient(135deg,#0a0a14,#1a1a2e)}.sc-headline{text-align:center;z-index:5;margin-bottom:16px;font-size:22px;font-weight:700}.gaming-text{color:#ff6b35;text-shadow:0 0 15px #ff6b3599}.minimal-text{color:#fff;letter-spacing:2px;font-weight:400}.neon-text-glow{color:#0ff;text-shadow:0 0 10px #0ffc,0 0 30px #00ffff80}.sc-phone{background:linear-gradient(135deg,#1e1e2e,#2d2d4a);border-radius:16px;width:100px;height:200px;padding:4px;box-shadow:0 15px 40px #0006}.sc-screen{border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.gaming-screen{background:linear-gradient(135deg,#2a1a3e,#1a1a2e)}.minimal-screen{background:#1a1a2e}.neon-screen{box-shadow:inset 0 0 20px #00ffff1a}.showcase-card.fitness .showcase-canvas{background:linear-gradient(160deg,#1a2f4a,#0f3460,#16a085)}.fitness-text{color:#4ade80;text-shadow:0 0 20px #4ade8080;line-height:1.2}.fitness-screen{background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;gap:10px;padding:10px}.sc-stats{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.sc-stat-circle{border:4px solid #4ade80;border-top-color:#0000;border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin}.sc-stat-bars{background:linear-gradient(90deg,#4ade80 0% 60%,#334155 60%);border-radius:4px;width:80%;height:20px}.showcase-card.gaming-new .showcase-canvas{background:linear-gradient(160deg,#0f0c29,#302b63,#24243e)}.gaming-neon-text{color:#f0f;letter-spacing:4px;text-shadow:0 0 10px #f0f,0 0 30px #f0f,0 0 50px #f0f;font-size:28px}.neon-sub{color:#0ff;text-shadow:0 0 10px #0ff}.gaming-new-screen{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:2px solid #ff00ff4d}.sc-game-icon{filter:drop-shadow(0 0 10px #ff00ff80);font-size:36px}.sc-star-rating{color:gold;text-shadow:0 0 10px #ffd70080;font-size:12px;font-weight:600;position:absolute;bottom:15px}.showcase-card.social .showcase-canvas{background:linear-gradient(160deg,#1e3a5f,#3b5998,#8b5cf6)}.social-text{color:#fff;text-shadow:0 4px 20px #0000004d;line-height:1.2}.social-screen{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:10px}.sc-chat-bubbles{flex-direction:column;gap:6px;width:100%;display:flex}.sc-bubble{border-radius:10px;height:14px}.sc-bubble.left{background:linear-gradient(90deg,#3b82f6,#8b5cf6);width:60%;margin-right:auto}.sc-bubble.right{background:#e2e8f0;width:50%;margin-left:auto}.showcase-card.music .showcase-canvas{background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460)}.music-text{color:#f472b6;text-shadow:0 0 20px #f472b680;line-height:1.2}.music-screen{background:linear-gradient(135deg,#1e1e2e,#2d2d4a);flex-direction:column;gap:8px;padding:10px}.sc-album-art{background:linear-gradient(135deg,#f472b6,#8b5cf6);border-radius:8px;width:50px;height:50px;box-shadow:0 4px 15px #f472b666}.sc-player-controls{color:#fff;gap:12px;font-size:10px;display:flex}.sc-subheadline{color:#ffffffb3;text-align:center;margin-bottom:12px;font-size:11px}.sc-notch{background:#000;border-radius:3px;width:40px;height:6px;margin:4px auto 0}.sc-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:12px;padding:4px 10px;font-size:10px;position:absolute;bottom:15px}.showcase-grid{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.showcase-label{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:14px;font-weight:600}.landing-steps{z-index:1;padding:100px 60px;position:relative}.steps-header{text-align:center;margin-bottom:60px}.steps-header h2{margin-bottom:16px;font-size:40px;font-weight:700}.steps-header p{color:var(--text-secondary);font-size:18px}.steps-grid{justify-content:center;gap:40px;max-width:1000px;margin:0 auto;display:flex}.step-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex:1;padding:40px 24px;transition:all .3s;position:relative}.step-card:hover{background:#ffffff0f;transform:translateY(-5px)}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.step-icon{width:64px;height:64px;color:var(--accent);background:#667eea26;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.step-card h3{margin-bottom:8px;font-size:18px;font-weight:600}.step-card p{color:var(--text-secondary);font-size:14px}.features-badge{color:var(--accent);background:#667eea26;border:1px solid #667eea4d;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:13px;display:inline-flex}.landing-premium{text-align:center;z-index:1;padding:100px 60px;position:relative}.premium-header h2{color:var(--text-primary);margin:0 0 12px;font-size:40px;font-weight:700}.premium-header p{color:var(--text-secondary);margin:0 0 48px;font-size:18px}.premium-badge{color:gold!important;background:0 0!important;border-color:#0000!important}.premium-plans{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:32px;display:flex}.plan-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:left;border-radius:16px;width:300px;padding:32px;transition:all .3s;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.plan-card.featured{background:linear-gradient(135deg,#a855f726,#3b82f626);border-color:#a855f7;box-shadow:0 0 30px #a855f726}.plan-popular{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#a855f7,#3b82f6);border-radius:20px;padding:4px 16px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-trial-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.plan-header{margin-bottom:24px}.plan-header h3{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:600}.plan-price{align-items:baseline;gap:4px;display:flex}.plan-price .price{color:var(--text-primary);font-size:48px;font-weight:700}.plan-price .period{color:var(--text-muted);font-size:14px}.plan-features{margin:0 0 24px;padding:0;list-style:none}.plan-features li{color:var(--text-secondary);border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:14px}.plan-features li:last-child{border-bottom:none}.plan-features li.disabled{color:var(--text-muted);opacity:.6}.plan-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s}.plan-btn.free{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.plan-btn.free:hover{background:var(--bg-hover)}.plan-btn.pro{background:var(--gradient-accent);color:#fff}.plan-btn.pro:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.premium-note{color:var(--text-muted);font-size:14px;font-style:italic}.landing-cta{text-align:center;z-index:1;background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:100px 60px;position:relative}.cta-content{max-width:600px;margin:0 auto}.landing-cta p{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.landing-cta h2{margin-bottom:32px;font-size:36px;font-weight:700}.cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 40px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea80}.landing-footer{background:#0000004d;border-top:1px solid #ffffff0d;padding:60px}.footer-content{justify-content:space-between;max-width:1200px;margin:0 auto 40px;display:flex}.footer-brand{max-width:300px}.footer-logo{color:var(--accent);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.footer-brand p{color:var(--text-muted);font-size:14px}.footer-links{gap:80px;display:flex}.footer-col h4{color:var(--text-secondary);margin-bottom:16px;font-size:14px;font-weight:600}.footer-col a{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.footer-col a:hover{color:var(--accent)}.footer-bottom{text-align:center;border-top:1px solid #ffffff0d;padding-top:40px}.footer-bottom p{color:var(--text-muted);font-size:14px}.back-to-top-btn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;animation:.3s fadeInUp;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 4px 20px #667eea66}.back-to-top-btn:hover{transform:translateY(-4px);box-shadow:0 8px 30px #667eea99}.back-to-top-btn:active{transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-page{color:#fff;background:linear-gradient(#0a0a14,#1a1a2e);min-height:100vh}.nav-back-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.nav-back-btn:hover{background:var(--bg-hover);color:#fff}.contact-content{max-width:800px;margin:0 auto;padding:140px 40px 80px}.contact-header{text-align:center;margin-bottom:60px}.contact-header h1{margin-bottom:16px;font-size:48px;font-weight:700}.contact-header p{color:var(--text-secondary);font-size:18px}.contact-cards{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:60px;display:grid}.contact-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:32px}.contact-icon{width:56px;height:56px;color:var(--accent);background:#667eea26;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.contact-card h3{margin-bottom:8px;font-size:18px;font-weight:600}.contact-card p{color:var(--text-secondary);font-size:14px}.contact-form-section h2{text-align:center;margin-bottom:24px;font-size:28px;font-weight:600}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-field input,.form-field textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:14px 16px;font-size:15px}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);outline:none}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;padding:16px 32px;font-size:15px;font-weight:600;transition:all .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.landing-footer.compact{text-align:center;padding:24px}.landing-footer.compact p{margin:0}@media(max-width:768px){.landing-header{padding:16px 20px}.landing-nav{gap:12px}.nav-link,.landing-language-select{display:none}.nav-login-btn{padding:8px 16px;font-size:13px}.landing-hero{padding:120px 24px 60px}.landing-hero h1{font-size:36px}.hero-visual{display:none}.hero-content{text-align:center;max-width:100%}.hero-buttons,.hero-stats,.device-tags{justify-content:center}.features-grid,.form-row,.contact-cards{grid-template-columns:1fr}}.canvas-grid-view{background:var(--bg-primary);flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.canvas-area:has(.canvas-grid-view){justify-content:flex-start;align-items:stretch;padding:0}.canvas-grid-header{z-index:10;background:var(--bg-primary);border-bottom:1px solid var(--border);margin:0;padding:16px 32px 12px;position:sticky;top:0}.canvas-grid-header h3{color:var(--text-secondary);margin:0;font-size:16px;font-weight:600}.canvas-grid-container{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:min-content;align-content:start;gap:24px;width:100%;padding:16px 32px 32px;display:grid;overflow-y:auto}.canvas-grid-item{background:var(--bg-secondary);border:2px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex;overflow:hidden}.canvas-grid-item:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.canvas-grid-item.active{border-color:var(--accent);background:#8b5cf61a;box-shadow:0 0 20px #8b5cf64d}.canvas-grid-thumbnail{background:var(--bg-tertiary);border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex;overflow:hidden}.canvas-grid-thumbnail canvas{border-radius:8px}.canvas-grid-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:500;overflow:hidden}@media(min-width:1600px){.canvas-grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.canvas-grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.canvas-grid-item{padding:12px}}.loading-spinner-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #667eea33;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.profile-page{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);min-height:100vh}.profile-header{border-bottom:1px solid var(--border);background:#0003;align-items:center;gap:20px;padding:20px 40px;display:flex}.profile-header h1{color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.profile-content{max-width:600px;margin:0 auto;padding:40px 20px}.profile-section{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;margin-bottom:20px;padding:20px}.profile-section.user-card{align-items:center;gap:20px;display:flex}.user-avatar{background:linear-gradient(135deg,var(--accent)0%,var(--accent-hover)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.user-info h2{color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:600}.user-info p{color:var(--text-secondary);margin:0;font-size:14px}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:12px;font-weight:600}.settings-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.settings-item:last-child{border-bottom:none}.settings-icon{width:36px;height:36px;color:var(--accent);background:#667eea26;border-radius:10px;justify-content:center;align-items:center;display:flex}.settings-content{flex-direction:column;flex:1;gap:2px;display:flex}.settings-label{color:var(--text-primary);font-size:14px;font-weight:500}.settings-value{color:var(--text-secondary);font-size:12px}.settings-select{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;max-width:200px;padding:6px 10px;font-size:12px}.settings-select:focus{border-color:var(--accent);outline:none}.settings-arrow{color:var(--text-secondary)}.logout-button{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.logout-button:hover{background:#ef444440}.luna-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.luna-logo.clickable{cursor:pointer;transition:transform .2s,opacity .2s}.luna-logo.clickable:hover{transform:scale(1.02)}.luna-logo.clickable:active{transform:scale(.98)}.luna-logo-icon{background:linear-gradient(135deg,var(--accent)0%,#a78bfa 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;box-shadow:0 4px 15px #667eea66}.luna-logo-small .luna-logo-icon{border-radius:8px;padding:6px}.luna-logo-large .luna-logo-icon{border-radius:16px;padding:12px}.luna-logo-text{-webkit-text-fill-color:transparent;letter-spacing:.5px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;font-weight:700}.luna-logo-beta{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:4px;align-self:flex-start;margin-top:2px;margin-left:-4px;padding:2px 6px;font-size:10px;font-weight:600}.admin-dashboard{background:var(--bg-primary);min-height:100vh}.admin-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.admin-header-left{align-items:center;gap:16px;display:flex}.admin-badge{background:linear-gradient(135deg,var(--accent)0%,#a78bfa 100%);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.admin-header-right{align-items:center;gap:16px;display:flex}.admin-user{color:var(--text-secondary);font-size:14px}.admin-content{max-width:1200px;margin:0 auto;padding:40px 24px}.admin-welcome{margin-bottom:40px}.admin-welcome h1{color:var(--text-primary);margin:0 0 8px;font-size:32px;font-weight:700}.admin-welcome p{color:var(--text-secondary);margin:0;font-size:16px}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.stat-value{background:linear-gradient(135deg,var(--accent)0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:14px}.admin-sections{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.admin-section-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#ffffff08;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.admin-section-card:hover{border-color:var(--accent);background:#ffffff0f;transform:translateY(-2px)}.section-icon{width:48px;height:48px;color:var(--accent);background:#667eea26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.section-info{flex:1}.section-info h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.section-info p{color:var(--text-secondary);margin:0;font-size:13px}.section-count{color:var(--text-secondary);background:#ffffff0d;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:600}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:16px;min-width:400px;max-width:500px;padding:24px;box-shadow:0 20px 50px #0006}.modal-content h3{color:var(--text-primary);margin:0 0 20px;font-size:18px;font-weight:600}.modal-field{margin-bottom:20px}.modal-field label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;display:block}.modal-field input{background:var(--bg-primary);width:100%;color:var(--text-primary);border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.modal-field input:focus{border-color:var(--primary)}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-btn{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.modal-btn.secondary{color:var(--text-secondary);background:0 0;border:1px solid #fff3}.modal-btn.secondary:hover{color:var(--text-primary);background:#ffffff0d}.modal-btn.primary{background:var(--primary);color:#fff;border:none}.modal-btn.primary:hover{background:var(--primary-hover)}.snow-container{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.snowflake{color:#fffc;text-shadow:0 0 5px #ffffff80;will-change:transform;font-size:14px;animation:linear infinite snowfall;position:absolute;top:-10px}.snowflake:first-child{opacity:.6;font-size:10px;animation-duration:12s;animation-delay:0s;left:5%}.snowflake:nth-child(2){opacity:.8;font-size:16px;animation-duration:14s;animation-delay:1s;left:15%}.snowflake:nth-child(3){opacity:.5;font-size:12px;animation-duration:11s;animation-delay:2s;left:25%}.snowflake:nth-child(4){opacity:.7;font-size:14px;animation-duration:15s;animation-delay:.5s;left:35%}.snowflake:nth-child(5){opacity:.9;font-size:18px;animation-duration:13s;animation-delay:3s;left:45%}.snowflake:nth-child(6){opacity:.6;font-size:10px;animation-duration:10s;animation-delay:1.5s;left:55%}.snowflake:nth-child(7){opacity:.8;font-size:14px;animation-duration:16s;animation-delay:2.5s;left:65%}.snowflake:nth-child(8){opacity:.5;font-size:12px;animation-duration:12s;animation-delay:.8s;left:75%}.snowflake:nth-child(9){opacity:.7;font-size:16px;animation-duration:14s;animation-delay:4s;left:85%}.snowflake:nth-child(10){opacity:.6;font-size:10px;animation-duration:11s;animation-delay:1.2s;left:95%}.snowflake:nth-child(11){opacity:.7;font-size:14px;animation-duration:13s;animation-delay:3.5s;left:10%}.snowflake:nth-child(12){opacity:.6;font-size:12px;animation-duration:15s;animation-delay:2.2s;left:30%}.snowflake:nth-child(13){opacity:.8;font-size:16px;animation-duration:12s;animation-delay:4.5s;left:50%}.snowflake:nth-child(14){opacity:.5;font-size:10px;animation-duration:14s;animation-delay:1.8s;left:70%}.snowflake:nth-child(15){opacity:.7;font-size:14px;animation-duration:16s;animation-delay:3.2s;left:90%}@keyframes snowfall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:.3;transform:translateY(100vh)rotate(360deg)}}@media(prefers-reduced-motion:reduce){.snowflake{animation:none;display:none}}.admin-page{background:var(--bg-primary);min-height:100vh}.admin-loading{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.admin-loading .spin{animation:1s linear infinite spin}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-search{background:var(--bg-secondary);border:1px solid var(--border);min-width:200px;max-width:400px;color:var(--text-primary);border-radius:10px;flex:1;padding:12px 16px;font-size:14px}.admin-search:focus{border-color:var(--accent);outline:none}.admin-search::placeholder{color:var(--text-muted)}.result-count{color:var(--text-secondary);font-size:14px}.admin-table-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;padding:16px 20px}.admin-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);background:#0000004d;font-size:12px;font-weight:600}.admin-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0d;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.last-active-cell{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.last-active-cell svg{color:var(--accent);opacity:.7}.project-name,.user-cell{align-items:center;gap:8px;display:flex}.device-badge{color:var(--text-secondary);background:#667eea1a;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.role-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.role-badge.admin{color:#fbbf24;background:#f59e0b26}.role-badge.user{color:var(--text-secondary);background:#667eea1a}.role-badge.kurucu,.role-badge.founder-badge{color:#ef4444;background:linear-gradient(135deg,#dc262633,#ef444426);border:1px solid #ef44444d;align-items:center;gap:4px;display:inline-flex}.role-badge.kurucu svg,.role-badge.founder-badge svg{color:#fbbf24}.admin-table tr.founder-row td{background:#dc26260d}.admin-table tr.founder-row:hover td{background:#dc262614}.founder-icon{color:#fbbf24}.protected-badge{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.role-select{background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border:2px solid;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.role-select:hover{background:var(--bg-secondary)}.role-select:focus{outline:none}.role-select:disabled{opacity:.6;cursor:not-allowed}.role-badge.support{color:#3b82f6;background:#3b82f626}.role-badge.moderator{color:#8b5cf6;background:#8b5cf626}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.active{color:#22c55e;background:#22c55e26}.status-badge.inactive{color:#ef4444;background:#ef444426}.action-buttons{gap:8px;display:flex}.action-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn.view:hover{border-color:var(--accent);color:var(--accent)}.action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;margin-bottom:16px}.loading-placeholder{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.admin-toast{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border:1px solid var(--accent);z-index:9999;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;animation:.3s ease-out admin-toast-slide-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #667eea33}.admin-toast span{color:var(--text-primary);max-width:300px;font-size:14px;font-weight:500}.admin-toast .toast-close{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-toast .toast-close:hover{color:var(--text-primary);background:#ffffff1a}@keyframes admin-toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.settings-content{max-width:800px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px}.settings-section h2{color:var(--text-primary);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600;display:flex}.settings-section h2 svg{color:var(--accent)}.system-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:#667eea14;border:1px solid #667eea33;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.stat-card svg{color:var(--accent)}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-info .stat-value{color:var(--text-primary);-webkit-text-fill-color:unset;background:0 0;font-size:24px;font-weight:700}.stat-info .stat-label{color:var(--text-secondary);font-size:12px}.settings-list{flex-direction:column;gap:16px;display:flex}.setting-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding:12px 0;display:flex}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex-direction:column;flex:1;gap:2px;display:flex}.setting-label{color:var(--text-primary);font-size:14px;font-weight:500}.setting-description{color:var(--text-muted);font-size:12px}.setting-input{background:var(--bg-tertiary);border:1px solid var(--border);width:200px;color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:14px}.setting-input:focus{border-color:var(--accent);outline:none}.setting-input:disabled{opacity:.6;cursor:not-allowed}.setting-select{background:var(--bg-tertiary);border:1px solid var(--border);width:200px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:14px}.setting-select:disabled{opacity:.6;cursor:not-allowed}.setting-status{border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.setting-status.success{color:#22c55e;background:#22c55e1a}.setting-status.warning{color:#fbbf24;background:#f59e0b1a}.save-settings-row{border-top:1px solid var(--border);justify-content:flex-end;margin-top:8px;padding-top:12px}.save-settings-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.save-settings-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.save-settings-btn:disabled{opacity:.7;cursor:not-allowed}.toggle{width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(20px)}.danger-zone{border-color:#ef44444d}.danger-zone h2{color:#ef4444}.danger-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.danger-btn:hover:not(:disabled){background:#ef444440}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.profile-header-left{align-items:center;gap:16px;display:flex}.user-avatar{background:linear-gradient(135deg,var(--accent)0%,#a78bfa 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-edit-btn{background:var(--bg-secondary);border:2px solid var(--bg-primary);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:0;right:0}.avatar-edit-btn:hover{background:var(--accent);color:#fff}.user-name-row{align-items:center;gap:8px;display:flex}.edit-name-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.edit-name-btn:hover{color:var(--accent)}.user-email{color:var(--text-secondary);align-items:center;gap:6px;margin:4px 0 8px;font-size:14px;display:flex}.user-badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.badge-admin,.badge-kurucu{color:#fbbf24;background:#f59e0b26}.badge-user{color:var(--accent);background:#667eea1a}.badge-free{color:#9ca3af;background:#9ca3af26}.badge-pro{color:#22c55e;background:#22c55e26}.badge-enterprise{color:#a78bfa;background:#8b5cf626}.user-edit-form{flex-direction:column;gap:12px;width:100%;display:flex}.profile-input{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:16px}.profile-input:focus{border-color:var(--accent);outline:none}.user-edit-actions{gap:8px;display:flex}.save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.save-btn:hover:not(:disabled){background:var(--accent-hover)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.save-message{border-radius:8px;margin-top:12px;padding:10px 16px;font-size:13px}.save-message.success{color:#22c55e;background:#22c55e1a}.save-message.error{color:#ef4444;background:#ef44441a}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stats-grid .stat-item{text-align:center;background:#667eea14;border-radius:12px;flex-direction:column;align-items:center;padding:16px;display:flex}.stats-grid .stat-value{color:var(--accent);font-size:24px;font-weight:700}.stats-grid .stat-label{color:var(--text-secondary);margin-top:4px;font-size:12px}.settings-item.clickable{cursor:pointer;border:1px solid var(--border);border-radius:12px;margin-bottom:0;padding:16px;transition:all .2s}.settings-item.clickable:hover{border-color:var(--accent);background:#667eea0d}.settings-icon.admin{color:#fbbf24;background:#f59e0b26}.admin-filters{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.status-filter{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;min-width:150px;padding:10px 16px;font-size:14px}.status-filter:focus{border-color:var(--accent);outline:none}.tickets-list{flex-direction:column;gap:16px;display:flex}.ticket-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .2s}.ticket-card:hover{border-color:#667eea4d}.ticket-card.priority-high{border-left:4px solid #ef4444}.ticket-card.priority-medium{border-left:4px solid #f59e0b}.ticket-card.priority-low{border-left:4px solid #22c55e}.ticket-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.ticket-header h3{color:var(--text-primary);flex:1;margin:0;font-size:16px;font-weight:600}.ticket-status{text-transform:capitalize;color:var(--text-secondary);background:#ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.status-open{color:#f59e0b}.status-progress{color:#3b82f6}.status-resolved{color:#22c55e}.status-closed{color:var(--text-muted)}.ticket-description{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;margin:0 0 16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.ticket-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.category-badge{text-transform:uppercase;color:var(--accent);background:#667eea1a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.category-bug{color:#ef4444;background:#ef44441a}.category-feature{color:#22c55e;background:#22c55e1a}.category-support{color:#3b82f6;background:#3b82f61a}.category-feedback{color:#a78bfa;background:#8b5cf61a}.priority-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.priority-badge.priority-high{color:#ef4444;background:#ef444426}.priority-badge.priority-medium{color:#f59e0b;background:#f59e0b26}.priority-badge.priority-low{color:#22c55e;background:#22c55e26}.ticket-date{color:var(--text-muted);font-size:12px}.ticket-actions{border-top:1px solid var(--border);gap:12px;padding-top:12px;display:flex}.status-select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.status-select:focus{border-color:var(--accent);outline:none}.no-tickets{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-tickets svg{opacity:.5;margin-bottom:16px}.admin-loading-inline{justify-content:center;padding:40px;display:flex}.user-table-container{margin-top:20px}.user-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:300px;padding:10px 14px;display:flex}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-box input::placeholder,.search-box svg{color:var(--text-muted)}.role-filter{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}.role-filter:focus{border-color:var(--accent);outline:none}.theme-selector{margin-top:16px}.theme-selector-description{color:var(--text-muted);margin-bottom:12px;font-size:13px;display:block}.theme-selector-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-option{border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.theme-option:hover{border-color:var(--border);background:#ffffff0f}.theme-option.active{border-color:var(--accent);background:var(--accent-light)}.theme-option-preview{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.theme-option-accent{border-radius:50%;width:24px;height:24px}.theme-option-name{color:var(--text-secondary);font-size:12px;font-weight:500}.theme-option.active .theme-option-name{color:var(--accent)}.theme-option-check{color:var(--accent);position:absolute;top:6px;right:6px}@media(max-width:480px){.theme-selector-grid{grid-template-columns:repeat(2,1fr)}}.gallery-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.gallery-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.gallery-header-left{align-items:center;gap:16px;display:flex}.gallery-back-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.gallery-back-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.gallery-header-right{align-items:center;gap:16px;display:flex}.gallery-stats{border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0d;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.gallery-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:40px}.gallery-title-section{margin-bottom:32px}.gallery-title-section h1{margin-bottom:8px;font-size:28px;font-weight:700}.gallery-subtitle{color:var(--text-secondary);font-size:15px}.gallery-loading,.gallery-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.gallery-empty h3{color:var(--text-secondary);margin-top:16px;margin-bottom:8px;font-size:18px}.gallery-empty p{font-size:14px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.gallery-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;position:relative;overflow:hidden}.gallery-card:hover{border-color:var(--accent);transform:translateY(-2px)}.gallery-card-image{aspect-ratio:1;background:var(--bg-tertiary);overflow:hidden}.gallery-card-image img{object-fit:cover;width:100%;height:100%}.gallery-card-info{color:var(--text-secondary);justify-content:space-between;padding:10px 12px;font-size:12px;display:flex}.gallery-card-delete{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;opacity:0;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.gallery-card:hover .gallery-card-delete{opacity:1}.gallery-card-delete:hover{background:var(--danger);color:#fff}.delete-confirm-modal{text-align:center;max-width:400px}.delete-confirm-icon{width:64px;height:64px;color:var(--danger);background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.delete-confirm-modal h3{margin-bottom:12px;font-size:20px}.delete-confirm-modal p{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.delete-confirm-size{border-radius:var(--radius-sm);color:var(--success);background:#22c55e26;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-block}.gallery-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:800px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.gallery-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.gallery-modal-header h3{font-size:16px;font-weight:600}.gallery-modal-content{flex:1;padding:20px;overflow-y:auto}.gallery-modal-loading,.gallery-modal-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.gallery-modal-empty p{margin-top:12px;font-size:14px}.gallery-modal-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.gallery-modal-item{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;transition:all .2s;position:relative;overflow:hidden}.gallery-modal-item:hover{border-color:var(--text-muted)}.gallery-modal-item.selected{border-color:var(--accent)}.gallery-modal-item img{object-fit:cover;width:100%;height:100%}.gallery-modal-selected-badge{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.gallery-modal-item-size{color:#fff;text-align:center;background:#000000b3;padding:4px 8px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.gallery-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.gallery-nav-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.gallery-nav-btn:hover{background:var(--accent);border-color:var(--accent)}.project-browser-title-actions{gap:12px;display:flex}@media(max-width:768px){.app>.sidebar{z-index:1100;width:85vw;max-width:320px;transition:transform .3s;position:fixed;top:0;bottom:56px;left:0;transform:translate(-100%);box-shadow:4px 0 20px #0000004d}.app>.sidebar.visible{transform:translate(0)}.app>.properties-panel{z-index:1100;width:85vw;max-width:320px;transition:transform .3s;position:fixed;top:0;bottom:56px;right:0;transform:translate(100%);box-shadow:-4px 0 20px #0000004d}.app>.properties-panel.visible{transform:translate(0)}.app>.main-area{width:100vw;min-width:100vw}.toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:8px 12px;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}.toolbar-group{flex-wrap:nowrap;flex-shrink:0;gap:6px}.toolbar-action-boxes{flex-shrink:0;gap:6px}.toolbar-action-box{flex-shrink:0;padding:8px 12px;font-size:12px}.toolbar-action-box span{display:none}.toolbar-action-box svg{width:20px;height:20px}.toolbar-divider{display:none}.canvas-area{width:100%}.zoom-bar{z-index:100;background:var(--bg-secondary);border-radius:12px;position:fixed;bottom:70px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 4px 20px #0006}.toolbar-button span{display:none}.toolbar-button{flex-shrink:0;min-width:auto;padding:8px}.view-mode-buttons{margin-right:8px;padding:2px}.view-mode-btn{min-width:40px;padding:4px 6px}.view-mode-label{display:none}.canvas-tabs{gap:4px;padding:6px 10px}.canvas-tab{min-width:auto;padding:6px 10px;font-size:11px}.canvas-tab-name{text-overflow:ellipsis;max-width:60px;overflow:hidden}.canvas-with-rulers{transform-origin:0 0;margin:0;transform:scale(.65)}.canvas-container{margin-top:24px;margin-left:24px;padding:16px}.canvas-with-rulers .ruler-horizontal{height:24px;left:24px}.canvas-with-rulers .ruler-vertical{width:24px;top:24px}.canvas-with-rulers .ruler-corner{width:24px;height:24px}.canvas-area{-webkit-overflow-scrolling:touch;padding-bottom:140px;overflow:auto}.bottom-nav{display:flex!important}.all-in-mode{padding-bottom:140px}.all-in-container{flex-direction:column;align-items:center;gap:16px;padding:16px}.all-in-canvas-wrapper{transform-origin:top;padding-top:12px;padding-left:12px;transform:scale(.85)}.all-in-stage-container{margin-top:36px;margin-left:36px}.all-in-canvas-wrapper .ruler{z-index:5}.all-in-canvas-wrapper .ruler-horizontal{height:24px;left:24px}.all-in-canvas-wrapper .ruler-vertical{width:24px;top:24px}.all-in-canvas-wrapper .ruler-corner{width:24px;height:24px}.all-in-mode .zoom-bar{z-index:100;background:var(--bg-secondary);border-radius:12px;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.canvas-grid-view{padding-bottom:140px}.canvas-grid-header{padding:12px 16px 8px}.canvas-grid-header h3{font-size:14px}}.bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border);z-index:1000;height:56px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;padding:8px 12px;transition:all .2s;display:flex}.bottom-nav-btn:hover,.bottom-nav-btn:active{background:var(--bg-tertiary);color:var(--accent)}.bottom-nav-btn svg{width:20px;height:20px}.bottom-nav-btn span{font-size:10px;font-weight:500}.bottom-nav-btn.active{color:var(--accent);background:var(--accent-light)}.mobile-panel-backdrop{display:none}@media(max-width:768px){.mobile-panel-backdrop{z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;position:fixed;inset:0 0 56px}.login-page{padding:0}.login-nav-header{gap:8px;padding:12px 16px}.back-to-home-btn{padding:8px 12px;font-size:13px}.back-to-home-btn span{display:none}.login-language-select{padding:6px 8px}.login-language-select select{font-size:12px}.login-container{max-width:100%;padding:12px}.login-card{border-radius:20px;margin-top:60px;padding:28px 20px}.login-header{margin-bottom:24px}.login-header h1{font-size:24px}.login-header p{font-size:13px}.login-form{gap:12px}.login-field label{margin-bottom:4px;font-size:12px}.login-field input{border-radius:10px;padding:12px 14px 12px 40px;font-size:14px}.login-field svg{width:16px;height:16px;left:12px}.google-login-btn{border-radius:10px;padding:12px 16px;font-size:14px}.login-divider{margin:16px 0}.login-btn{border-radius:10px;padding:12px 20px;font-size:14px}.login-error,.login-success{padding:10px;font-size:12px}.login-card-footer{padding-top:12px}.login-card-footer p{font-size:12px}.forgot-password-link{padding:10px 0 0;font-size:12px}.login-footer{padding:12px}.login-footer p{font-size:11px}.orb-1{width:200px;height:200px;top:-50px;left:-50px}.orb-2{width:150px;height:150px;bottom:-30px;right:-30px}.orb-3{width:120px;height:120px}.captcha-container{transform-origin:50%;margin-bottom:16px}.captcha-container>div{transform-origin:50%;transform:scale(.9)}.captcha-label{margin-bottom:8px;font-size:12px}.waitlist-container{padding:4px 0}.waitlist-header{margin-bottom:16px}.waitlist-icon{width:28px;height:28px}.waitlist-header h3{font-size:18px}.waitlist-header p{font-size:13px}.waitlist-form{gap:12px}.waitlist-input{border-radius:10px;padding:12px 14px 12px 42px;font-size:14px}.waitlist-input-group .input-icon{width:18px;height:18px;left:14px}.waitlist-button{border-radius:10px;padding:12px 20px;font-size:14px}.waitlist-back{margin-top:12px;font-size:13px}.waitlist-error{font-size:12px}.waitlist-success{padding:24px 12px}.waitlist-success .success-icon{width:40px;height:40px}.waitlist-success h3{font-size:18px}.waitlist-success p{font-size:13px}.reset-success-icon{margin-bottom:12px}.reset-success-icon svg,.reset-error-icon svg{width:40px;height:40px}.reset-spinner-container{padding:16px}.password-requirements{margin-bottom:12px;padding:12px}.password-requirements p{margin-bottom:6px;font-size:12px}.password-requirements ul{gap:4px}.password-requirements li{font-size:11px}.export-dialog-overlay{padding-bottom:0;bottom:56px}.export-dialog{max-height:calc(100vh - 96px);overflow-y:auto}}@media(max-width:640px){.text-preset-overlay{z-index:2000;justify-content:flex-end;align-items:flex-end;padding:0;inset:0 0 56px}.text-preset-picker{border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:100%;height:auto;max-height:calc(100vh - 116px);margin:0;display:flex;position:relative}.text-preset-header{background:var(--bg-secondary);z-index:10;flex-shrink:0;padding:14px 16px;position:sticky;top:0}.text-preset-header h2{font-size:16px}.text-preset-categories{flex-shrink:0;gap:6px;padding:8px 12px}.text-preset-cat{padding:6px 10px;font-size:12px}.text-preset-grid{-webkit-overflow-scrolling:touch;flex:1;gap:10px;padding:12px;overflow-y:auto}.text-preset-footer{flex-shrink:0}.effect-search-bar{flex-shrink:0;padding:10px 16px}.effect-search-input{padding:8px 12px;font-size:14px}}@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}