:root{color-scheme:dark;--bg:#070711;--bg2:#0d1024;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.11);--border:rgba(255,255,255,.13);--text:#f8fafc;--muted:#a6adc8;--gold:#d4af37;--gold2:#fff3bd;--danger:#ff6b83;--ok:#5ee2a0;--warn:#ffd166;--shadow:0 24px 70px rgba(0,0,0,.35);--radius:22px;--sidebar:280px;--bottom:74px}html[data-theme=light]{color-scheme:light;--bg:#f7f4ec;--bg2:#fffaf0;--panel:rgba(255,255,255,.82);--panel2:rgba(255,255,255,.95);--border:rgba(30,25,10,.12);--text:#151515;--muted:#646977;--shadow:0 24px 70px rgba(106,83,11,.12)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(212,175,55,.22),transparent 34rem),radial-gradient(circle at 85% 8%,rgba(98,78,255,.19),transparent 31rem),linear-gradient(135deg,var(--bg),var(--bg2));color:var(--text);overflow-x:hidden}.skip-link{position:absolute;left:-999px;top:10px;z-index:20;background:var(--gold);color:#121212;padding:10px 14px;border-radius:12px}.skip-link:focus{left:10px}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--border);background:rgba(3,4,12,.58);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.25rem;letter-spacing:.01em}.brand img{width:38px;height:38px}.new-chat,.primary,.secondary,.ghost,.nav-item,.mobile-item,.fab,.send,.tab{border:0;border-radius:16px;cursor:pointer;font:inherit;transition:.2s ease;touch-action:manipulation}.new-chat,.primary,.send{background:linear-gradient(135deg,var(--gold),#f7d36d);color:#121212;font-weight:800;box-shadow:0 12px 32px rgba(212,175,55,.28)}.new-chat{padding:14px 16px;text-align:left}.primary,.secondary,.ghost{padding:12px 16px}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.full{width:100%}button:hover,.action-card:hover,.data-card:hover,.list-card:hover{transform:translateY(-1px);filter:brightness(1.06)}button:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}nav{display:flex;flex-direction:column;gap:6px;overflow:auto}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;background:transparent;color:var(--muted);text-align:left}.nav-item.active,.nav-item:hover{background:var(--panel);color:var(--text)}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.credit-card,.profile-card{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:12px}.credit-card{justify-content:space-between}.credit-card span,.profile-card small,.muted{color:var(--muted)}.avatar,.message-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#7c5cff);color:#101010;font-weight:800}.workspace{min-width:0;padding:28px 28px 96px}.system-banner{display:flex;gap:12px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(255,209,102,.4);background:rgba(255,209,102,.12);border-radius:18px;color:var(--gold2)}.hero-panel,.panel,.studio-hero,.chat-panel,.context-panel,.auth-card,.auth-copy,.code-studio{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);border-radius:var(--radius);padding:28px}.hero-panel{min-height:360px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -14% -58% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.33),transparent 68%);pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:800;font-size:.78rem}.hero-panel h1,.auth-copy h1,.studio-hero h1,.pricing h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:.92;margin:10px 0}.hero-copy,.studio-hero p,.section-head p{font-size:1.07rem;color:var(--muted);max-width:820px;line-height:1.65}.hero-actions,.row,.composer-tools,.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:26px 0 14px}.section-head h1,.section-head h2{margin:0 0 6px}.action-grid,.card-grid,.metrics,.settings-grid,.status-grid,.provider-grid,.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.action-card,.data-card,.list-card,.metrics article,.status-grid article,.unavailable,.mini-panel,.code-sample,.provider-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:18px}.action-card{cursor:pointer;min-height:160px}.action-card i{font-size:1.5rem;color:var(--gold)}.action-card h3,.data-card h3{margin:18px 0 8px}.action-card p,.data-card p{color:var(--muted);line-height:1.5}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;min-height:calc(100vh - 160px)}form label{display:grid;gap:8px;color:var(--muted);font-weight:650}input,textarea,select{width:100%;border:1px solid var(--border);background:rgba(0,0,0,.18);color:var(--text);border-radius:14px;padding:12px 14px;font:inherit;outline:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15)}.auth-card,.builder-form{display:grid;gap:14px}.chat-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;height:calc(100vh - 58px)}.context-panel{overflow:auto}.mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tab{padding:9px 11px;background:var(--panel);color:var(--muted);border:1px solid var(--border);text-transform:capitalize}.tab.active{color:#101010;background:var(--gold)}details{margin:16px 0}summary{cursor:pointer;font-weight:800}.mini-panel{margin-top:14px}.model-row{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--border)}.model-row:last-child{border-bottom:0}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel2);border-radius:999px;padding:7px 10px;font-size:.82rem;color:var(--muted)}.pill.tiny{font-size:.68rem;padding:4px 7px;margin-right:4px}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:0;padding:0;overflow:hidden}.chat-panel header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.chat-panel h1{margin:0}.chat-panel p{margin:4px 0 0;color:var(--muted)}.messages{overflow:auto;padding:22px;display:flex;flex-direction:column;gap:16px}.message{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.message.user{margin-left:8%}.message.assistant{margin-right:4%}.message-body{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:14px 16px}.message.user .message-body{background:rgba(212,175,55,.13)}.message-content{line-height:1.62}.message-content pre{overflow:auto;background:rgba(0,0,0,.35);padding:14px;border-radius:14px}.message-content table{border-collapse:collapse;width:100%;overflow:auto}.message-content td,.message-content th{border:1px solid var(--border);padding:8px}.message footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:.82rem}.message footer button{background:transparent;border:0;color:var(--muted);cursor:pointer}.composer{margin:0 18px 18px;border:1px solid var(--border);background:var(--panel2);border-radius:22px;padding:10px}.composer textarea{border:0;background:transparent;min-height:76px;padding:10px}.composer-tools{justify-content:flex-end}.composer-tools button{width:40px;height:40px;border-radius:12px;background:transparent;color:var(--muted);border:1px solid transparent}.composer-tools button:hover{border-color:var(--border);background:var(--panel)}.composer-tools .send{color:#121212}.empty-state{display:grid;place-items:center;text-align:center;gap:10px;min-height:220px;color:var(--muted);border:1px dashed var(--border);border-radius:22px;padding:22px}.empty-state img{width:72px}.list,.pricing{display:grid;gap:12px}.list-card{display:flex;justify-content:space-between;align-items:center;gap:16px}.inline-form{display:flex;gap:10px;align-items:center;margin:10px 0 18px}.builder-form{grid-template-columns:repeat(2,minmax(0,1fr));background:var(--panel);border:1px solid var(--border);padding:18px;border-radius:22px;margin-bottom:18px}.builder-form label:nth-child(2),.builder-form label:nth-child(3),.builder-form label:nth-child(5),.builder-form label:nth-child(6){grid-column:1/-1}.builder-form button{width:max-content}.unavailable{display:flex;gap:14px;align-items:flex-start;margin-top:18px}.unavailable i{color:var(--gold);font-size:1.5rem}.code-studio{display:grid;gap:16px}.editor-shell{display:grid;grid-template-columns:260px 1fr;min-height:460px;border:1px solid var(--border);border-radius:20px;overflow:hidden}.editor-shell aside{background:var(--panel);padding:16px}.editor-shell textarea{border:0;border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(0,0,0,.3)}.metrics article span{display:block;color:var(--muted)}.metrics article strong{font-size:1.8rem}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid{grid-template-columns:1fr 1fr}.provider-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.provider-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-form .wide{grid-column:1/-1}.provider-form .check{display:flex;align-items:center;gap:9px}.provider-form .check input{width:auto}.error-text{color:var(--danger)}.status-grid article{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px rgba(255,255,255,.05)}.status-dot.ok{background:var(--ok)}.status-dot.warn{background:var(--warn)}.status-dot.off{background:var(--muted)}pre{white-space:pre-wrap;overflow:auto}.featured{border-color:rgba(212,175,55,.45);box-shadow:0 0 0 1px rgba(212,175,55,.14),var(--shadow)}.toast-host{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:50}.toast{display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 32px));background:var(--panel2);border:1px solid var(--border);border-left:4px solid var(--gold);backdrop-filter:blur(20px);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow)}.toast.error{border-left-color:var(--danger)}.toast button{margin-left:auto;background:transparent;color:var(--text);border:0}.bottom-nav,.fab{display:none}@media (max-width:1100px){.action-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-layout{grid-template-columns:1fr}.context-panel{height:auto}.chat-panel{min-height:720px}.split,.auth-layout{grid-template-columns:1fr}}@media (max-width:760px){:root{--bottom:76px}.app-shell{display:block}.sidebar{display:none}.workspace{padding:14px 14px calc(var(--bottom) + 28px)}.hero-panel,.panel,.studio-hero,.chat-panel,.context-panel,.auth-card,.auth-copy,.code-studio{padding:18px;border-radius:20px}.hero-panel{min-height:430px}.hero-actions .primary,.hero-actions .secondary{width:100%}.section-head{align-items:stretch;flex-direction:column}.action-grid,.card-grid,.metrics,.settings-grid,.status-grid,.provider-grid,.setup-grid{grid-template-columns:1fr}.chat-layout{height:auto}.chat-panel{min-height:calc(100vh - 150px);padding:0}.message.user{margin-left:0}.message.assistant{margin-right:0}.messages{padding:14px}.composer{margin:0 8px 10px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:var(--bottom);z-index:30;border-top:1px solid var(--border);background:rgba(3,4,12,.82);backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom)}.mobile-item{display:grid;place-items:center;gap:3px;background:transparent;color:var(--muted);font-size:.72rem}.mobile-item i{font-size:1rem}.mobile-item.active{color:var(--gold)}.fab{position:fixed;right:18px;bottom:calc(var(--bottom) + 16px);z-index:35;place-items:center;width:58px;height:58px;border-radius:22px;background:var(--gold);color:#111;box-shadow:var(--shadow)}.inline-form{display:grid}.builder-form{grid-template-columns:1fr}.editor-shell{grid-template-columns:1fr}.editor-shell aside{min-height:120px}.toast-host{left:12px;right:12px;bottom:calc(var(--bottom) + 8px)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}