:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#06070a;--ink-900:#090b10;--ink-850:#0d1016;--ink-800:#11151d;--ink-750:#161b25;--ink-700:#202735;--ink-600:#313b4d;--paper-100:#f8fafc;--paper-200:#e7ebf2;--paper-400:#a6afbd;--paper-500:#7f8999;--lime-400:#c8ff3d;--lime-300:#dcff7d;--violet-400:#8b6cff;--cyan-400:#2dd4e8;--rose-400:#ff6178;--success-400:#54e6a0;--shadow-soft:0 18px 60px #00000047;--shadow-deep:0 30px 90px #0000007a;--radius-sm:9px;--radius-md:14px;--radius-lg:20px;--ease:cubic-bezier(.2, .8, .2, 1);font-synthesis:none;font-family:Inter,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--ink-950);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--paper-100);background:radial-gradient(circle at 13% 0, #8b6cff1c, transparent 34rem), radial-gradient(circle at 98% 16%, #2dd4e812, transparent 28rem), var(--ink-950);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline-offset:3px;outline:3px solid #c8ff3de0}::selection{color:var(--ink-950);background:var(--lime-400)}.skip-link{z-index:200;color:var(--ink-950);background:var(--lime-400);border-radius:7px;padding:10px 14px;font-weight:800;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090c11f0;border-right:1px solid #ffffff14;flex-direction:column;height:100vh;padding:25px 15px 18px;display:flex;position:sticky;top:0}.brand{width:fit-content;color:var(--paper-100);letter-spacing:.055em;align-items:center;gap:10px;font-size:14px;font-weight:900;text-decoration:none;display:flex}.sidebar>.brand{margin:0 8px 30px}.brand-logo{flex:none;width:68px;height:auto}.brand-name{white-space:nowrap}.side-nav{gap:6px;display:grid}.side-nav a{color:#8792a3;border-radius:var(--radius-sm);min-height:44px;transition:.2s var(--ease);border:1px solid #0000;align-items:center;gap:11px;padding:0 12px;font-size:12px;font-weight:730;text-decoration:none;display:flex}.side-nav a:hover{color:var(--paper-100);background:#131821}.side-nav a.active{color:var(--ink-950);background:var(--lime-400)}.sidebar-bottom{margin-top:auto}.sidebar-login{width:100%}.quota-card{background:#11161e;border:1px solid #27303d;border-radius:11px;padding:13px}.quota-heading,.quota-caption{justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.quota-heading span,.quota-caption span{color:#8b96a6}.quota-heading strong{font-size:11px}.quota-track,.large-quota-track{background:#29313d;border-radius:99px;height:5px;margin:10px 0;overflow:hidden}.quota-track i,.large-quota-track i{border-radius:inherit;background:linear-gradient(90deg, var(--violet-400), var(--lime-400));height:100%;display:block}.quota-caption b{color:var(--lime-300);font-size:9px}.app-main{min-width:0}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080a0edb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.breadcrumbs{color:#697486;gap:8px;font-size:10px;display:flex}.breadcrumbs b{color:#dbe1ea}.top-actions{align-items:center;gap:10px;display:flex}.profile-link{color:#cdd4de;align-items:center;gap:9px;font-size:11px;text-decoration:none;display:flex}.profile-link img,.profile-link>span{object-fit:cover;color:#080a0d;background:linear-gradient(135deg, var(--lime-400), var(--cyan-400));border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.page-content{width:min(1460px,100%);margin:0 auto;padding:34px 38px 70px}.page-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:var(--lime-400);letter-spacing:.15em;text-transform:uppercase;margin:0 0 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800}.page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.04}.page-subtitle{color:var(--paper-500);margin:9px 0 0;font-size:12px}.page-actions{flex:none}.button{border-radius:var(--radius-sm);min-height:42px;transition:transform .18s var(--ease), background .18s, border-color .18s, opacity .18s;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button-primary{color:#080a0d;border-color:var(--lime-400);background:var(--lime-400);box-shadow:0 10px 30px #c8ff3d14}.button-primary:hover:not(:disabled){background:var(--lime-300)}.button-secondary{color:#d4dae3;background:#151a22;border-color:#303a48}.button-secondary:hover:not(:disabled){background:#1a202a;border-color:#596678}.button-danger{color:#fff;background:#d84259}.button-danger-subtle{color:#ff8da0;background:#ff617812;border-color:#ff617840}.button-small{min-height:36px;padding:0 13px;font-size:10px}.button-full{width:100%}.icon-button{color:#bec6d2;background:#0e1218d1;border:1px solid #303845;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.icon-button:hover{color:var(--paper-100);border-color:#657185}.icon-button.liked{color:var(--rose-400);border-color:#ff617861}.studio-layout{grid-template-columns:minmax(330px,390px) minmax(0,1fr);gap:20px;display:grid}.control-panel,.card{border-radius:var(--radius-md);background:#0f131aed;border:1px solid #252d39}.control-panel{padding:20px}.field-label{color:#d9dfe7;justify-content:space-between;align-items:center;width:100%;margin-bottom:9px;font-size:11px;font-weight:760;display:flex}.field-label small{color:#687487;font-size:9px;font-weight:550}.prompt-input{resize:vertical;color:#e2e7ed;background:#090c11;border:1px solid #303a49;border-radius:10px;width:100%;min-height:132px;padding:13px 14px;font-size:12px;line-height:1.65}.prompt-input::placeholder{color:#586273}.prompt-input:focus{border-color:#c8ff3d9e;outline:0;box-shadow:0 0 0 3px #c8ff3d14}.quick-words{flex-wrap:wrap;gap:6px;margin:10px 0 21px;display:flex}.quick-words button{color:#9ea8b6;background:#141922;border:1px solid #2a3341;border-radius:99px;min-height:30px;padding:0 9px;font-size:9px}.quick-words button:hover{color:var(--lime-300);border-color:#c8ff3d59}.field-group{border:0;min-width:0;margin:18px 0 0;padding:0}.field-group legend{padding:0}.style-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.style-option{color:#c8d0db;text-align:left;background:linear-gradient(#0000 35%,#05070af0),linear-gradient(135deg,#1f2550,#642b6b);border:1px solid #2b3442;border-radius:8px;flex-direction:column;justify-content:end;align-items:flex-start;min-width:0;min-height:78px;padding:8px;display:flex;position:relative;overflow:hidden}.style-option:before{content:"";filter:blur(14px);background:#ffffff21;border-radius:50%;position:absolute;inset:-20% -40% 40% 20%;transform:rotate(-18deg)}.style-option strong,.style-option small{z-index:1;white-space:nowrap;position:relative}.style-option strong{font-size:8px}.style-option small{color:#8e99aa;font-size:7px;display:none}.style-option.style-1{background:linear-gradient(#0000 35%,#05070af0),linear-gradient(135deg,#221932,#8a344f)}.style-option.style-2{background:linear-gradient(#0000 35%,#05070af0),linear-gradient(135deg,#35456e,#dc7592)}.style-option.style-3{background:linear-gradient(#0000 35%,#05070af0),linear-gradient(135deg,#111a3f,#3f7fac)}.style-option.style-4{background:linear-gradient(#0000 35%,#05070af0),linear-gradient(135deg,#264b4e,#a48a67)}.style-option.selected{border-color:var(--lime-400);box-shadow:inset 0 0 0 1px var(--lime-400), 0 0 20px #c8ff3d12}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.ratio-option{color:#8f9aaa;background:#141922;border:1px solid #2b3442;border-radius:8px;place-content:center;gap:2px;min-height:52px;display:grid}.ratio-option strong{font-size:10px}.ratio-option small{font-size:8px}.ratio-option.selected{color:var(--lime-300);background:#c8ff3d14;border-color:#c8ff3d99}.generate-button{margin-top:21px}.cost-copy{color:#687386;text-align:center;margin:9px 0 0;font-size:9px}.form-error{color:#ff9aaa;background:#ff61780f;border:1px solid #ff61783b;border-radius:8px;margin:13px 0 0;padding:10px;font-size:10px}.form-error.centered{width:fit-content;margin:18px auto}.result-stage{border-radius:var(--radius-md);text-align:center;background:#0b0e13;border:1px solid #28313e;place-items:center;min-height:630px;padding:48px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000038}.stage-idle{background:radial-gradient(circle at 50% 35%,#8b6cff2e,#0000 22rem),radial-gradient(circle at 85% 85%,#2dd4e814,#0000 17rem),#0b0e13}.stage-idle h2,.stage-progress h2,.stage-error h2{letter-spacing:-.045em;margin:6px 0 12px;font-size:clamp(24px,3vw,40px);line-height:1.07}.stage-idle p:not(.eyebrow),.stage-progress p:not(.eyebrow),.stage-error p:not(.eyebrow){color:#7f8999;max-width:520px;margin:0 auto;font-size:12px}.stage-orbit{width:150px;height:150px;color:var(--lime-400);border:1px solid #c8ff3d26;border-radius:50%;place-items:center;display:grid;position:absolute;top:70px;box-shadow:0 0 90px #8b6cff2e}.stage-orbit:before,.stage-orbit:after{content:"";border:1px solid #ffffff0f;border-radius:50%;position:absolute}.stage-orbit:before{inset:-28px}.stage-orbit:after{inset:28px}.stage-orbit i{background:var(--cyan-400);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 17px}.stage-orbit i:first-of-type{top:5px;right:24px}.stage-orbit i:last-of-type{color:var(--violet-400);background:currentColor;bottom:22px;left:7px}.stage-progress{background:radial-gradient(circle at 50% 40%,#8b6cff2b,#0000 25rem),#0b0e13;grid-template-rows:1fr auto;align-content:center;gap:32px}.progress-visual{width:108px;height:108px;color:var(--lime-400);background:#c8ff3d0a;border:1px solid #c8ff3d2e;border-radius:28px;place-items:center;margin:0 auto 22px;display:grid}.progress-visual span{color:#707b8c;letter-spacing:.2em;font-family:monospace;font-size:8px}.generation-steps{grid-template-columns:repeat(4,1fr);width:min(560px,100%);margin:0;padding:0;list-style:none;display:grid}.generation-steps li{color:#596477;padding-top:18px;font-size:9px;position:relative}.generation-steps li:before{z-index:2;content:"";background:#3a4351;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:calc(50% - 4px)}.generation-steps li:not(:last-child):after{content:"";background:#2b3340;width:100%;height:2px;position:absolute;top:3px;left:50%}.generation-steps li.done,.generation-steps li.active{color:#c5ced9}.generation-steps li.done:before,.generation-steps li.active:before{background:var(--lime-400);box-shadow:0 0 12px #c8ff3d99}.stage-error{align-content:center}.state-icon{width:74px;height:74px;color:var(--lime-400);background:#c8ff3d0d;border:1px solid #c8ff3d2b;border-radius:22px;place-items:center;margin:0 auto 20px;display:grid}.stage-actions{justify-content:center;gap:8px;margin-top:22px;display:flex}.stage-success{text-align:left;background-color:#0000;background-image:radial-gradient(circle at 30% 20%,#6d3d85,#0000 32%),linear-gradient(135deg,#0c1a30,#281333 62%,#071017);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:630px;padding:0;display:block}.result-badge{z-index:2;color:#d9ffe7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070c0ab8;border:1px solid #54e6a040;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;display:flex;position:absolute;top:17px;left:17px}.result-badge span{background:var(--success-400);border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px}.result-meta{z-index:2;justify-content:space-between;align-items:end;gap:18px;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.result-meta h2{letter-spacing:-.035em;margin:0;font-size:clamp(20px,2.5vw,32px)}.result-meta p:not(.eyebrow){color:#bbc4cf;margin:6px 0 0;font-size:10px}.result-actions{flex:none;gap:8px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.filter-row{gap:7px;display:flex}.filter-chip{color:#808b9c;background:#11161e;border:1px solid #29323f;border-radius:8px;min-height:36px;padding:0 13px;font-size:10px;font-weight:760}.filter-chip.active{color:#090b0e;border-color:var(--paper-100);background:var(--paper-100)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.art-card{min-height:260px;transition:transform .2s var(--ease), border-color .2s;background-color:#121722;background-position:50%;background-size:cover;border:1px solid #272f3c;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000026}.art-card:hover{border-color:#536074;transform:translateY(-3px)}.art-open{background:0 0;border:0;width:100%;position:absolute;inset:0}.art-meta{z-index:2;pointer-events:none;justify-content:space-between;align-items:end;gap:10px;display:flex;position:absolute;bottom:12px;left:13px;right:13px}.art-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;display:block;overflow:hidden}.art-meta span{color:#aab3bf;font-size:8px}.art-actions{opacity:0;pointer-events:auto;transition:.2s var(--ease);gap:5px;display:flex;transform:translateY(5px)}.art-card:hover .art-actions,.art-card:focus-within .art-actions{opacity:1;transform:none}.mini-action{color:#dbe2eb;background:#080a0ec7;border:1px solid #ffffff21;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.mini-action:hover,.mini-action.active{color:var(--lime-300);border-color:#c8ff3d6b}.mini-action.danger:hover{color:#ff91a3;border-color:#ff617873}.skeleton{background:#131821;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0b,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.empty-state{color:#8d98a8;border-radius:var(--radius-lg);text-align:center;background:#0d1016b8;border:1px dashed #303948;place-content:center;justify-items:center;min-height:430px;padding:40px;display:grid}.empty-state>svg{color:var(--lime-400)}.empty-state h2{color:#e7ebf2;margin:17px 0 7px;font-size:21px}.empty-state p{max-width:390px;margin:0 0 19px;font-size:11px}.guest-state .kook-mark{margin-bottom:4px}.undo-toast{z-index:80;color:#dce2ea;box-shadow:var(--shadow-soft);background:#11161ef5;border:1px solid #384252;border-radius:11px;align-items:center;gap:14px;padding:12px 14px;font-size:11px;display:flex;position:fixed;bottom:26px;right:26px}.undo-toast button{color:var(--lime-300);background:0 0;border:0;font-size:11px;font-weight:800}.undo-toast .toast-close{color:#8d97a6}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020407c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.modal{width:min(480px,100%);box-shadow:var(--shadow-deep);background:#10141b;border:1px solid #353e4b;border-radius:17px;padding:24px}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal h2{letter-spacing:-.035em;margin:0;font-size:22px}.modal-copy{color:#8c97a7;margin:12px 0 18px;font-size:11px;line-height:1.65}.oauth-scope-card{background:#0b0f15;border:1px solid #2a3442;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.kook-mark{color:#fff;background:linear-gradient(135deg,#6d55f7,#4b37ca);border-radius:11px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.oauth-scope-card strong{font-size:11px;display:block}.oauth-scope-card small{color:#738094;margin-top:3px;font-size:9px;display:block}.oauth-scope-card>svg{color:var(--success-400)}.oauth-points{color:#a9b2bf;gap:9px;margin:16px 0;padding:0;font-size:10px;list-style:none;display:grid}.oauth-points li{align-items:center;gap:8px;display:flex}.oauth-points svg{color:var(--lime-400)}.oauth-points code{color:var(--lime-300);font-family:monospace}.legal-note{color:#6f7a8b;text-align:center;margin:12px 0 0;font-size:9px}.legal-note a,.pricing-legal a{color:#c8d0db}.dialog-icon{width:44px;height:44px;color:var(--lime-400);background:#c8ff3d14;border-radius:13px;place-items:center;display:grid}.dialog-icon.danger{color:var(--rose-400);background:#ff617814}.confirm-modal>h2{margin-top:18px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.text-input{width:100%;height:44px;color:var(--paper-100);background:#090c11;border:1px solid #303a49;border-radius:9px;padding:0 12px}.rename-modal .field-label{margin-top:20px}.preview-backdrop{padding:28px}.preview-modal{width:min(1200px,100%);max-height:calc(100vh - 56px);box-shadow:var(--shadow-deep);background:#090c11;border:1px solid #354051;border-radius:17px;position:relative;overflow:hidden}.preview-modal img{object-fit:contain;background:#050608;width:100%;max-height:calc(100vh - 160px)}.preview-modal footer{justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.preview-modal h2{margin:0;font-size:17px}.preview-modal p{color:#7f8999;margin:4px 0 0;font-size:9px}.preview-close{z-index:2;background:#080a0ecc;position:absolute;top:12px;right:12px}.plan-grid{grid-template-columns:.9fr 1.1fr;gap:18px;width:min(850px,100%);margin:36px auto 0;display:grid}.plan-card{background:#10141b;border:1px solid #293241;border-radius:17px;padding:27px;position:relative}.plan-card.featured{background:radial-gradient(circle at 100% 0,#c8ff3d1a,#0000 34%),#11151c;border-color:#c8ff3d94;box-shadow:0 20px 55px #0000004d}.plan-icon{color:#aab3c0;background:#1b212b;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid}.plan-icon.accent{color:#09100b;background:var(--lime-400)}.recommend{color:#080a0d;background:var(--lime-400);border-radius:6px;padding:5px 8px;font-size:8px;font-weight:900;position:absolute;top:16px;right:16px}.test-mode-chip{color:#ffd880;background:#ffc44812;border:1px solid #ffc44847;border-radius:99px;padding:4px 8px;font-size:8px;font-weight:850;position:absolute;top:48px;right:16px}.plan-card h2{margin:0;font-size:18px}.plan-card>p{color:#7e8999;margin:6px 0 0;font-size:10px}.plan-price{letter-spacing:-.045em;margin:25px 0;font-size:34px;font-weight:850}.plan-price small{color:#717d8e;letter-spacing:0;font-size:10px;font-weight:550}.feature{color:#c8d0db;align-items:center;gap:9px;margin:12px 0;font-size:10px;display:flex}.feature>span{color:#09100b;background:#c8ff3deb;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.plan-card .button-full{margin-top:22px}.plan-card .plan-disclaimer{text-align:center;margin-top:12px;font-size:8px}.payment-assurance{color:#aab3c0;background:#0f131ab8;border:1px solid #27313e;border-radius:12px;gap:12px;width:min(850px,100%);margin:18px auto 0;padding:16px 18px;display:flex}.payment-assurance>svg{color:var(--success-400);flex:none}.payment-assurance strong{color:#dce2ea;font-size:11px;display:block}.payment-assurance p{margin:4px 0 0;font-size:9px;line-height:1.6}.pricing-legal{color:#687386;text-align:center;font-size:9px}.checkout-modal{text-align:center;width:min(440px,100%)}.checkout-modal .modal-header{text-align:left}.checkout-modal .modal-header h2{margin-top:3px}.qr-panel{background:#fff;border:8px solid #fff;border-radius:14px;width:fit-content;margin:22px auto 16px;overflow:hidden;box-shadow:0 18px 50px #00000047}.qr-panel svg{display:block}.checkout-amount{color:#9ca7b6;margin:0;font-size:11px}.checkout-amount strong{color:var(--paper-100);margin-left:4px;font-size:21px}.checkout-amount span{color:#ffd880;vertical-align:2px;background:#ffc44814;border-radius:99px;margin-left:8px;padding:3px 6px;font-size:8px;font-weight:800}.modal-copy.checkout-copy{margin:11px 0 16px}.checkout-status{color:#778394;justify-content:center;align-items:center;gap:7px;min-height:32px;margin-top:13px;font-size:9px;line-height:1.55;display:flex}.checkout-success,.checkout-terminal{padding-top:25px}.checkout-success>p,.checkout-terminal>p{color:#939eac;margin:0 0 20px;font-size:11px;line-height:1.7}.profile-hero{align-items:center;gap:15px;padding:20px;display:flex}.profile-avatar{color:#090b0f;background:linear-gradient(135deg, var(--lime-400), var(--cyan-400));border-radius:16px;place-items:center;width:58px;height:58px;font-size:20px;font-weight:900;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-hero h2{margin:0;font-size:19px}.profile-hero p:not(.eyebrow){color:#7e8999;margin:4px 0 0;font-size:10px}.status-pill{color:#aeb7c3;background:#151a22;border:1px solid #303947;border-radius:99px;margin-left:auto;padding:7px 10px;font-size:9px;font-weight:800}.status-pill.creator{color:var(--lime-300);background:#c8ff3d0f;border-color:#c8ff3d4d}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;display:grid}.stat-card{background:#10141b;border:1px solid #27303d;border-radius:13px;padding:18px}.stat-card>span{float:right;width:32px;height:32px;color:var(--lime-400);background:#c8ff3d0f;border-radius:9px;place-items:center;display:grid}.stat-card strong{letter-spacing:-.04em;font-size:27px;display:block}.stat-card small{color:#7d8899;font-size:9px}.profile-grid{grid-template-columns:minmax(0,1fr) 360px;gap:14px;display:grid}.usage-card,.account-card{padding:21px}.card-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.card-heading h2{margin:0;font-size:15px}.card-heading>b{color:#8994a4;font-size:9px}.card-heading>svg{color:var(--success-400)}.large-quota-track{height:9px;margin:28px 0 17px}.usage-numbers{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.usage-numbers>div{background:#0d1117;border:1px solid #252e3a;border-radius:10px;padding:14px}.usage-numbers strong{font-size:18px;display:block}.usage-numbers small{color:#717d8d;font-size:8px}.period-copy{color:#7d8898;align-items:center;gap:7px;margin:17px 0;font-size:9px;display:flex}.account-row{border-bottom:1px solid #222a35;justify-content:space-between;gap:14px;padding:13px 0;font-size:10px;display:flex}.account-row span{color:#768294}.account-row strong{color:#dbe1e9;text-align:right}.account-row strong.accent{color:var(--lime-300)}.account-note{color:#687486;margin:14px 0 0;font-size:9px;line-height:1.6}.account-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:20px;display:flex}.account-actions h2{margin:0;font-size:14px}.account-actions p{color:#727e8f;margin:5px 0 0;font-size:9px}.account-actions>div:last-child{gap:8px;display:flex}.account-footer{color:#707b8b;justify-content:center;gap:18px;padding:24px;font-size:9px;display:flex}.account-loading{border-radius:var(--radius-lg);min-height:500px}.result-page{background:radial-gradient(circle at 50% 45%, #8b6cff26, transparent 28rem), var(--ink-950);grid-template-rows:auto 1fr;min-height:100vh;padding:28px;display:grid}.result-card{width:min(560px,100%);box-shadow:var(--shadow-deep);text-align:center;background:#0e1218f0;border:1px solid #303948;border-radius:21px;place-self:center;padding:44px}.result-symbol{border-radius:21px;place-items:center;width:68px;height:68px;margin:0 auto 22px;display:grid}.result-symbol.success{color:var(--success-400);background:#54e6a014}.result-symbol.error{color:var(--rose-400);background:#ff617814}.result-symbol.pending{color:var(--lime-400);background:#c8ff3d14}.result-card h1{letter-spacing:-.04em;margin:5px 0 12px;font-size:28px}.result-card>p:not(.eyebrow){color:#8792a3;margin:0 auto 22px;font-size:11px;line-height:1.7}.result-card>.spin{color:var(--lime-400)}.result-buttons{justify-content:center;gap:8px;margin-top:24px;display:flex}.bridge-page{background:radial-gradient(circle at 50% 43%, #1677ff24, transparent 28rem), var(--ink-950);grid-template-rows:auto 1fr;min-height:100vh;padding:24px;display:grid}.bridge-card{width:min(470px,100%);box-shadow:var(--shadow-deep);text-align:center;background:#0e1218f5;border:1px solid #303a49;border-radius:21px;place-self:center;padding:38px}.bridge-card h1{letter-spacing:-.04em;margin:5px 0 12px;font-size:27px}.bridge-card>p:not(.eyebrow,.form-error,.bridge-footnote){color:#8c97a7;margin:0 auto 22px;font-size:11px;line-height:1.75}.bridge-symbol{border-radius:20px;place-items:center;width:66px;height:66px;margin:0 auto 21px;display:grid}.bridge-symbol.alipay{color:#63a5ff;background:#1677ff1a}.bridge-symbol.warning{color:#ffc85c;background:#ffc44814}.bridge-tip{color:#919cab;text-align:left;background:#ffffff05;border:1px solid #2b3543;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;font-size:9px;line-height:1.6;display:flex}.bridge-tip svg{color:var(--success-400);flex:none}.bridge-card .form-error{margin:14px 0 0}.bridge-footnote{color:#667284!important;margin:14px 0 0!important;font-size:8px!important;line-height:1.6!important}.legal-page{background:var(--ink-950);min-height:100vh}.legal-topbar{background:#090c11;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:70px;padding:0 max(24px,50vw - 460px);display:flex}.legal-topbar>a:last-child{color:#9ca6b4;align-items:center;gap:7px;font-size:10px;text-decoration:none;display:flex}.legal-document{width:min(820px,100% - 40px);margin:0 auto;padding:70px 0 100px}.legal-heading{border-bottom:1px solid #262e39;padding-bottom:34px}.legal-heading>span{width:48px;height:48px;color:var(--lime-400);background:#c8ff3d12;border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.legal-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(32px,5vw,52px)}.legal-heading>p:last-child{color:#7d8898;margin:14px 0 0;font-size:11px;line-height:1.7}.legal-section{border-bottom:1px solid #202731;padding:30px 0}.legal-section h2{margin:0 0 14px;font-size:17px}.legal-section p{color:#9ba5b3;margin:9px 0;font-size:12px;line-height:1.9}.mobile-nav{display:none}@media (width<=1180px){.studio-layout{grid-template-columns:340px minmax(0,1fr)}.page-content{padding-inline:26px}.result-stage,.stage-success{min-height:570px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr 320px}}@media (width<=1023px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:12px}.sidebar>.brand{margin-inline:auto}.sidebar .brand-name,.side-nav span,.quota-heading,.quota-track,.quota-caption span{display:none}.sidebar .brand-logo{width:48px}.side-nav a{justify-content:center;padding:0}.quota-card{text-align:center;padding:8px 4px}.quota-caption,.quota-caption b{display:block}.studio-layout{grid-template-columns:1fr}.result-stage,.stage-success{min-height:540px}.style-option strong{font-size:9px}.style-option small{display:block}.profile-grid{grid-template-columns:1fr}}@media (width<=767px){.app-shell{padding-bottom:70px;display:block}.sidebar{display:none}.topbar{height:56px;padding:0 16px}.breadcrumbs span:first-child,.breadcrumbs span:nth-child(2),.profile-link b{display:none}.page-content{padding:22px 15px 36px}.page-header{margin-bottom:20px;display:block}.page-header h1{font-size:29px}.page-subtitle{max-width:520px;font-size:11px}.page-actions{margin-top:17px}.filter-row{width:100%;padding-bottom:3px;overflow-x:auto}.filter-chip{flex:none}.mobile-nav{z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0e13f5;border-top:1px solid #232b37;grid-template-columns:repeat(3,1fr);height:68px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#6f7a8b;text-align:center;place-content:center;gap:3px;font-size:8px;text-decoration:none;display:grid}.mobile-nav a svg{margin:auto}.mobile-nav a.active{color:var(--lime-400)}.control-panel{padding:15px}.prompt-input{min-height:104px}.style-grid{grid-template-columns:repeat(3,1fr)}.style-option{min-height:72px}.style-option:nth-child(n+4){min-height:64px}.result-stage,.stage-success{min-height:450px;padding:25px}.stage-success{padding:0}.stage-orbit{width:110px;height:110px;top:45px}.stage-idle{align-items:end;padding-bottom:45px}.stage-idle h2,.stage-progress h2,.stage-error h2{font-size:25px}.generation-steps{display:none}.result-meta{display:block;bottom:16px;left:16px;right:16px}.result-actions{margin-top:15px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.art-card{min-height:220px}.art-meta{display:block}.art-actions{opacity:1;margin-top:8px;transform:none}.plan-grid{grid-template-columns:1fr;margin-top:20px}.plan-card.featured{grid-row:1}.stats-grid{gap:8px}.stat-card{padding:14px}.account-actions{display:block}.account-actions>div:last-child{margin-top:15px}.result-page{padding:20px}.result-card{padding:31px 22px}.result-buttons{flex-direction:column}.bridge-page{padding:20px}.bridge-card{padding:31px 22px}.preview-backdrop{padding:12px}.preview-modal footer{flex-direction:column;align-items:flex-start}.preview-modal footer .button{width:100%}.undo-toast{bottom:82px;left:12px;right:12px}}@media (width<=479px){.style-grid{grid-template-columns:repeat(2,1fr)}.style-option:nth-child(n){min-height:66px}.style-option:last-child{grid-column:span 2}.ratio-option{min-height:50px}.gallery-grid{grid-template-columns:1fr}.art-card{min-height:280px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:span 2}.profile-hero{flex-wrap:wrap;align-items:flex-start}.status-pill{margin-left:0}.account-actions>div:last-child{flex-direction:column}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.qr-panel svg{width:190px;height:190px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}