*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.block{display:block}.inline{display:inline}.border{border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d12;--bg-warm:#150a12;--surface:#ffffff0a;--surface-2:#ffffff12;--border:#ffffff12;--border-hi:#ffffff21;--pink:#e91e8c;--pink-lo:#e91e8c2e;--pink-glow:#e91e8c73;--pink-soft:#ff6eb4;--text:#f5f0f3;--text-dim:#9c8a96;--text-mute:#5c4f58;--drawer-w:320px}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:13px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#e91e8c40;border-radius:2px}body:before{content:"";z-index:1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb-1{background:radial-gradient(circle,#e91e8c38 0%,#0000 70%);width:500px;height:500px;animation:14s ease-in-out infinite driftA;top:-160px;left:-160px}.orb-2{background:radial-gradient(circle,#7b1fa233 0%,#0000 70%);width:400px;height:400px;animation:18s ease-in-out infinite driftB;bottom:-120px;right:-120px}.orb-3{background:radial-gradient(circle,#c2185b1a 0%,#0000 70%);width:300px;height:300px;animation:22s ease-in-out infinite driftC;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes driftA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,80px)scale(1.1)}}@keyframes driftB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,-60px)scale(1.08)}}@keyframes driftC{0%,to{transform:translate(-50%,-50%)scale(1)}33%{transform:translate(-45%,-55%)scale(1.15)}66%{transform:translate(-55%,-45%)scale(.9)}}header{z-index:50;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#0d0d12bf;justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.3px;color:var(--text);align-items:center;gap:8px;font-family:Playfair Display,serif;font-size:17px;font-weight:700;display:flex}.logo-gem{background:linear-gradient(135deg, var(--pink), #7b1fa2);color:#fff;width:22px;height:22px;box-shadow:0 0 12px var(--pink-glow);border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-dim);border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.icon-btn:hover{background:var(--surface-2);border-color:var(--border-hi);color:var(--text)}.icon-btn.active{background:var(--pink-lo);color:var(--pink-soft);border-color:#e91e8c59}main{z-index:10;justify-content:center;align-items:center;padding-top:54px;transition:padding .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}main.presets-open,main.assets-open{padding-left:var(--drawer-w)}main.settings-open{padding-right:var(--drawer-w)}.canvas-wrap{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 20px 230px;display:flex}.canvas-frame{aspect-ratio:9/16;background:#0a0609;border:1px solid #e91e8c33;border-radius:20px;width:min(280px,38vh);transition:box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 24px 64px #000000b3,0 0 40px #e91e8c1f}.canvas-frame.active-glow{border-color:#e91e8c73;box-shadow:0 0 0 1px #e91e8c4d,0 24px 64px #000000b3,0 0 80px #e91e8c4d}.canvas-inner{text-align:center;background:linear-gradient(160deg,#120a10 0%,#0d0d12 60%,#100812 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;padding:32px 20px;display:flex}.canvas-replace-overlay{opacity:0;cursor:pointer;background:#00000073;border-radius:12px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.canvas-replace-overlay:hover{opacity:1}.canvas-replace-btn{color:#fff;letter-spacing:.02em;pointer-events:none;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600}.canvas-icon{background:linear-gradient(135deg,#e91e8c26 0%,#7b1fa226 100%);border:1px solid #e91e8c33;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:all .3s;display:flex}.canvas-heading{color:var(--text);font-family:Playfair Display,serif;font-size:15px;font-weight:700;line-height:1.4}.canvas-sub{color:var(--text-mute);font-size:11px;line-height:1.6}.canvas-shimmer{background:radial-gradient(at 50% 44%,#1e0b1a 0%,#0a0509 75%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.canvas-gen-halo{filter:blur(24px);background:radial-gradient(circle,#e91e8c2e 0%,#7b1fa21f 45%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:3s ease-in-out infinite haloBreath;position:absolute}.canvas-gen-ring-outer{border:1.5px solid #e91e8c;border-color:#e91e8c #e91e8c66 #e91e8c14 #7b1fa24d;border-radius:50%;width:160px;height:160px;animation:2.4s linear infinite spinCW;position:absolute;box-shadow:0 0 18px #e91e8c59,inset 0 0 12px #e91e8c14}.canvas-gen-ring-mid{border:1.5px solid #7b1fa2e6;border-color:#7b1fa2e6 #e91e8c80 #7b1fa226 #0000;border-radius:50%;width:118px;height:118px;animation:1.6s linear infinite spinCCW;position:absolute;box-shadow:0 0 12px #7b1fa24d}.canvas-gen-ring-inner{border:1px solid #ff6eb4d9;border-color:#ff6eb4d9 #e91e8c4d #0000 #ff6eb433;border-radius:50%;width:76px;height:76px;animation:1.1s linear infinite spinCW;position:absolute;box-shadow:0 0 10px #ff6eb440}.canvas-gen-core{filter:blur(5px);background:radial-gradient(circle at 38% 32%,#ffa0d2 0%,#e91e8ce6 40%,#7b1fa299 70%,#0000 100%);border-radius:50%;width:36px;height:36px;animation:2s ease-in-out infinite coreBreath;position:absolute}.canvas-shimmer-text{text-align:center;letter-spacing:3px;text-transform:uppercase;color:#e91e8cb3;text-shadow:0 0 16px #e91e8c80;font-size:10px;font-weight:600;animation:2s ease-in-out infinite pulseFade;position:absolute;bottom:32px;left:0;right:0}@keyframes spinCW{to{transform:rotate(360deg)}}@keyframes spinCCW{to{transform:rotate(-360deg)}}@keyframes coreBreath{0%,to{opacity:.65;filter:blur(4px);transform:scale(.7)}50%{opacity:1;filter:blur(9px);transform:scale(1.45)}}@keyframes haloBreath{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.18)}}@keyframes pulseFade{0%,to{opacity:.45}50%{opacity:1}}.canvas-done{text-align:center;background:linear-gradient(160deg,#1a0a16 0%,#120a10 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.done-emoji{font-size:48px}.done-title{color:var(--text);font-family:Playfair Display,serif;font-size:13px;font-weight:700}.done-actions{gap:8px;margin-top:4px;display:flex}.done-btn{cursor:pointer;border-radius:8px;padding:7px 14px;font-size:11px;font-weight:600;transition:all .15s}.done-dl{background:linear-gradient(135deg, var(--pink), #7b1fa2);color:#fff;border:none}.done-dl:hover{filter:brightness(1.1);transform:translateY(-1px)}.done-share{background:var(--surface);border:1px solid var(--border);color:var(--text-dim)}.done-share:hover{border-color:var(--border-hi);color:var(--text)}.preset-strip{border-bottom:1px solid var(--border);padding:10px 16px 0}.strip-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.strip-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.strip-label-dot{background:var(--pink);width:5px;height:5px;box-shadow:0 0 6px var(--pink-glow);border-radius:50%}.strip-see-all{color:var(--text-mute);cursor:pointer;letter-spacing:.2px;font-size:10px;font-weight:600;transition:color .15s}.strip-see-all:hover{color:var(--pink-soft)}.strip-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:center;gap:7px;padding-bottom:10px;display:flex;overflow-x:auto}.strip-scroll::-webkit-scrollbar{display:none}.strip-card{border:1px solid var(--border);cursor:pointer;background:var(--surface);transform-origin:bottom;border-radius:10px;flex-shrink:0;width:56px;transition:transform .25s cubic-bezier(.34,1.4,.64,1),border-color .2s,box-shadow .25s,opacity .2s,filter .2s;position:relative;overflow:hidden}.strip-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#0000 20%,#ffffff0e 50%,#0000 80%) 250% 0/250% 100%;transition:background-position linear;position:absolute;inset:0}.strip-card:hover:after{background-position:-150% 0;transition:background-position .5s cubic-bezier(.4,0,.2,1)}.strip-card:hover{border-color:#e91e8c80;transform:translateY(-6px)scale(1.04);box-shadow:0 10px 28px #0000008c,0 0 18px #e91e8c47}.strip-scroll:hover .strip-card:not(:hover):not(.chosen){opacity:.45;filter:brightness(.6)saturate(.7);transform:scale(.95)}.strip-card.chosen{border-color:#e91e8ca6;transform:translateY(-2px);box-shadow:0 0 0 1px #e91e8c40,0 0 16px #e91e8c4d,0 6px 18px #00000080}.strip-card.chosen:before{content:"✓";z-index:2;background:var(--pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:800;display:flex;position:absolute;top:4px;right:4px}@keyframes waveIn{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.05)}to{transform:translateY(0)scale(1)}}.strip-card.wave{animation:.5s cubic-bezier(.34,1.56,.64,1) both waveIn}.strip-thumb{aspect-ratio:9/13;justify-content:center;align-items:center;width:100%;font-size:22px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.strip-card:hover .strip-thumb{transform:scale(1.15)}.strip-name{letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:4px 3px 5px;font-size:7px;font-weight:800;line-height:1.25;overflow:hidden}.strip-more{cursor:pointer;aspect-ratio:9/13;width:56px;color:var(--text-mute);background:#ffffff05;border:1px dashed #ffffff14;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:5px;transition:all .15s;display:flex}.strip-more:hover{color:var(--pink-soft);background:var(--pink-lo);border-color:#e91e8c4d}.strip-more-icon{font-size:16px}.strip-more-text{letter-spacing:.4px;text-transform:uppercase;font-size:7.5px;font-weight:700}.prompt-bar{z-index:50;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-top:1px solid var(--border);background:#0d0d12e0;transition:left .35s cubic-bezier(.4,0,.2,1),right .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0}.prompt-bar.presets-open,.prompt-bar.assets-open{left:var(--drawer-w)}.prompt-bar.settings-open{right:var(--drawer-w)}.prompt-inputs{padding:12px 20px 16px}.prompt-row{align-items:center;gap:10px;max-width:780px;margin:0 auto;display:flex}.upload-btn{background:var(--surface);border:1.5px dashed var(--border);cursor:pointer;height:40px;color:var(--text-dim);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.upload-btn:hover{background:var(--surface-2);color:var(--pink-soft);border-color:#e91e8c73}.upload-btn.uploaded{border-style:solid;border-color:var(--pink);color:var(--pink);background:#e91e8c0f}.prompt-input-wrap{flex:1}input.prompt-input{background:var(--surface);border:1px solid var(--border);width:100%;height:40px;color:var(--text);border-radius:10px;outline:none;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}input.prompt-input::placeholder{color:var(--text-mute)}input.prompt-input:focus{border-color:#e91e8c66;box-shadow:0 0 0 3px #e91e8c14}.gen-btn{background:linear-gradient(135deg, var(--pink) 0%, #7b1fa2 100%);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;height:40px;padding:0 22px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 20px #e91e8c59}.gen-btn:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 28px #e91e8c80}.gen-btn:active{transform:translateY(0)}.gen-btn.loading{box-shadow:none;cursor:not-allowed;background:#e91e8c33}.gen-btn.loading:hover{filter:none;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.prompt-hint{text-align:center;color:var(--text-mute);letter-spacing:.2px;max-width:780px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:10px}.drawer{z-index:40;width:var(--drawer-w);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#0d0d12eb;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:54px;bottom:0;overflow:hidden}.drawer-left{border-right:1px solid var(--border);left:0;transform:translate(-100%)}.drawer-right{border-left:1px solid var(--border);right:0;transform:translate(100%)}.drawer-left.open,.drawer-right.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--border);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-mute);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px 14px;font-size:10px;font-weight:700;display:flex}.drawer-close{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--text-dim);border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.drawer-close:hover{background:var(--surface-2);color:var(--text)}.drawer-body{flex:1;padding:16px;overflow-y:auto}.cat-pills{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.cat-pill{letter-spacing:.3px;border:1px solid var(--border);color:var(--text-mute);cursor:pointer;border-radius:99px;padding:4px 11px;font-size:10px;font-weight:600;transition:all .15s}.cat-pill:hover{border-color:var(--border-hi);color:var(--text-dim)}.cat-pill.active{background:var(--pink-lo);color:var(--pink-soft);border-color:#e91e8c59}.preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preset-card{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:10px;transition:all .2s;overflow:hidden}.preset-card:hover{border-color:#e91e8c4d;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.preset-card.chosen{border-color:#e91e8c80;box-shadow:0 0 16px #e91e8c26}.preset-thumb{aspect-ratio:9/16;justify-content:center;align-items:center;width:100%;font-size:28px;display:flex;position:relative}.preset-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);padding:7px 8px;font-size:9px;font-weight:800;line-height:1.3}.preset-tier{letter-spacing:.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:3px;padding:2px 5px;font-size:7px;font-weight:800;position:absolute;top:6px;right:6px}.tier-free{color:#4ade80;background:#22c55e26}.tier-pro{color:var(--pink-soft);background:#e91e8c33}.asset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.asset-tile{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:8px;transition:all .2s;overflow:hidden}.asset-tile:hover{border-color:#e91e8c66;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.asset-thumb{aspect-ratio:1;width:100%;overflow:hidden}.asset-name{letter-spacing:.4px;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;padding:5px 6px;font-size:8px;font-weight:700;overflow:hidden}.setting-block{margin-bottom:22px}.s-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-mute);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.s-label em{color:var(--pink-soft);font-size:10px;font-style:normal}.toggle-row{gap:6px;display:flex}.toggle-btn{text-align:center;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text-mute);border-radius:8px;flex:1;padding:8px 6px;font-size:11px;font-weight:600;transition:all .15s}.toggle-btn:hover{border-color:var(--border-hi);color:var(--text-dim)}.toggle-btn.on{background:var(--pink-lo);color:var(--pink-soft);border-color:#e91e8c59}.s-select{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23734c68' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:9px 12px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.s-select:focus{border-color:#e91e8c66}.s-slider{align-items:center;gap:10px;display:flex}input[type=range]{appearance:none;background:#ffffff14;border-radius:1px;outline:none;flex:1;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--pink);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #e91e8c80}.model-opt{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.model-opt:hover{border-color:var(--border-hi)}.model-opt.on{background:var(--pink-lo);border-color:#e91e8c66}.model-radio{background:var(--border-hi);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:all .15s}.model-opt.on .model-radio{background:var(--pink);box-shadow:0 0 6px var(--pink-glow)}.model-name-s{font-size:12px;font-weight:600}.model-tag-s{color:var(--text-mute);margin-top:1px;font-size:10px}.s-divider{background:var(--border);height:1px;margin:4px 0 22px}.login-page{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.login-brand{color:var(--text);letter-spacing:-.3px;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:22px;font-weight:700;display:flex}.login-brand .logo-gem{color:#fff;background:linear-gradient(135deg,#e91e8c,#7c3aed);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}