:root{--bg:#0e1210;--panel:#171c19;--panel2:#1d2420;--line:#354039;--muted:#8d9b91;--text:#edf3ed;--accent:#d7ff5d;--ink:#182006;--danger:#ff8f84;--ok:#cfff57}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{grid-template-columns:242px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#121714;border-right:1px solid #29312b;flex-direction:column;gap:25px;padding:27px 17px 18px;display:flex}.brand{align-items:center;gap:10px;padding:0 10px;display:flex}.brand-mark{width:29px;height:29px;color:var(--accent);border:1px solid #6e8446;border-radius:8px;place-items:center;display:grid}.brand strong{letter-spacing:.16em;font-size:13px;display:block}.brand span{color:#6e7e73;letter-spacing:.15em;margin-top:2px;font-size:9px;display:block}.nav-label,.eyebrow{color:#69776d;letter-spacing:.18em;font-size:10px}.nav-label{margin-bottom:-16px;padding:0 10px}.nav{gap:5px;display:grid}.nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:11px 12px;display:flex}.nav button:hover,.nav button.active{color:var(--text);background:#202823}.nav button.active{box-shadow:inset 2px 0 var(--accent)}.sidebar-spacer{flex:1}.usage{border:1px solid var(--line);background:#171d19;border-radius:9px;padding:13px}.usage>div:first-child{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.usage b{color:var(--text);font-weight:600}.usage-bar{background:#2d382f;border-radius:99px;height:4px;margin:11px 0 8px;overflow:hidden}.usage-bar i{background:var(--accent);height:100%;display:block}.usage small,.sidebar-footer{color:#67756b;font-size:10px}.sidebar-footer{padding:0 10px}.main{min-width:0;padding:0 33px 38px}.topbar{border-bottom:1px solid #29312b;justify-content:space-between;align-items:center;height:77px;display:flex}.crumb{color:#728077;font-size:12px}.crumb span{color:#4d5a51;margin:0 9px}.crumb b{color:#d9e2d9;font-weight:500}.top-actions{align-items:center;gap:10px;display:flex}.api-pill{border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;display:flex}.api-pill i{background:#e3ab61;border-radius:50%;width:6px;height:6px;display:block}.api-pill.ready i{background:var(--accent)}.user-name{color:var(--muted);font-size:11px}.icon-button{width:35px;height:35px;color:var(--muted);border:1px solid var(--line);background:#171d19;border-radius:8px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--text);border-color:#607063}.intro{justify-content:space-between;align-items:end;gap:20px;padding:31px 0 25px;display:flex}.intro h1{letter-spacing:-.04em;margin:7px 0;font-size:clamp(26px,3vw,35px);line-height:1.1}.intro p:not(.eyebrow){color:var(--muted);max-width:570px;margin:0}.intro strong{color:var(--accent);font-weight:650}.shortcut{color:#738177;white-space:nowrap;font-size:11px}kbd{border:1px solid var(--line);background:#161c18;border-bottom-width:2px;border-radius:4px;margin-left:3px;padding:2px 5px}.workspace-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:11px;box-shadow:0 19px 50px #0004}.composer,.history-panel{padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px;display:flex}.panel-head h2{margin:5px 0 0;font-size:14px;font-weight:650}.mode-badge{color:var(--accent);background:#1a2517;border:1px solid #4e6335;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex}.dropzone{text-align:center;cursor:pointer;background:#131815;border:1px dashed #546258;border-radius:8px;place-items:center;min-height:177px;margin-bottom:17px;display:grid;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--accent)}.dropzone input{display:none}.drop-copy{color:var(--muted)}.drop-copy svg{color:var(--accent);margin:0 auto 9px;display:block}.drop-copy b{color:#d8e2d9;font-size:12px;font-weight:550;display:block}.drop-copy span{color:#6d7b71;margin-top:3px;font-size:11px;display:block}.dropzone.has-image img{object-fit:cover;width:100%;height:177px;display:block}.drop-overlay{color:#e6eee6;background:#111612e8;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.mode-switch{border:1px solid var(--line);background:#111512;border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:16px;padding:3px;display:grid}.mode-switch button{color:var(--muted);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;display:flex}.mode-switch button.selected{color:var(--text);background:#252d26;box-shadow:0 1px 3px #0008}.field-label{color:#c6d0c7;justify-content:space-between;margin:0 0 7px;font-size:12px;display:flex}.field-label span{color:#718076;font-size:10px}textarea,input,select{width:100%;color:var(--text);border:1px solid var(--line);background:#111512;border-radius:7px}textarea{resize:vertical;min-height:126px;margin-bottom:15px;padding:11px;line-height:1.55}input,select{height:38px;padding:0 11px}textarea::placeholder,input::placeholder{color:#5c6a60}.field-row{grid-template-columns:1fr 1.15fr;align-items:end;gap:10px;margin-bottom:15px;display:grid}.field-row .field-label{margin-bottom:7px;display:block}.model-row{border-top:1px solid #2c352e;justify-content:space-between;align-items:end;padding:13px 0 15px;display:flex}.model-row .field-label{margin-bottom:4px;display:block}.model-row strong{font-size:12px}.cost{text-align:right}.cost span{color:#748177;font-size:10px;display:block}.cost b{color:var(--accent);font-size:15px}.generate{background:var(--accent);width:100%;color:var(--ink);border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.generate:hover{filter:brightness(1.05)}.generate:disabled{opacity:.65;cursor:wait}.generate em{opacity:.7;margin-left:auto;font-size:11px;font-style:normal;font-weight:650}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-status{color:#6f7d73;align-items:center;gap:6px;margin:11px 0 0;font-size:10px;display:flex}.form-status.success,.connection.success{color:var(--ok)}.form-status.error,.connection.error{color:var(--danger)}.history-panel{min-height:634px}.panel-actions{gap:7px;display:flex}.history-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:11px;display:grid}.history-card{border:1px solid var(--line);background:#1d2420;border-radius:8px;min-width:0;overflow:hidden}.history-card img{aspect-ratio:1;object-fit:cover;background:#202720;width:100%;display:block}.history-meta{padding:9px 10px 10px}.history-meta p{white-space:nowrap;text-overflow:ellipsis;color:#c4cec5;margin:0 0 8px;font-size:11px;overflow:hidden}.history-meta>div{color:#758278;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.history-meta>div span:last-child{color:var(--accent)}.history-meta a{color:#d6ff61;align-items:center;gap:5px;font-size:11px;text-decoration:none;display:flex}.empty{text-align:center;border:1px solid #29312b;border-radius:8px;align-content:center;justify-items:center;min-height:493px;padding:20px;display:grid}.empty-icon{width:52px;height:52px;color:var(--accent);background:#1a2319;border:1px solid #52624f;border-radius:14px;place-items:center;margin-bottom:15px;display:grid}.empty h3{margin:0 0 7px;font-size:15px}.empty p{color:var(--muted);margin:0;font-size:12px}code{color:#cfff57;font-size:11px}.history-footer{color:#748177;border-top:1px solid #2c352e;justify-content:space-between;margin-top:15px;padding-top:12px;font-size:11px;display:flex}.history-footer strong{color:var(--accent);font-weight:600}.modal-backdrop{z-index:20;background:#070a08cf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#1a201c;border:1px solid #3b4840;border-radius:12px;width:min(520px,100%);padding:21px;box-shadow:0 30px 90px #000b}.modal-head{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.modal-head h2{margin:0 0 5px;font-size:17px}.modal-head p{color:var(--muted);margin:0;font-size:11px}.modal>input,.key-input{margin-bottom:14px}.modal-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.key-input{gap:7px;display:flex}.key-input input{flex:1}.key-input .icon-button{flex:0 0 35px}.connection{color:#6f7d73;min-height:18px;margin:0;font-size:11px}.modal-actions{border-top:1px solid #303a32;justify-content:space-between;gap:9px;margin-top:17px;padding-top:16px;display:flex}.modal-actions>div{gap:8px;display:flex}.secondary,.primary{border-radius:7px;padding:9px 13px}.secondary{border:1px solid var(--line);color:var(--muted);background:#202722}.secondary:hover{color:var(--text);border-color:#68776b}.primary{color:var(--ink);background:var(--accent);border:0;font-weight:650}.password-modal form>input{margin-bottom:14px}.env-note{color:#839087;background:#151b17;border:1px solid #334137;border-radius:7px;align-items:center;gap:7px;margin:2px 0 12px;padding:10px;font-size:11px;display:flex}.env-note svg{color:var(--accent);flex:none}.toast{z-index:30;border:1px solid var(--line);max-width:calc(100vw - 48px);color:var(--text);background:#242c26;border-radius:8px;padding:11px 14px;font-size:12px;position:fixed;bottom:23px;right:24px;box-shadow:0 15px 40px #0008}.auth-shell{min-height:100vh;color:var(--text);background:#0e1210;place-items:center;padding:20px;display:grid}.auth-card{border:1px solid var(--line);background:#171c19;border-radius:12px;width:min(390px,100%);padding:27px;box-shadow:0 25px 70px #0008}.auth-brand{margin-bottom:35px;padding:0}.auth-card h1{margin:8px 0 7px;font-size:26px}.auth-copy{color:var(--muted);margin:0 0 25px;font-size:12px}.auth-card form input{margin-bottom:15px}.auth-card form .generate{margin-top:4px}.auth-foot{color:#758278;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:10px;display:flex}.admin-shell{min-height:100vh;color:var(--text);background:#0e1210}.admin-top{border-bottom:1px solid #29312b;justify-content:space-between;align-items:center;height:77px;padding:0 34px;display:flex}.admin-user{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.admin-main{width:min(1180px,100% - 48px);margin:0 auto;padding:42px 0 60px}.admin-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px;display:flex}.admin-heading h1{margin:7px 0;font-size:31px}.admin-heading p:not(.eyebrow){color:var(--muted);margin:0}.admin-total{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-width:150px;padding:14px 17px}.admin-total span,.admin-total small{color:#758278;font-size:10px;display:block}.admin-total strong{margin:4px 0;font-size:23px;display:block}.admin-total small{color:var(--accent);font-size:12px}.admin-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-create,.admin-users{padding:18px}.admin-create .panel-head{align-items:center}.admin-create input{margin-bottom:15px}.user-table{border:1px solid var(--line);border-radius:8px;overflow:auto}.user-row{color:#b7c2b9;border-bottom:1px solid #2c352e;grid-template-columns:1.25fr .7fr .55fr 1.15fr .6fr 1.3fr;align-items:center;gap:8px;min-width:760px;padding:12px;font-size:11px;display:grid}.user-row:last-child{border-bottom:0}.user-row strong{color:var(--text);font-weight:600}.table-head{color:#728077;background:#141914;font-size:10px}.table-empty{color:var(--muted);text-align:center;padding:35px 12px;font-size:12px}.active-state{color:var(--accent)}.inactive-state{color:var(--danger)}.toggle{border:1px solid var(--line);color:var(--muted);background:#202722;border-radius:5px;justify-self:start;padding:5px 8px;font-size:10px}.toggle:hover{color:var(--text);border-color:#6a786d}.account-actions{align-items:center;gap:6px;display:flex}.quota-editor{align-items:center;gap:5px;min-width:0;display:flex}.quota-editor input{width:62px;height:29px;padding:0 7px;font-size:10px}.admin-history{margin-top:18px;padding:18px}.admin-history-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:11px;display:grid}.admin-history .history-card img{aspect-ratio:1}@media (width<=900px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{align-items:center;padding:22px 10px 16px}.brand{padding:0}.brand strong,.brand span,.nav-label,.nav button span,.usage,.sidebar-footer{display:none}.nav{width:100%}.nav button{justify-content:center;padding:12px 0}.nav button.active{box-shadow:inset 0 -2px var(--accent)}.main{padding:0 19px 30px}.workspace-grid{grid-template-columns:minmax(275px,350px) minmax(0,1fr)}}@media (width<=700px){.main{padding:0 13px 24px}.topbar{height:65px}.crumb{display:none}.intro{padding:24px 0 20px;display:block}.shortcut{margin-top:12px}.workspace-grid{grid-template-columns:1fr}.history-panel{min-height:510px}.empty{min-height:390px}.admin-top{padding:0 16px}.admin-user span{display:none}.admin-main{width:calc(100% - 26px);padding:30px 0 40px}.admin-heading{display:block}.admin-total{margin-top:18px}.admin-grid{grid-template-columns:1fr}}