:root{color-scheme:dark;--bg:#0b1020;--panel:#121a2d;--panel2:#0e1729;--line:#26334c;--text:#eaf0fb;--muted:#91a0b9;--accent:#9bbcff;--accent2:#6f9cff;--good:#76d6b0;--bad:#ff8d9a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#1c2a48 0,transparent 52%),var(--bg);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}.topbar{height:66px;border-bottom:1px solid #202c43;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));gap:36px;background:#0b1020dd;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #536d9a;border-radius:9px;color:#b7d0ff;font-size:12px;letter-spacing:-1px}
nav{display:flex;gap:24px;color:var(--muted);font-size:13px}nav a:hover,nav a.active{color:var(--text)}.public-tag{margin-left:auto;border:1px solid #335b58;color:#9ce2cb;border-radius:99px;padding:6px 11px;font-size:11px;letter-spacing:.06em}
.layout{width:min(1180px,calc(100% - 40px));margin:0 auto}.hero{padding:56px 0 30px;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#91b2ec;font-weight:700;margin:0 0 11px}.hero h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.045em;line-height:1.07;margin:0;max-width:780px}.hero h1 span{color:#9bbcff}.hero-copy{color:#a7b4c9;max-width:700px;line-height:1.75;font-size:14px;margin:18px 0 0}.hero-note{font-size:11px;color:#9bdcc5;white-space:nowrap;padding-bottom:5px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68d7ac;margin-right:8px;box-shadow:0 0 12px #68d7ac}
.panel{background:linear-gradient(145deg,#151f34,#101829);border:1px solid var(--line);border-radius:17px;padding:24px;margin:16px 0 26px;box-shadow:0 18px 60px #0002}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-heading h2{font-size:20px;letter-spacing:-.025em;margin:0}.section-heading .eyebrow{margin-bottom:7px}.muted{color:var(--muted);font-size:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.wide{grid-column:1/-1}.field>span{font-size:12px;font-weight:650;color:#d5deee}.field small{font-weight:400;color:var(--muted)}
input,textarea{width:100%;background:#0b1323;border:1px solid #34435f;color:var(--text);border-radius:9px;padding:11px 12px;font:inherit;font-size:13px;outline:none;resize:vertical;line-height:1.55}input:focus,textarea:focus{border-color:#789de2;box-shadow:0 0 0 3px #789de21c}input::placeholder,textarea::placeholder{color:#61718b}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.button{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer;transition:.15s}.button:disabled{opacity:.4;cursor:not-allowed}.button.primary{background:#9bbcff;color:#0b1425}.button.primary:hover:not(:disabled){background:#b6ceff;transform:translateY(-1px)}.button.secondary{background:#1b2942;border-color:#334563;color:#dce8ff}.button.secondary:hover:not(:disabled){background:#253756}.status{font-size:11px;color:var(--muted)}.status.error{color:var(--bad)}.status.success{color:var(--good)}
.model-picker{margin-top:22px;padding-top:18px;border-top:1px solid #293650}.picker-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.model-choices{display:flex;flex-wrap:wrap;gap:8px}.model-chip{display:flex;align-items:center;gap:8px;border:1px solid #35435d;background:#0d1729;border-radius:8px;padding:8px 11px;font-size:11px;color:#c5d2e8;max-width:100%}.model-chip input{width:auto;accent-color:#9bbcff;margin:0}.model-chip span{overflow-wrap:anywhere}.empty-inline{color:#7888a2;font-size:12px;margin:4px 0}.fine-print{font-size:10px;color:#7d8ba2;margin:16px 0 0;line-height:1.6}
.prompt-panel .field+.field{margin-top:15px}.run-toolbar{margin-top:18px}.run-toolbar .button{padding:12px 18px}.results-section{margin:36px 0}.results-section>.section-heading{align-items:end}.result-actions{display:flex;align-items:center;gap:18px}.text-link{font-size:11px;color:#a9c4f6}.text-link:hover{text-decoration:underline}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px}
.empty-state{grid-column:1/-1;text-align:center;padding:46px 20px;border:1px dashed #34435f;border-radius:14px;color:var(--muted)}.empty-icon{font-size:32px;color:#8eabd9}.empty-state h3{font-size:15px;color:#dce6f7;margin:10px 0 6px}.empty-state p{font-size:12px;margin:0}
.result-card{background:#111b2e;border:1px solid #2b3953;border-radius:14px;overflow:hidden;min-width:0}.result-head{padding:15px 16px;border-bottom:1px solid #2b3953;display:flex;align-items:center;justify-content:space-between;gap:10px}.result-model{font-size:13px;font-weight:700;overflow-wrap:anywhere}.result-meta{font-size:10px;color:var(--muted);margin-top:5px}.result-state{font-size:10px;color:#9fc2ff}.result-state.error{color:var(--bad)}.result-body{padding:16px;min-height:150px}.result-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d7e1f1;margin:0;max-height:460px;overflow:auto}.result-placeholder{font-size:12px;color:#73839d}.rating-row{padding:12px 16px;border-top:1px solid #2b3953;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.rating-row select{margin-left:auto;background:#0b1323;border:1px solid #34435f;color:var(--text);border-radius:7px;padding:5px 8px}
.history-panel{margin-top:35px}.text-button{background:none;border:0;color:#9bbcff;cursor:pointer;font-size:11px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0d1728;border:1px solid #273650;border-radius:9px;padding:11px 13px}.history-item strong{font-size:11px;display:block}.history-item small{font-size:10px;color:var(--muted)}.history-item button{background:none;border:1px solid #34435f;color:#b9cbed;border-radius:7px;padding:6px 9px;font-size:10px;cursor:pointer}
footer{border-top:1px solid #202c43;padding:22px 0 35px;display:flex;justify-content:space-between;color:#6e7e98;font-size:10px}
@media(max-width:700px){.topbar{padding:0 16px;gap:16px}.topbar nav{gap:12px;font-size:11px}.brand>span:last-child{display:none}.public-tag{font-size:9px;padding:5px 8px}.layout{width:calc(100% - 28px)}.hero{padding:38px 0 22px;display:block}.hero-note{margin-top:18px;white-space:normal}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.result-actions{align-items:flex-end;flex-direction:column;gap:9px}.results-section>.section-heading{align-items:flex-start}.results-grid{grid-template-columns:1fr}footer{gap:12px;flex-direction:column}}