/* kicksaw.ai — one page, two states. Nothing of the .io design system: this
   surface should not look like an internal tool to the people who see it. */
:root { --ink:#0d2233; --line:#d8dee7; --accent:#1f7ae0; --muted:#5b6472; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
       color:var(--ink); background:#f4f6f9; }
body.centered { display:flex; align-items:center; justify-content:center; min-height:100vh; padding:24px; }
.card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:36px 32px;
        width:100%; max-width:380px; text-align:center; }
.mark { width:132px; height:auto; margin:0 auto 26px; display:block; }
.btn { display:block; width:100%; padding:12px 16px; border:0; border-radius:7px; cursor:pointer;
       background:var(--accent); color:#fff; font-size:15px; font-weight:600; text-decoration:none; }
.btn-quiet { background:#fff; color:var(--ink); border:1px solid var(--line); margin-top:14px; }
.alt { margin-top:20px; text-align:left; }
.alt summary { cursor:pointer; color:var(--muted); font-size:13px; text-align:center; }
.codeform { margin-top:16px; display:flex; flex-direction:column; gap:12px; }
.codeform label { font-size:12px; color:var(--muted); display:flex; flex-direction:column; gap:5px; }
.codeform input { padding:10px; border:1px solid var(--line); border-radius:6px; font-size:15px; color:var(--ink); }
.err { background:#fdecea; border:1px solid #f5c2bd; color:#8a2118; padding:10px 12px;
       border-radius:6px; font-size:13px; margin:0 0 18px; text-align:left; }
.quiet { color:var(--muted); margin:0 0 20px; }
body.room { background:#0d2233; overflow:hidden; }
.doc { display:block; border:0; width:100vw; height:100vh; background:#fff; }
.lead { font-size:17px; font-weight:600; margin:0 0 10px; }
.small { font-size:12px; }