:root{--bg:#09090d;--panel:#111118;--panel2:#15151e;--line:rgba(255,255,255,.075);--text:#f5f5f7;--muted:#8d8d9d;--purple:#7c5cff;--purple2:#9a7cff;--green:#33d17a;--danger:#ff5b67;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% -20%,rgba(124,92,255,.15),transparent 35%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:24px 16px;border-right:1px solid var(--line);background:rgba(8,8,12,.9);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.5px;padding:4px 10px 28px}.brand-mark{color:var(--purple2);font-size:25px}.nav-item{width:100%;border:0;background:none;color:#aaaaba;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;margin:2px 0;text-align:left;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(124,92,255,.25),rgba(124,92,255,.1));color:#fff}.icon{display:inline-grid;place-items:center;width:20px}.provider-mini{margin-top:auto;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;gap:10px;align-items:center;background:var(--panel)}.provider-mini div{display:flex;flex-direction:column}.provider-mini small{color:var(--muted);margin-top:3px}.status-dot{width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 14px var(--green)}.main{grid-column:2;min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(9,9,13,.78);backdrop-filter:blur(18px)}.search{height:40px;border:1px solid var(--line);border-radius:12px;color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 12px;width:320px;background:rgba(255,255,255,.02)}kbd{margin-left:auto;border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:11px}.avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(145deg,#282836,#15151c);color:#fff}.mobile-menu{display:none;border:0;background:none;color:#fff}.page{padding:30px 34px 90px;max-width:1500px;margin:auto}.enter{animation:enter .28s cubic-bezier(.2,.8,.2,1)}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.hero,.workspace-head,.section-head,.card-head,.row,.toggle-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.hero{padding:8px 0 26px}.hero h1,.workspace-head h1{font-size:32px;margin:5px 0 4px;letter-spacing:-1px}.hero p,.workspace-head p,.section-head p,.setting-row p{margin:0;color:var(--muted)}.eyebrow{font-size:11px!important;letter-spacing:1.4px;color:var(--purple2)!important;font-weight:800}.primary,.ghost,.pill{border:1px solid transparent;border-radius:12px;padding:11px 16px;color:#fff;background:none;transition:.18s}.primary{background:linear-gradient(135deg,var(--purple),#6841ee);box-shadow:0 8px 30px rgba(124,92,255,.18)}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(124,92,255,.3)}.primary:active,.ghost:active{transform:scale(.98)}.primary:disabled{opacity:.5}.ghost{border-color:var(--line);background:rgba(255,255,255,.025)}.ghost:hover{background:rgba(255,255,255,.07)}.small{padding:8px 10px;font-size:12px}.full{width:100%;margin-top:14px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));color:#fff;border-radius:16px;padding:18px;text-align:left;transition:.2s}.quick-card:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.4)}.quick-card div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.quick-card small{color:var(--muted)}.quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(124,92,255,.14);color:var(--purple2)}.stats-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:14px 0 30px}.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,22,31,.96),rgba(15,15,22,.96));border-radius:var(--radius);padding:20px;box-shadow:0 22px 60px rgba(0,0,0,.16)}.badge{padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--muted);font-size:11px}.badge.ok{background:rgba(51,209,122,.1);color:var(--green)}.balance-value{font-size:38px;font-weight:750;margin:20px 0 2px}.sub-balance{color:var(--muted);font-size:13px}.spark{height:45px;display:flex;align-items:end;gap:5px;margin:12px 0}.spark i{display:block;flex:1;border-radius:4px;background:linear-gradient(var(--purple2),transparent);height:35%}.spark i:nth-child(2){height:52%}.spark i:nth-child(3){height:43%}.spark i:nth-child(4){height:75%}.spark i:nth-child(5){height:62%}.spark i:nth-child(6){height:87%}.spark i:nth-child(7){height:72%}.activity{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.activity div{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:16px;border-radius:14px;display:flex;flex-direction:column}.activity b{font-size:24px}.activity small{color:var(--muted);margin-top:4px}.section-head{margin:25px 0 14px}.section-head h2{margin:0 0 4px;font-size:20px}.compact{margin-top:0}.gallery{columns:4 220px;column-gap:12px}.gallery.compact{columns:3 240px}.image-card{break-inside:avoid;margin:0 0 12px;position:relative;border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;transition:.2s;cursor:pointer}.image-card:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.5)}.image-card img{width:100%;display:block;min-height:180px;object-fit:cover;background:#14141c}.image-overlay{position:absolute;left:10px;right:10px;top:10px;display:flex;justify-content:space-between}.image-overlay span,.image-overlay button{border:0;background:rgba(7,7,10,.68);backdrop-filter:blur(10px);color:#fff;border-radius:8px;padding:5px 8px;font-size:11px}.image-meta{padding:12px;display:flex;flex-direction:column;gap:4px}.image-meta small{color:var(--muted)}.gallery-empty{border:1px dashed rgba(255,255,255,.13);border-radius:20px;text-align:center;padding:60px 20px;color:var(--muted)}.gallery-empty>div{font-size:32px;color:var(--purple2)}.gallery-empty h3{color:#fff;margin-bottom:4px}.workspace-head{margin-bottom:22px}.model-select,select,input,textarea{border:1px solid var(--line);background:#0e0e14;color:#eee;border-radius:12px;padding:11px 13px;outline:none}.model-select{min-width:230px}.chat-panel{height:calc(100vh - 190px);min-height:520px;display:flex;flex-direction:column;border:1px solid var(--line);background:rgba(14,14,20,.72);border-radius:20px;overflow:hidden}.messages{flex:1;overflow:auto;padding:24px}.message{display:flex;gap:12px;margin-bottom:20px;max-width:850px}.message.user{margin-left:auto;flex-direction:row-reverse}.message>span{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:rgba(124,92,255,.16);color:var(--purple2)}.message>div{padding:13px 16px;border:1px solid var(--line);background:var(--panel);border-radius:15px;line-height:1.55}.message.user>div{background:linear-gradient(135deg,#7656ee,#5935d0)}.empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty b{color:#fff;font-size:20px}.composer{display:flex;align-items:end;gap:10px;padding:14px;border-top:1px solid var(--line);background:#0c0c11}.composer textarea{resize:none;flex:1;min-height:48px;max-height:140px}.send{width:48px;height:48px;border:0;border-radius:14px;background:var(--purple);color:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card label{display:block;margin:12px 0 8px;font-size:13px}.form-card textarea{width:100%;resize:vertical;min-height:90px}.form-card textarea.large{min-height:155px}.form-card input,.form-card select{width:100%}.row select{flex:1}.toggle-row{margin:16px 0}.toggle-row div{display:flex;flex-direction:column}.toggle-row small{color:var(--muted)}.switch input{display:none}.switch span{display:block;width:44px;height:25px;border-radius:99px;background:#383844;position:relative}.switch span:after{content:"";position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--purple)}.switch input:checked+span:after{left:22px}.prompt-result{min-height:360px;white-space:pre-wrap;line-height:1.65;color:#d7d7df;padding:16px;border-radius:14px;background:#0d0d13;border:1px solid var(--line)}.icon-button{border:0;background:none;color:#fff}.studio-layout{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.sticky-form{position:sticky;top:90px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fineprint{text-align:center;color:var(--muted);font-size:11px}.filters{display:flex;gap:7px}.pill{padding:8px 13px;border-color:var(--line)}.pill.active{background:var(--purple)}.settings-list{display:grid;gap:12px}.setting-row p{margin-top:6px}.setting-row code{color:var(--purple2)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(4px);z-index:90}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);z-index:100;background:#0d0d13;border-left:1px solid var(--line);overflow:auto;animation:drawer .25s ease}.drawer img{width:100%;max-height:55vh;object-fit:cover}.drawer-content{padding:22px}.drawer-content label{color:var(--muted);font-size:12px}.drawer-content p{line-height:1.55}.drawer-close{position:absolute;right:14px;top:14px;border:1px solid var(--line);background:rgba(0,0,0,.55);color:#fff;border-radius:50%;width:34px;height:34px;font-size:20px}.meta-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}.link-button{display:block;text-align:center;text-decoration:none}@keyframes drawer{from{transform:translateX(100%)}to{transform:none}}#toast-root{position:fixed;right:20px;bottom:22px;z-index:200;display:grid;gap:8px}.toast{padding:12px 16px;border-radius:12px;background:#1b1b25;border:1px solid var(--line);box-shadow:0 15px 50px #0008;animation:toast .2s ease}.toast.error{border-color:rgba(255,91,103,.45);color:#ff9ba3}@keyframes toast{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bottom-nav{display:none}.muted{color:var(--muted)}
@media(max-width:900px){.shell{display:block}.sidebar{display:none}.main{display:block}.topbar{height:62px;padding:0 16px}.mobile-menu{display:block}.search{width:auto;flex:1;margin:0 12px}.search span,kbd{display:none}.page{padding:22px 16px 100px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:50;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(10,10,15,.93);backdrop-filter:blur(20px)}.bottom-item{border:0;background:none;color:#777788;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px}.bottom-item.active{color:var(--purple2)}.bottom-item small{font-size:10px}.hero{align-items:flex-start}.hero h1,.workspace-head h1{font-size:26px}.hero>.primary{display:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.stats-grid,.two-col,.studio-layout{grid-template-columns:1fr}.workspace-head{align-items:flex-start;flex-direction:column}.model-select{width:100%}.sticky-form{position:static}.gallery,.gallery.compact{columns:2 140px}.chat-panel{height:calc(100vh - 195px)}.prompt-result{min-height:240px}}
@media(max-width:480px){.quick-card{padding:14px}.quick-card>span{display:none}.stats-grid{grid-template-columns:1fr}.activity{margin-top:20px}.gallery{column-gap:8px}.image-card{margin-bottom:8px}.hero p{font-size:14px}}