@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@500;600;700;800&display=swap');
:root{--ink:#17231e;--muted:#718078;--paper:#f4f5ef;--panel:#fffefa;--line:#dce2d9;--accent:#df5d3e;--green:#3e8d62}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,#e4eee2 0,transparent 32%),linear-gradient(135deg,#f4f5ef,#e9eee7);font-family:'Syne',sans-serif;min-height:100vh}.shell{max-width:1180px;margin:auto;padding:28px 34px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#e5f0df;font-size:16px}.status-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;border-radius:30px;font:11px 'DM Mono',monospace;letter-spacing:.02em}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-enabled{color:var(--green)}.status-enabled .dot{background:var(--green)}.status-disabled{color:var(--accent)}.status-disabled .dot{background:var(--accent)}.hero{padding:78px 0 56px;max-width:730px}.eyebrow{color:var(--accent);font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.16em;margin:0 0 19px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;letter-spacing:-.035em;margin:0;font-weight:700}.hero h1 em{font-style:normal;color:var(--accent)}.lede{color:var(--muted);font:14px/1.7 'DM Mono',monospace;max-width:580px;margin-top:25px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:rgba(255,254,250,.82);border:1px solid var(--line);min-height:330px;padding:21px;box-shadow:0 12px 32px #45523a0b}.panel-heading{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.11em;font:11px 'DM Mono',monospace}.muted{color:var(--muted);text-transform:none;letter-spacing:0}.composer-panel{display:flex;flex-direction:column}textarea{resize:none;flex:1;border:0;background:transparent;color:var(--ink);font:18px/1.6 'DM Mono',monospace;outline:0;padding:42px 0 20px;min-height:220px}textarea::placeholder{color:#b1bbb2}.composer-footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace;border-top:1px solid var(--line);padding-top:14px}button{border:0;background:var(--ink);color:#f8faf2;padding:12px 15px;font:11px 'DM Mono',monospace;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:var(--accent);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.arrow{font-size:16px;margin-left:12px}.response{font:16px/1.7 'DM Mono',monospace;white-space:pre-wrap;padding-top:39px;color:#34443b}.empty-state{color:#a2ada4;text-align:center;padding-top:72px}.empty-icon{font-size:26px;color:var(--accent)}.empty-state p{font-size:12px}footer{display:flex;justify-content:space-between;padding-top:18px;color:#89958c;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}@media(max-width:720px){.shell{padding:20px 18px}.hero{padding:58px 0 38px}.hero h1{font-size:44px}.workspace{grid-template-columns:1fr}.panel{min-height:300px}footer{gap:12px;flex-wrap:wrap}}