:root{--bg:#0b0d12;--panel:#151923;--text:#e6e9ef;--muted:#9aa4b2;--accent:#6aa3ff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.header{justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #232a36}.header,.header nav{display:flex;align-items:center}.header nav{gap:1rem}.brand{font-weight:700;color:var(--text);text-decoration:none}.main{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.panel{background:var(--panel);border:1px solid #232a36;border-radius:12px;padding:1rem;min-height:8rem;white-space:pre-wrap}.panel h3{margin:0 0 .5rem;color:var(--accent)}button,input{font:inherit}.prompt-row{display:flex;gap:.5rem}.prompt-row input{flex:1 1;padding:.6rem .8rem;border-radius:8px;border:1px solid #2a3340;background:#0e1117;color:var(--text)}.prompt-row button{padding:.6rem 1rem;border-radius:8px;border:none;background:var(--accent);color:#04122e;font-weight:600;cursor:pointer}.muted{color:var(--muted)}@media (max-width:720px){.panels{grid-template-columns:1fr}}