:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#111827;background:linear-gradient(120deg,#f8fafc,#eef2ff)}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(920px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 12px 28px #0f172a14}h1{margin:0 0 4px}.sub{margin:0 0 16px;color:#6b7280}.row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tag{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #d1d5db;background:#f3f4f6}.tag.live{background:#fee2e2;border-color:#fecaca;color:#991b1b}.tag.paper{background:#dbeafe;border-color:#bfdbfe;color:#1e3a8a}.tag.on{background:#dcfce7;border-color:#bbf7d0;color:#166534}.tag.off{background:#f3f4f6;color:#6b7280}button{border:1px solid #d1d5db;border-radius:8px;background:#111827;color:#fff;padding:8px 12px;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#4b5563}input{border:1px solid #d1d5db;border-radius:8px;padding:8px}pre{margin:0;background:#0b1020;color:#a7f3d0;border-radius:10px;padding:12px;overflow:auto;font-size:12px}.error{color:#b91c1c;font-weight:600}