@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--bg:#f7f1e8;--panel:#fff;--ink:#1f1b16;--muted:#6a5f52;--accent:#d35400;--accent-2:#0b6b5a;--border:#1f1b161f}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at top,#fef6e9 0%,#efe7dc 52%,#e6dccf 100%);margin:0;font-family:Fraunces,serif}main{gap:24px;max-width:1100px;margin:0 auto;padding:32px;display:grid}h1,h2{margin:0 0 12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 18px 35px #1f1b1614}.tabs{flex-wrap:wrap;gap:10px;display:flex}.tab-button{color:var(--ink);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-family:IBM Plex Mono,monospace}.tab-button.active{background:var(--accent);color:#fff;border-color:#0000}.grid{gap:12px;display:grid}.row{gap:8px;display:grid}label{color:var(--muted);font-size:.9rem}input,textarea,select{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:.95rem}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-family:IBM Plex Mono,monospace}button.secondary{background:var(--accent-2)}pre{color:#f2f2f2;background:#111;border-radius:10px;padding:12px;font-size:.85rem;overflow:auto}iframe{border:1px solid var(--border);border-radius:16px;width:100%;min-height:640px}.badge{color:var(--accent);background:#d354001f;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:.8rem;display:inline-flex}