:root{--bg:#0b0b0d;--panel:#141418;--panel-2:#1c1c22;--border:#2a2a32;--text:#ededf0;--muted:#9a9aa6;--accent:#d4ff3a;--accent-text:#0b0b0d;--danger:#ff6b6b;--radius:12px}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--panel-2);border-radius:8px;padding:8px 12px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%}textarea{resize:vertical;min-height:110px}label{display:block;color:var(--muted);font-size:12px;margin:12px 0 4px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.error{color:var(--danger)}.muted{color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{padding:24px;width:min(360px,100%);display:grid;grid-gap:12px;gap:12px}.login-card h1{margin:0;font-size:20px}.login-form{display:grid;grid-gap:12px;gap:12px}a.button{display:block;text-align:center;text-decoration:none;border-radius:8px;padding:8px 12px}a.button.primary{background:var(--accent);color:var(--accent-text);font-weight:600}button.link{background:none;border:0;padding:0;text-decoration:underline;justify-self:start}.usage{padding:16px;display:grid;grid-gap:16px;gap:16px}.usage table{width:100%;border-collapse:collapse;font-size:14px}.usage td,.usage th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.usage td.num,.usage th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage .cards{display:flex;gap:12px;flex-wrap:wrap}.usage .cards .panel{padding:12px 16px;min-width:140px}.usage .cards b{display:block;font-size:22px}.scope{display:inline-flex;gap:4px}.divider{width:1px;align-self:stretch;background:var(--border);margin:4px 12px}.usage-bar{display:flex;gap:12px;align-items:center}.usage-bar select{width:auto}.usage .table-wrap{overflow-x:auto}.top{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:2}.top .brand{font-weight:700}.lang{display:inline-flex;padding:2px;margin-right:12px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);flex:none}.lang button{border:0;background:none;border-radius:999px;padding:3px 10px;font-size:12px;color:var(--muted)}.lang button:hover:not(.on){color:var(--text)}.lang button.on{background:var(--text);color:var(--bg);font-weight:600}.login-card .lang{justify-self:end;margin-right:0}.top{overflow-x:auto}.top .spacer{flex:1 1}.top .build{font-size:12px}.tab,.top .build{white-space:nowrap}.tab{background:var(--panel-2);border-color:var(--border);color:var(--text)}.tab:hover:not(:disabled){border-color:var(--muted)}.tab.on{color:var(--accent-text);background:var(--accent);border-color:var(--accent);font-weight:600}.results-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.layout{display:grid;grid-template-columns:360px 1fr;grid-gap:16px;gap:16px;padding:16px}@media (max-width:860px){.layout{grid-template-columns:1fr}}.composer{padding:16px;align-self:start;position:-webkit-sticky;position:sticky;top:64px}@media (max-width:860px){.composer{position:static}}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.hint{font-size:12px;color:var(--muted);margin-top:4px}.submit{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.cost{color:var(--muted);font-size:12px}.refs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ref{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--panel-2)}.ref img,.ref video{width:100%;height:100%;object-fit:cover}.ref button{position:absolute;top:2px;right:2px;padding:0 5px;font-size:11px;line-height:16px;border-radius:6px;background:#000a}.add{width:56px;height:56px;display:grid;place-items:center;font-size:20px}.slot{font-size:11px;color:var(--muted);text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.card{overflow:hidden}.card .media{aspect-ratio:1;background:var(--panel-2);display:grid;place-items:center;overflow:hidden}.card .media img,.card .media video{width:100%;height:100%;object-fit:contain;background:#000}.card .meta{padding:10px;font-size:12px;display:grid;grid-gap:6px;gap:6px}.card .prompt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .actions{display:flex;gap:6px;flex-wrap:wrap}.card .actions a,.card .actions button{font-size:12px;padding:4px 8px}.card .actions a{border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;background:var(--panel-2)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty{padding:48px 16px;text-align:center;color:var(--muted)}.picker{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:10;padding:16px}.picker .panel{width:min(900px,100%);max-height:85vh;overflow:auto;padding:16px}.picker .grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.picker .pick{padding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left}.picker .pick .slot,.picker .pick img,.picker .pick video{width:100%;aspect-ratio:1;object-fit:cover}.picker .pick-label{font-size:11px;color:var(--muted,#999);padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.droppable{border:1px dashed transparent;border-radius:8px;transition:border-color .1s,background .1s}.droppable.over{border-color:var(--accent);background:rgba(212,255,58,.06)}.connect{display:grid;grid-gap:16px;gap:16px;max-width:760px}.connect,.connect .panel{padding:16px}.connect h3{margin:0 0 8px}.connect ol{margin:0;padding-left:20px;display:grid;grid-gap:6px;gap:6px}.connect-url{display:flex;gap:8px}.connect-url input{font-family:ui-monospace,monospace;font-size:12px}.connect-actions{display:flex;gap:8px;margin:12px 0 4px}.connect-url button{flex:none;white-space:nowrap}.voice-pick{display:flex;gap:6px}.voice-pick select{flex:1 1;min-width:0}.voice-pick .preview{flex:none;white-space:nowrap}.card .media audio{width:92%}