:root{--bg-0:#06070d;--bg-1:#0d1020;--surface:#14182ab8;--surface-2:#1e233c8c;--border:#ffffff14;--border-strong:#ffffff29;--text:#e7e9f3;--text-dim:#9aa0bd;--accent:#7c5cff;--accent-2:#22d3ee;--danger:#ff6b81;--radius:18px;--shadow:0 30px 60px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{background:radial-gradient(1200px 600px at 100% -10%, #7c5cff2e, transparent 60%), radial-gradient(1000px 500px at -10% 20%, #22d3ee24, transparent 55%), linear-gradient(180deg, var(--bg-1), var(--bg-0));min-height:100dvh;position:relative;overflow:hidden}.aurora{filter:blur(90px);opacity:.6;pointer-events:none;background:conic-gradient(from 120deg at 30% 30%,#7c5cff59,#0000 40%),conic-gradient(from 300deg at 70% 40%,#22d3ee4d,#0000 45%);height:60vh;animation:16s ease-in-out infinite alternate drift;position:absolute;inset:-30% -10% auto}@keyframes drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.1)}}.shell{z-index:1;flex-direction:column;gap:22px;width:min(760px,100%);margin:0 auto;padding:clamp(20px,4vw,48px) clamp(16px,4vw,28px) 64px;display:flex;position:relative}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;display:grid;box-shadow:0 8px 20px -6px #7c5cffb3}.brand-name{font-size:1.05rem}.status-pill{color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px 12px;font-size:.78rem;display:inline-flex;overflow:hidden}.status-dot{background:#2dd4bf;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2dd4bf2e}.hero h1{letter-spacing:-.02em;background:linear-gradient(#fff,#b9bde0);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1}.hero p{color:var(--text-dim);margin:0;font-size:clamp(.95rem,2.5vw,1.05rem)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);padding:clamp(16px,3vw,24px)}.form{gap:16px;display:grid}.field{gap:8px;display:grid}.field-head{justify-content:space-between;align-items:center;display:flex}label{color:var(--text-dim);font-size:.85rem;font-weight:600}.counter{color:var(--text-dim);font-size:.75rem}input,textarea{width:100%;font:inherit;color:var(--text);border:1px solid var(--border-strong);background:#090b16b3;border-radius:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder,textarea::placeholder{color:#9aa0bd99}input:focus,textarea:focus{background:#090b16e6;border-color:#7c5cffcc;outline:none;box-shadow:0 0 0 4px #7c5cff2e}textarea{resize:vertical;min-height:130px;line-height:1.5}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:11px 18px;font-weight:600;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--accent), #5b8bff);box-shadow:0 12px 24px -10px #7c5cffcc}.btn.primary:hover:not(:disabled){box-shadow:0 16px 30px -10px #7c5cffe6}.btn.primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.ghost{color:var(--text-dim);border-color:var(--border-strong);background:0 0}.btn.ghost:hover{color:var(--text);border-color:var(--text-dim)}.btn.tiny{color:var(--text-dim);background:var(--surface-2);border-color:var(--border);padding:6px 12px;font-size:.8rem}.btn.tiny:hover{color:var(--text)}.hint-line{color:#9aa0bdbf;text-align:right;margin:0;font-size:.78rem}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#ffd7dd;background:#ff6b811f;border:1px solid #ff6b8159;border-radius:12px;margin:0;padding:12px 16px;font-size:.9rem}.response-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.badge{color:var(--accent-2);background:#22d3ee1f;border:1px solid #22d3ee4d;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600}.response pre{white-space:pre-wrap;word-break:break-word;color:#eef0fb;margin:0;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:.92rem;line-height:1.6}.stream-content .cursor{background:var(--accent-2);width:2px;height:1em;margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.skeleton{gap:12px;display:grid}.skeleton span{background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.3s ease-in-out infinite shimmer}.skeleton span:nth-child(2){width:85%}.skeleton span:nth-child(3){width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity .25s,transform .25s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(6px)}@media (width<=560px){.actions{justify-content:stretch}.actions .btn{flex:auto;justify-content:center}.hint-line{text-align:center}.status-pill{max-width:60vw}}@media (prefers-reduced-motion:reduce){.aurora,.spinner,.skeleton span{animation:none}}