:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e12;--surface:#13151b;--surface-2:#181b22;--surface-3:#20232c;--border:#2a2e38;--border-strong:#3a404c;--text:#f4f6fa;--muted:#969daa;--muted-2:#69717f;--accent:#71e6ff;--accent-ink:#071317;--violet:#9c7cff;--danger:#ff718a;--success:#6ee7a2;--shadow:#00000059;--rail:76px;--topbar:60px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f5;--surface:#f9fafc;--surface-2:#fff;--surface-3:#e9edf3;--border:#d9dee7;--border-strong:#c6cdd8;--text:#161922;--muted:#646c7a;--muted-2:#8a93a2;--accent:#13a7c8;--accent-ink:#fff;--violet:#7358dc;--shadow:#2028371f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg);min-height:100vh;display:flex}.side-rail{z-index:20;width:var(--rail);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;padding:16px 10px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));width:42px;height:42px;color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:13px;place-items:center;display:grid}.brand-mark.large{border-radius:16px;width:52px;height:52px}.brand-mark.tiny{border-radius:9px;width:31px;height:31px}.side-rail nav{gap:8px;width:100%;margin-top:34px;display:grid}.rail-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:5px;padding:10px 4px;font-size:11px;display:grid}.rail-button:hover,.rail-button.active{background:var(--surface-3);color:var(--text)}.rail-button.active svg{color:var(--accent)}.rail-bottom{justify-items:center;gap:11px;margin-top:auto;display:grid}.avatar-button{background:var(--violet);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.icon-button{border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--text);border-color:var(--border-strong)}.icon-button.subtle{background:0 0}.app-main{min-width:0;margin-left:var(--rail);flex:1}.topbar{height:var(--topbar);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);z-index:15;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;padding:0 18px 0 22px;display:flex;position:sticky;top:0}.topbar-title{letter-spacing:-.01em;align-items:center;gap:9px;font-size:14px;font-weight:650;display:flex}.status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent);border-radius:50%;display:inline-block}.beta-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);letter-spacing:.08em;border-radius:5px;padding:3px 6px;font-size:9px}.account-actions{align-items:center;gap:9px;display:flex}.balance-pill{border:1px solid var(--border);background:var(--surface-2);height:36px;color:var(--muted);border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex}.balance-pill strong{color:var(--text);font-size:13px}.balance-pill svg:last-child{color:var(--accent)}.mobile-brand{align-items:center;gap:9px;font-size:14px;display:none}.workspace{height:calc(100vh - var(--topbar));grid-template-columns:minmax(340px,380px) minmax(0,1fr);display:grid}.control-panel{border-right:1px solid var(--border);background:var(--surface);padding:24px 22px 34px;overflow-y:auto}.scroll-area{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 6px;font-size:10px;font-weight:750}.panel-heading h1,.history-header h1{letter-spacing:-.03em;margin:0;font-size:23px}.mode-switch{background:var(--bg);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mode-switch button{height:37px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}.mode-switch button.active{background:var(--surface-3);color:var(--text);box-shadow:0 2px 10px var(--shadow)}.mode-switch button.active svg{color:var(--accent)}.control-section{padding:19px 0 0}.section-label{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:13px;font-weight:620;display:flex}.section-label span:last-child{color:var(--muted-2);font-size:11px;font-weight:500}.prompt-box{position:relative}.prompt-box textarea{resize:vertical;border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:132px;color:var(--text);border-radius:12px;outline:none;padding:13px 14px 34px;font-size:14px;line-height:1.55}.prompt-box textarea:focus{border-color:color-mix(in srgb, var(--accent) 64%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.prompt-box textarea::placeholder{color:var(--muted-2)}.prompt-sparkle{color:var(--violet);position:absolute;bottom:11px;left:13px}.idea-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.idea-chips button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 9px;font-size:11px}.idea-chips button:hover{color:var(--text);border-color:var(--border-strong)}.upload-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.upload-preview,.upload-drop{border-radius:11px;min-height:92px;position:relative;overflow:hidden}.upload-preview{background:var(--surface-3)}.upload-preview img{object-fit:cover;width:100%;height:100%;position:absolute}.upload-preview button{color:#fff;cursor:pointer;background:#08090cb8;border:0;border-radius:8px;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:6px;right:6px}.upload-drop{border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--muted);cursor:pointer;align-content:center;place-items:center;gap:5px;display:grid}.upload-drop span{color:var(--text);font-size:12px;font-weight:600}.upload-drop small{font-size:9px}.upload-drop:hover{border-color:var(--accent);color:var(--accent)}.mask-button{border:1px solid var(--border);width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:7px;min-height:36px;margin-top:8px;padding:7px 10px;font-size:11px;display:flex}.mask-button.active{color:var(--success);border-color:color-mix(in srgb, var(--success) 35%, var(--border))}.mask-button svg:last-child{margin-left:auto}.two-column-fields{grid-template-columns:1.35fr .8fr;gap:10px;display:grid}.select-field>span:first-child{margin-bottom:8px;font-size:13px;font-weight:620;display:block}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;border:1px solid var(--border);background:var(--surface-2);width:100%;height:40px;color:var(--text);border-radius:10px;outline:none;padding:0 30px 0 10px;font-size:12px}.select-wrap svg{pointer-events:none;color:var(--muted);position:absolute;top:12px;right:9px}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.ratio-card{border:1px solid var(--border);background:var(--surface-2);min-height:74px;color:var(--muted);text-align:left;cursor:pointer;border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:11px;display:grid}.ratio-card.active{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface-2));color:var(--text)}.ratio-shape{border:1.5px solid;border-radius:2px;grid-row:1/3;display:block}.ratio-shape.square{width:20px;height:20px}.ratio-shape.landscape{width:24px;height:16px}.ratio-shape.portrait{width:16px;height:24px}.ratio-card strong{align-self:flex-end;font-size:12px}.ratio-card small{color:var(--muted-2);align-self:start;font-size:9px}.format-line{justify-content:space-between;align-items:center;display:flex}.format-line>span{font-size:13px;font-weight:620}.format-line>div{background:var(--bg);border-radius:8px;padding:3px;display:flex}.format-line button{color:var(--muted-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 8px;font-size:9px}.format-line button.active{background:var(--surface-3);color:var(--text)}.generate-button{background:var(--accent);width:100%;height:48px;color:var(--accent-ink);cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 18%, transparent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:0 14px;font-weight:760;display:flex}.generate-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.generate-button:disabled{cursor:wait;opacity:.78;transform:none}.generate-button kbd{border:1px solid color-mix(in srgb, var(--accent-ink) 18%, transparent);border-radius:5px;margin-left:auto;padding:2px 5px;font-family:inherit;font-size:9px}.progress-track{background:var(--surface-3);border-radius:99px;height:3px;margin-top:8px;overflow:hidden}.progress-track span{background:var(--violet);height:100%;transition:width .35s;display:block}.cost-note{color:var(--muted-2);text-align:center;margin:10px 12px 0;font-size:10px;line-height:1.45}.inline-message{border-radius:9px;align-items:center;gap:7px;margin-top:14px;padding:9px 11px;font-size:12px;display:flex}.inline-message.error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.inline-message.success{background:color-mix(in srgb, var(--success) 10%, transparent);color:var(--success)}.canvas-area{background:var(--bg);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.canvas-area:before{content:"";aspect-ratio:1;border:1px solid var(--border);opacity:.32;pointer-events:none;border-radius:50%;width:min(70vw,720px);position:absolute}.empty-canvas{z-index:1;text-align:center;max-width:460px;padding:30px;position:relative}.empty-orbit{border:1px solid var(--border-strong);width:92px;height:92px;color:var(--muted);background:var(--surface);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid;position:relative}.empty-orbit span{background:var(--accent);width:8px;height:8px;box-shadow:0 0 18px var(--accent);border-radius:50%;position:absolute;top:8px;right:18px}.empty-canvas h2{letter-spacing:-.02em;margin:0 0 9px;font-size:20px}.empty-canvas p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.empty-canvas button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:7px;margin-top:19px;padding:9px 13px;font-size:12px;display:inline-flex}.empty-canvas button svg{color:var(--violet)}.result-stage{z-index:1;flex-direction:column;align-items:center;width:min(78%,920px);height:calc(100% - 132px);display:flex;position:relative}.canvas-toolbar{justify-content:space-between;align-items:center;width:100%;height:44px;display:flex}.canvas-toolbar>span{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.canvas-toolbar>div{gap:6px;display:flex}.canvas-toolbar .icon-button{background:var(--surface);width:32px;height:32px}.image-frame{border:1px solid var(--border);background:var(--surface);min-height:0;box-shadow:0 20px 70px var(--shadow);flex:1;place-items:center;display:grid;overflow:hidden}.image-frame.square{aspect-ratio:1;max-height:100%}.image-frame.landscape{aspect-ratio:3/2;max-width:100%}.image-frame.portrait{aspect-ratio:2/3;max-height:100%}.image-frame img{object-fit:contain;width:100%;height:100%}.result-caption{height:34px;color:var(--muted-2);text-transform:uppercase;align-items:flex-end;gap:8px;font-size:10px;display:flex}.result-caption i{background:var(--muted-2);border-radius:50%;width:3px;height:3px}.recent-strip{z-index:2;background:color-mix(in srgb, var(--surface) 91%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:66px;box-shadow:0 12px 40px var(--shadow);border-radius:13px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute;bottom:13px;left:18px;right:18px}.recent-strip>span{color:var(--muted);writing-mode:vertical-rl;letter-spacing:.08em;font-size:10px}.recent-strip>div{gap:6px;min-width:0;display:flex;overflow:hidden}.recent-strip>div button{background:var(--surface-3);cursor:pointer;border:2px solid #0000;border-radius:8px;flex:none;width:50px;height:50px;padding:0;overflow:hidden}.recent-strip>div button.active{border-color:var(--accent)}.recent-strip img{object-fit:cover;width:100%;height:100%}.all-history{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.history-page{min-height:calc(100vh - var(--topbar));max-height:calc(100vh - var(--topbar));padding:36px clamp(22px,4vw,58px) 60px;overflow:auto}.history-header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.history-header p:last-child{color:var(--muted);margin:9px 0 0;font-size:13px}.history-header>span{border:1px solid var(--border);color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.history-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px;display:grid}.history-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:transform .18s,border-color .18s;overflow:hidden}.history-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.history-image{aspect-ratio:1;background:var(--surface-3);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative}.history-image img{object-fit:cover;width:100%;height:100%}.history-image>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c10b3;border-radius:6px;padding:4px 7px;font-size:9px;position:absolute;top:9px;left:9px}.history-meta{padding:12px 12px 8px}.history-meta p{height:38px;margin:0 0 8px;font-size:12px;line-height:1.55;overflow:hidden}.history-meta div{color:var(--muted-2);justify-content:space-between;font-size:9px;display:flex}.history-actions{border-top:1px solid var(--border);gap:5px;padding:8px;display:flex}.history-actions button,.history-actions a{background:var(--surface-2);height:30px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.history-actions button:first-child{flex:1}.history-actions a,.history-actions .danger{width:31px}.history-actions .danger:hover{color:var(--danger)}.history-empty{min-height:50vh;color:var(--muted);align-content:center;place-items:center;display:grid}.history-empty h2{color:var(--text);margin:15px 0 5px;font-size:18px}.history-empty p{margin:0;font-size:12px}.mobile-nav{display:none}.login-shell{background:var(--bg);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-intro{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(42px,8vw,110px);display:flex;position:relative;overflow:hidden}.login-intro:before{content:"";aspect-ratio:1;border:1px solid var(--border);border-radius:50%;width:55vw;position:absolute;bottom:-25vw;right:-24vw}.login-intro>*{z-index:1;position:relative}.login-intro .eyebrow{margin-top:34px}.login-intro h1{letter-spacing:-.055em;max-width:720px;margin:8px 0 24px;font-size:clamp(36px,4.5vw,66px);line-height:1.06}.login-copy{color:var(--muted);max-width:570px;font-size:15px;line-height:1.75}.login-points{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.login-points span{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.login-points svg{color:var(--accent)}.login-card-wrap{place-items:center;padding:32px;display:grid}.login-card{gap:18px;width:min(100%,400px);display:grid}.login-card h2{letter-spacing:-.03em;margin:0 0 8px;font-size:25px}.muted{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.field-label{color:var(--text);gap:8px;font-size:12px;font-weight:620;display:grid}.text-input{border:1px solid var(--border);background:var(--surface-2);width:100%;height:46px;color:var(--text);border-radius:10px;outline:none;padding:0 13px;font-size:14px}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 9%, transparent)}.password-field{display:block;position:relative}.password-field .text-input{padding-right:45px}.password-toggle{width:35px;height:35px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:5px;right:6px}.totp-input{text-align:center;letter-spacing:.45em;height:58px;font-size:22px;font-weight:700}.primary-button{background:var(--accent);height:47px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:750;display:flex}.primary-button:disabled{opacity:.65;cursor:wait}.login-button{margin-top:3px}.form-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:8px;margin:-4px 0;padding:9px 11px;font-size:12px}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px}.boot-screen{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){:root{--topbar:56px}.side-rail{display:none}.app-main{margin-left:0;padding-bottom:60px}.topbar-title{display:none}.mobile-brand{display:flex}.workspace{height:auto;min-height:calc(100vh - var(--topbar) - 60px);grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--border);max-height:none}.canvas-area{min-height:70vh}.result-stage{width:calc(100% - 32px);height:calc(70vh - 95px)}.mobile-nav{z-index:30;border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:1fr 1fr;height:60px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:var(--muted);background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:10px;display:grid}.mobile-nav button.active{color:var(--accent)}.history-page{min-height:auto;max-height:none;padding-bottom:30px;overflow:visible}.login-shell{grid-template-columns:1fr}.login-intro{display:none}.login-card-wrap{min-height:100vh}}@media (max-width:520px){.topbar{padding:0 11px}.balance-pill span{display:none}.control-panel{padding:20px 15px 28px}.two-column-fields{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.history-header{align-items:start}.history-header>span{display:none}.history-meta p{font-size:11px}.history-actions button:first-child{flex:0 0 31px;width:31px;font-size:0}.history-actions button:first-child svg{width:15px}.recent-strip>div button{width:45px;height:45px}.result-stage{height:52vh}.canvas-area{min-height:60vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}