@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#f5f5f5;background:#050505;font-synthesis:none;--bg: #050505;--surface: #111113;--surface-2: #18181b;--surface-3: #202024;--line: #29292e;--line-soft: #202024;--muted: #92929c;--text: #f5f5f7;--accent: #8a7cf8;--accent-strong: #7666f2;--green: #57c78b}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{height:100vh;background:var(--bg)}.app-loading,.account-blocked{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:11px;background:#09090a;color:#8f8f98;font-size:12px}.account-blocked{flex-direction:column;text-align:center}.account-blocked h1{margin:8px 0 0;color:var(--text);font-size:20px}.account-blocked p{margin:0 0 10px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(430px,.85fr);background:#09090a}.auth-intro{min-height:100vh;padding:42px 56px;display:flex;flex-direction:column;justify-content:space-between;background:#0e0e11;border-right:1px solid #202024;position:relative;overflow:hidden}.auth-intro:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #292731;border-radius:50%;right:-135px;bottom:-110px;box-shadow:0 0 0 70px #8a7cf806,0 0 0 140px #8a7cf804;pointer-events:none}.auth-brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;letter-spacing:-.02em}.auth-brand>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:var(--accent)}.auth-copy{max-width:620px;position:relative;z-index:1}.auth-copy>p{color:#797384;font-size:10px;letter-spacing:.16em;font-weight:700;margin:0 0 18px}.auth-copy h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.06em;margin:0;font-weight:600}.auth-copy>span{display:block;margin-top:22px;max-width:460px;color:#85858f;font-size:14px;line-height:1.8}.auth-proof{display:flex;gap:48px;position:relative;z-index:1}.auth-proof div{display:flex;flex-direction:column;gap:5px}.auth-proof strong{font-size:18px}.auth-proof span{color:#6e6e77;font-size:10px}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:36px;background:#09090a}.auth-card{width:min(390px,100%)}.auth-heading{margin-bottom:28px}.auth-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#c7c0ff;background:#28243d;margin-bottom:18px}.auth-heading h2{font-size:25px;margin:0;letter-spacing:-.04em}.auth-heading p{color:#7e7e88;font-size:11px;margin:8px 0 0}.auth-card form{display:flex;flex-direction:column}.auth-card form>label{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.auth-card form>label>span{color:#b3b3bb;font-size:10px;font-weight:600}.auth-card form>label>input,.auth-input{width:100%;height:43px;border:1px solid #303036;background:#17171a;border-radius:10px}.auth-card form>label>input{padding:0 12px;color:#fff;outline:0;font-size:12px}.auth-input{display:flex;align-items:center;gap:9px;padding:0 11px;color:#73737c}.auth-input:focus-within,.auth-card form>label>input:focus{border-color:#6f63cd;box-shadow:0 0 0 3px #8a7cf81a}.auth-input input{flex:1;min-width:0;border:0;outline:0;color:#fff;background:transparent;font-size:12px}.auth-input button{width:28px;height:28px;border:0;background:transparent;color:#777780;display:grid;place-items:center;border-radius:6px}.forgot-link{align-self:flex-end;border:0;background:transparent;color:#a99fff;font-size:10px;margin:-3px 0 16px}.auth-submit{height:43px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.auth-submit:hover{background:var(--accent-strong)}.auth-submit:disabled{opacity:.7}.auth-switch{text-align:center;color:#73737c;font-size:10px;margin:20px 0 0}.auth-switch button{border:0;background:transparent;color:#aaa1ff;margin-left:5px;font-size:10px;font-weight:600}.auth-legal{text-align:center;color:#4f4f57;font-size:8px;margin:22px 0 0}.auth-back{border:0;background:transparent;color:#92929b;display:flex;align-items:center;gap:6px;padding:0;font-size:10px;margin-bottom:24px}.auth-message{min-height:38px;display:flex;align-items:center;gap:8px;border-radius:9px;padding:9px 10px;margin:0 0 14px;font-size:10px;line-height:1.4}.auth-message.error{color:#ffc1ca;background:#3a2026}.auth-message.success{color:#9ee0bb;background:#183127}.auth-setup{text-align:center;padding:30px 10px}.auth-setup>span{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:#c8c1ff;background:#28243d;margin:0 auto 18px}.auth-setup h2{font-size:20px;margin:0}.auth-setup p{color:#7c7c85;font-size:11px;line-height:1.7}.auth-setup code{display:block;text-align:left;background:#151518;border:1px solid #29292e;color:#aaa2ef;border-radius:10px;padding:13px;font-size:10px;line-height:1.8;margin:18px 0 10px}.auth-setup small{color:#5f5f67;font-size:9px}.account-settings-card{width:min(680px,100%);background:#18181b;border:1px solid #34343a;border-radius:17px;overflow:hidden;box-shadow:0 30px 80px #0000008c}.account-settings-head{height:70px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29292e}.account-settings-head h2{margin:0;font-size:15px}.account-settings-head p{margin:4px 0 0;color:#72727b;font-size:9px}.account-settings-layout{min-height:410px;display:grid;grid-template-columns:170px 1fr}.account-settings-layout>nav{padding:15px 10px;border-right:1px solid #29292e;background:#141416}.account-settings-layout>nav button{width:100%;height:38px;border:0;border-radius:8px;background:transparent;color:#92929b;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:10px}.account-settings-layout>nav button.active{background:#29292e;color:#fff}.account-settings-body{padding:25px 28px}.account-settings-body form{max-width:390px}.account-settings-body h3{margin:0;font-size:14px}.account-settings-body form>p{margin:6px 0 20px;color:#73737c;font-size:9px}.account-settings-body label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.account-settings-body label span{color:#aaaab3;font-size:10px;font-weight:600}.account-settings-body input{width:100%;height:39px;padding:0 10px;border:1px solid #303036;border-radius:9px;background:#1e1e22;color:#e6e6ea;outline:0;font-size:11px}.account-settings-body input:disabled{color:#777780}.account-settings-body label small{color:#5f5f68;font-size:8px}.account-plan{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:5px 0 16px}.account-plan>div{border:1px solid #2d2d32;background:#1d1d20;border-radius:9px;padding:11px;display:flex;flex-direction:column;gap:5px}.account-plan span{color:#74747d;font-size:8px}.account-plan strong{color:#d7d3ff;font-size:11px}.topbar{height:64px;display:grid;grid-template-columns:1fr minmax(320px,440px) 1fr;align-items:center;border-bottom:1px solid #18181b;padding:0 20px;background:#09090a;position:relative;z-index:40}.top-left,.top-actions,.brand,.account-trigger,.credits{display:flex;align-items:center}.top-left{gap:16px;min-width:0}.brand{gap:9px;font-weight:700;letter-spacing:-.02em;font-size:17px}.brand-mark{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff}.top-divider{height:22px;width:1px;background:#2a2a2f}.workspace-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search{height:39px;border-radius:12px;background:#18181b;border:1px solid #242428;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8f8f98}.global-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#eee;font-size:13px}.global-search kbd{font-size:11px;border:1px solid #35353a;border-radius:5px;padding:2px 5px;color:#777780}.top-actions{justify-content:flex-end;gap:5px;position:relative}.icon-button{width:35px;height:35px;display:grid;place-items:center;border:0;background:transparent;color:#b8b8c0;border-radius:9px;position:relative}.icon-button:hover{background:#202024;color:#fff}.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#ff6b81;right:7px;top:7px}.credits{height:34px;border:1px solid #29292e;background:#161619;border-radius:10px;gap:6px;padding:0 10px;color:#d6d1ff;margin-left:4px;font-size:12px;font-weight:600}.account-trigger{height:40px;border:0;background:#18181b;border-radius:12px;gap:8px;padding:0 8px 0 9px;margin-left:3px}.role-chip{font-size:9px;font-weight:700;color:#b1b1ba;background:#29292e;border-radius:5px;padding:3px 5px}.avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#d84d89;color:#fff;font-size:12px;font-weight:700}.avatar-large{width:38px;height:38px;font-size:14px}.account-menu{position:absolute;right:0;top:48px;width:230px;padding:7px;background:#1b1b1f;border:1px solid #303036;border-radius:14px;box-shadow:0 18px 50px #00000080}.account-head{display:flex;align-items:center;gap:10px;padding:10px}.account-head div{display:flex;flex-direction:column;gap:2px}.account-head strong{font-size:13px}.account-head span:not(.avatar){font-size:11px;color:var(--muted)}.account-menu button{width:100%;height:36px;padding:0 9px;display:flex;align-items:center;gap:9px;border:0;background:none;border-radius:8px;color:#d9d9df;font-size:12px;text-align:left}.account-menu button svg:last-child{margin-left:auto;color:var(--accent)}.account-menu button:hover{background:#27272c}.menu-rule{height:1px;background:#303036;margin:5px 0}.creator-layout{height:calc(100vh - 64px);display:grid;grid-template-columns:224px minmax(380px,1fr) 372px}.creator-sidebar{border-right:1px solid #1d1d20;padding:16px 12px 12px;display:flex;flex-direction:column;justify-content:space-between;background:#09090a;overflow:hidden;transition:width .2s}.creator-sidebar.collapsed{width:64px}.creator-sidebar.collapsed span,.creator-sidebar.collapsed b,.creator-sidebar.collapsed .side-section-label{display:none}.creator-sidebar.collapsed .new-button{width:40px;padding:0;justify-content:center}.new-button{width:100%;height:42px;border-radius:12px;border:1px solid #33333a;background:#242428;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;margin-bottom:15px}.new-button:hover{background:#2c2c31}.creator-sidebar nav{display:flex;flex-direction:column;gap:3px}.creator-sidebar nav button,.side-bottom button{width:100%;height:40px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 12px;color:#aaaab3;font-size:13px;text-align:left;white-space:nowrap}.creator-sidebar nav button:hover,.side-bottom button:hover{color:#fff;background:#151518}.creator-sidebar nav button.active{background:#2a2a2e;color:#fff;font-weight:600}.creator-sidebar nav button b{margin-left:auto;font-size:10px;font-weight:600;min-width:19px;height:18px;display:grid;place-items:center;background:#37373c;border-radius:7px}.side-section-label{color:#62626b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:22px 12px 8px}.side-bottom{display:flex;flex-direction:column;gap:3px}.canvas{min-width:0;position:relative;background:#020203;overflow:hidden}.canvas-toolbar{height:50px;position:absolute;top:13px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;z-index:2}.canvas-toolbar>div{display:flex;gap:4px;padding:4px;background:#151518;border:1px solid #26262b;border-radius:11px}.canvas-toolbar button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;border-radius:7px;color:#a8a8b0}.canvas-toolbar button:hover,.canvas-toolbar .tool-active{background:#29292e;color:#fff}.canvas-toolbar>span{color:#66666f;font-size:11px}.empty-state{width:min(440px,80%);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center}.empty-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid #27272c;border-radius:17px;background:#121214;color:#777780}.empty-state h1{font-size:22px;margin:0 0 10px;letter-spacing:-.03em}.empty-state p{color:#777780;font-size:13px;line-height:1.7;margin:0 auto;max-width:390px}.suggestions{display:flex;justify-content:center;gap:8px;margin-top:22px}.suggestions button{height:30px;padding:0 12px;border:1px solid #29292e;border-radius:9px;background:#101012;color:#8f8f98;font-size:11px}.suggestions button:hover{color:#fff;border-color:#45454c}.canvas-status{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;color:#515159;font-size:10px}.result-canvas{padding:82px 45px 58px}.image-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.image-stage img{max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:0 15px 60px #00000073}.zoom-control{align-items:center;color:#aaaab2;font-size:11px}.zoom-control span{width:48px;text-align:center}.result-meta{position:absolute;left:24px;right:24px;bottom:15px;display:flex;justify-content:space-between;color:#73737c;font-size:10px}.result-meta div{display:flex;align-items:center;gap:8px}.result-meta strong{color:#c9c9cf}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.prompt-panel{min-width:0;background:#151517;border-left:1px solid #27272b;display:flex;flex-direction:column}.panel-heading{height:56px;padding:0 14px 0 18px;border-bottom:1px solid #26262a;display:flex;align-items:center;justify-content:space-between}.panel-heading>div{display:flex;align-items:center;gap:9px}.panel-heading strong{font-size:13px}.panel-scroll{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#3a3a3f transparent}.prompt-box{display:block;border:1px solid #323238;border-radius:14px;background:#1b1b1f;overflow:hidden}.prompt-box>span{display:block;font-size:11px;color:#aaaab3;font-weight:600;padding:13px 13px 0}.prompt-box textarea{width:100%;height:116px;resize:none;background:none;color:#e6e6ea;border:0;outline:0;padding:9px 13px;font-size:12px;line-height:1.6}.prompt-box textarea::placeholder{color:#62626a}.prompt-tools{height:37px;padding:0 9px 0 10px;border-top:1px solid #29292e;display:flex;justify-content:space-between;align-items:center}.prompt-tools button{height:27px;border:0;border-radius:7px;background:transparent;color:#9d9da6;display:flex;align-items:center;gap:5px;font-size:10px}.prompt-tools button:hover{background:#29292e;color:#fff}.prompt-tools span{font-size:9px;color:#5f5f68}.control-group{margin-top:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span,.control-title>span{font-size:11px;font-weight:600;color:#bdbdc5}.field select,.field input,.settings-form input,.settings-form select{width:100%;height:38px;border:1px solid #303036;background:#1d1d21;color:#e7e7eb;border-radius:9px;padding:0 10px;font-size:11px;outline:0}.field.block{margin-top:14px}.model-meta{margin-top:7px;display:flex;gap:7px;align-items:center;min-width:0}.model-meta span{font-size:9px;color:#c7c0ff;background:#2d2948;border-radius:5px;padding:3px 6px}.model-meta small{color:#62626a;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.control-title small{color:#71717a;font-size:9px}.segmented{padding:3px;border-radius:10px;background:#1d1d21;display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:2px}.segmented button{min-width:0;height:30px;border:0;background:transparent;color:#7e7e87;border-radius:7px;font-size:9px;padding:0 5px}.segmented button.selected{background:#39393f;color:#fff;box-shadow:inset 0 0 0 1px #45454c}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.advanced-toggle{width:100%;height:40px;margin-top:16px;border:0;border-top:1px solid #29292e;background:transparent;display:flex;align-items:flex-end;justify-content:space-between;color:#a9a9b2;font-size:11px;padding:12px 0 0}.advanced-toggle span{display:flex;align-items:center;gap:7px}.advanced-toggle .rotate{transform:rotate(180deg)}.advanced-fields{padding-top:2px}.inline-error{display:flex;gap:8px;align-items:flex-start;margin-top:15px;padding:10px;border-radius:9px;color:#ffc1ca;background:#3a2026;font-size:10px;line-height:1.45}.generate-footer{padding:14px 16px 12px;border-top:1px solid #29292e}.generate-button{width:100%;height:42px;border:0;border-radius:11px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.generate-button:hover{background:var(--accent-strong)}.generate-button:disabled{opacity:.7}.generate-button span:last-child{margin-left:auto;margin-right:10px;font-size:10px;background:#00000038;padding:3px 7px;border-radius:6px}.generate-footer p{margin:8px 0 0;display:flex;justify-content:center;align-items:center;gap:5px;color:#64646d;font-size:9px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}.spinner.dark{border-color:#d2d2d8;border-top-color:#45454d}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b8;display:grid;place-items:center;padding:20px}.modal-card{width:min(480px,100%);background:#1b1b1f;border:1px solid #35353b;border-radius:18px;padding:19px;box-shadow:0 30px 80px #0000008c}.modal-title{display:flex;align-items:flex-start;justify-content:space-between}.modal-title>div{display:flex;gap:11px}.modal-title h2{margin:0;font-size:16px}.modal-title p{margin:4px 0 0;color:#808089;font-size:10px}.modal-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#2d2948;color:#c8c1ff}.password-input{display:flex;position:relative}.password-input input{padding-right:58px}.password-input button{position:absolute;right:4px;top:4px;height:30px;border:0;background:transparent;color:#8d8d96;font-size:10px;border-radius:6px}.notice{display:flex;gap:10px;margin-top:15px;background:#202028;padding:12px;border-radius:10px;color:#9c96d9}.notice p{color:#8f8f9a;font-size:10px;line-height:1.5;margin:0}.notice strong{color:#c7c2eb}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.button{height:37px;border-radius:9px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:600}.button.ghost{border:1px solid #34343a;background:#202024}.button.ghost:hover{background:#29292e}.button.primary{border:0;background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-strong)}.collection-page{min-width:0;grid-column:span 2;background:#0d0d0f;padding:42px 48px;overflow:auto}.collection-head{display:flex;justify-content:space-between;align-items:flex-end}.collection-head p,.page-title p{margin:0 0 7px;color:#74747d;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.collection-head h1,.page-title h1{margin:0;font-size:25px;letter-spacing:-.04em}.filter-row{display:flex;align-items:center;gap:8px;margin-top:30px}.filter-row>button:not(.icon-button),.table-toolbar>button,.card-heading>button{height:36px;border-radius:9px;border:1px solid #2b2b30;background:#17171a;display:flex;align-items:center;gap:8px;color:#aaaab2;padding:0 11px;font-size:10px}.filter-search,.table-toolbar label{height:36px;width:240px;border:1px solid #2b2b30;background:#17171a;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#707078}.filter-search input,.table-toolbar input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:11px}.collection-empty{margin-top:20px;height:calc(100vh - 250px);border:1px dashed #29292e;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.collection-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#18181b;color:#73737c}.collection-empty h2{font-size:14px;margin:17px 0 6px}.collection-empty p{margin:0 0 17px;color:#777780;font-size:11px}.admin-layout{height:calc(100vh - 64px);display:grid;grid-template-columns:224px minmax(0,1fr);background:#0d0d0f}.admin-sidebar{background:#111113;border-right:1px solid #252529;display:flex;flex-direction:column;padding:18px 12px 13px}.admin-nav-title{color:#65656e;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:0 12px 13px}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-sidebar nav button,.admin-sidebar-bottom>button{width:100%;height:40px;border:0;background:transparent;color:#9b9ba4;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:12px}.admin-sidebar nav button:hover,.admin-sidebar-bottom>button:hover{background:#1b1b1f;color:#fff}.admin-sidebar nav button.active{color:#eee;background:#29292e;font-weight:600}.admin-sidebar-bottom{margin-top:auto}.environment{margin:0 5px 10px;padding:11px;border:1px solid #29292e;border-radius:10px;display:flex;align-items:center;gap:9px}.environment i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #57c78b1a}.environment div{display:flex;flex-direction:column;gap:2px}.environment strong{font-size:10px}.environment span{color:#6f6f78;font-size:9px}.admin-content{overflow:auto;background:#0d0d0f}.admin-page{max-width:1220px;margin:0 auto;padding:38px 40px 60px}.admin-page.narrow-page{max-width:940px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.page-title span{display:block;margin-top:7px;color:#85858e;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{min-height:116px;background:#161619;border:1px solid #29292e;border-radius:14px;padding:17px;display:flex;gap:13px}.stat-icon{width:38px;height:38px;border-radius:10px;background:#25232f;color:#aaa1ff;display:grid;place-items:center}.stat-card>div:last-child{display:flex;flex-direction:column}.stat-card span{color:#888891;font-size:10px}.stat-card strong{font-size:21px;letter-spacing:-.03em;margin-top:6px}.stat-card small{color:#69c895;font-size:9px;margin-top:7px}.admin-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:13px;margin:13px 0}.admin-card{background:#161619;border:1px solid #29292e;border-radius:14px;padding:18px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start}.card-heading h3{font-size:13px;margin:0}.card-heading p{margin:4px 0 0;color:#73737c;font-size:9px}.card-heading>button{height:29px}.chart-area{height:180px;display:grid;grid-template-columns:25px 1fr;gap:8px;margin-top:17px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#55555d;font-size:8px;padding-bottom:18px}.bars{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #2a2a2f;background-size:100% 33%}.bars>div{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column;gap:7px}.bars span{width:100%;background:#7669e8;border-radius:4px 4px 1px 1px;opacity:.82}.bars small{color:#66666f;font-size:8px;align-self:center}.model-usage{margin-top:25px;display:flex;flex-direction:column;gap:21px}.model-usage>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.model-usage span{display:flex;align-items:center;gap:8px;color:#b0b0b8}.usage-color{width:8px;height:8px;border-radius:3px;display:inline-block}.usage-color.purple{background:#8b7ef7}.usage-color.blue{background:#5897df}.usage-color.gray{background:#696973}.healthy{color:#70cc9b!important;font-size:9px!important;margin:0!important;display:flex!important;align-items:center;gap:5px}.healthy i{width:6px;height:6px;border-radius:50%;background:var(--green)}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.service-list>div{border:1px solid #29292e;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px}.service-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#222226;color:#a6a6af}.service-list div div{display:flex;flex-direction:column;gap:3px}.service-list strong{font-size:10px}.service-list span{color:#66666f;font-size:8px}.service-list b{margin-left:auto;color:#6ac895;font-size:8px;font-weight:500}.table-toolbar{display:flex;gap:8px;margin-bottom:12px}.table-toolbar label{width:280px}.table-card{border:1px solid #29292e;border-radius:13px;background:#161619;overflow:hidden}.table-card table{width:100%;border-collapse:collapse;table-layout:auto}.table-card th{height:41px;padding:0 15px;background:#1b1b1f;color:#72727b;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.table-card td{height:68px;padding:0 15px;border-top:1px solid #29292e;color:#aaaab3;font-size:10px;white-space:nowrap}.table-card td strong{color:#ececef}.model-cell{display:flex;align-items:center;gap:11px}.provider-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#24242a;color:#dedee3;font-weight:700}.provider-logo.google{background:#252b36;color:#8ab8f2}.provider-logo.openai{background:#24312c;color:#8fd6b5}.model-cell div{display:flex;flex-direction:column;gap:4px}.model-cell span{color:#676770;font-size:8px}.table-tag{display:inline-block;padding:4px 6px;border-radius:5px;background:#26262b;color:#9898a1;font-size:8px;margin-right:4px}.toggle{width:34px;height:19px;border-radius:10px;border:0;background:#34343a;padding:2px}.toggle span{width:15px;height:15px;border-radius:50%;background:#9b9ba3;display:block;transition:transform .2s}.toggle.on{background:var(--accent)}.toggle.on span{transform:translate(15px);background:#fff}.config-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;border:1px solid #302d42;background:#191821;color:#9e96db;border-radius:11px;padding:13px}.config-note strong{font-size:10px}.config-note p{margin:4px 0 0;color:#74717f;font-size:9px;line-height:1.5}.row-status{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--green);margin-left:7px}.row-status.bad{background:#e76d7f}.row-status.warn{background:#e3b66a}.inline-select,.credits-input{height:31px;border:1px solid #303036;border-radius:8px;background:#1e1e22;color:#c7c7ce;padding:0 8px;font-size:9px}.credits-input{width:76px}.status-button{min-width:64px;height:29px;border:1px solid #294437;border-radius:8px;background:#18271f;color:#72cf9d;font-size:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.status-button i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-button.suspended{color:#e98a98;border-color:#4c2a31;background:#2c1a1e}.table-loading{min-height:80px;display:flex;align-items:center;justify-content:center;gap:9px;color:#76767f}.settings-card{background:#161619;border:1px solid #29292e;border-radius:14px;margin-bottom:13px;padding:20px}.settings-heading{display:flex;gap:11px;padding-bottom:17px;border-bottom:1px solid #29292e}.settings-heading>span{width:36px;height:36px;display:grid;place-items:center;background:#24232e;color:#aaa2f2;border-radius:9px}.settings-heading h3{margin:0;font-size:13px}.settings-heading p{margin:5px 0 0;color:#71717a;font-size:9px}.settings-form{padding-top:4px;max-width:640px}.settings-form>label{display:flex;flex-direction:column;gap:7px;margin-top:15px}.settings-form label>span{color:#aaaab3;font-size:10px;font-weight:600}.settings-form label small{color:#62626a;font-size:8px}.settings-form.two-column{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.test-button{margin-top:16px}@media(max-width:1080px){.creator-layout{grid-template-columns:66px minmax(320px,1fr) 340px}.creator-sidebar{width:66px}.creator-sidebar span,.creator-sidebar b,.creator-sidebar .side-section-label{display:none}.creator-sidebar .new-button{padding:0;width:40px;margin-inline:auto}.creator-sidebar nav button,.side-bottom button{justify-content:center;padding:0}.topbar{grid-template-columns:1fr 340px 1fr}.credits{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.service-list{grid-template-columns:1fr}}@media(max-width:780px){body{overflow:auto}.app-shell{min-height:100vh;height:auto}.topbar{position:sticky;top:0;grid-template-columns:1fr auto}.global-search{display:none}.top-divider,.workspace-title,.top-actions>.icon-button{display:none}.creator-layout{min-height:calc(100vh - 64px);height:auto;grid-template-columns:1fr;grid-template-rows:minmax(420px,55vh) auto}.creator-sidebar{display:none}.prompt-panel{border-left:0;border-top:1px solid #29292e;min-height:650px}.canvas{min-height:420px}.collection-page{grid-column:auto;padding:28px 20px}.admin-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 64px)}.admin-sidebar{overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid #29292e}.admin-nav-title,.admin-sidebar-bottom{display:none}.admin-sidebar nav{flex-direction:row}.admin-sidebar nav button{width:auto;white-space:nowrap}.admin-content{overflow:visible}.admin-page{padding:26px 18px 50px}.stats-grid,.admin-grid{grid-template-columns:1fr}.page-title{align-items:flex-start;gap:15px}.table-card{overflow-x:auto}.table-card table{min-width:700px}.settings-form.two-column,.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.auth-form-side{min-height:100vh;padding:24px}.account-settings-layout{grid-template-columns:1fr}.account-settings-layout>nav{display:flex;border-right:0;border-bottom:1px solid #29292e}.account-settings-layout>nav button{width:auto}.account-settings-body{padding:22px}}.fatal-error{min-height:100vh;display:grid;place-content:center;gap:12px;padding:32px;text-align:center;background:#0b0b0c;color:#f5f5f5}.fatal-error h1,.fatal-error p{margin:0}.fatal-error p{color:#9b9ba1}.fatal-error button{justify-self:center;margin-top:8px;padding:10px 18px;border:1px solid #38383d;border-radius:10px;background:#f2f2f2;color:#111;cursor:pointer}