:root{--fg:#1c2733;--muted:#5b6b7b;--line:#d8e0e8;--accent:#0b6bcb;--bg:#f6f8fa;--err:#b3261e}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:900px;margin:0 auto;padding:1rem}.center{flex-direction:column;align-items:center;gap:1rem;padding-top:20vh;display:flex}header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}header h1{font-size:1.25rem}nav{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1.25rem;display:flex}nav button{border:1px solid var(--line);background:0 0;border-radius:999px;padding:.4rem .9rem}nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}form.grid{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:grid}@media (width>=640px){form.grid{grid-template-columns:1fr 1fr}form.grid .wide,form.grid .row,form.grid>button[type=submit]{grid-column:1/-1}}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}label.check{flex-direction:row;align-items:center;gap:.5rem}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:6px;width:100%;padding:.5rem}.row{gap:.5rem;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:.5rem 1rem}button.secondary{color:var(--accent);background:#fff}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem}.preview{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.error{color:var(--err)}