*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f3f5f9;color:#1f2937}
header.top{background:#0f172a;color:#fff;padding:14px 28px;display:flex;align-items:center;gap:24px}
header.top a{color:#cbd5e1;text-decoration:none;font-size:14px}
header.top a:hover{color:#fff}
header.top .brand{font-weight:700;font-size:17px;color:#fff;margin-right:auto}
main{max-width:1100px;margin:28px auto;padding:0 20px}
.card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:22px}
h1{font-size:22px;margin:0 0 16px}
h2{font-size:16px;margin:0 0 12px}
label{display:block;font-size:13px;font-weight:600;margin:12px 0 4px}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],select,textarea{width:100%;padding:9px 11px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-family:inherit}
input[type=color]{width:60px;height:36px;padding:2px;border:1px solid #cbd5e1;border-radius:6px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.btn{display:inline-block;background:#0b5cff;color:#fff;border:0;border-radius:6px;padding:9px 18px;font-size:14px;cursor:pointer;text-decoration:none}
.btn.secondary{background:#e2e8f0;color:#1f2937}
.btn.danger{background:#dc2626}
.btn.small{padding:5px 11px;font-size:13px}
table.list{width:100%;border-collapse:collapse}
table.list th,table.list td{text-align:left;padding:10px 8px;border-bottom:1px solid #e5e7eb;font-size:14px}
.flash{background:#dcfce7;border:1px solid #86efac;padding:10px 14px;border-radius:6px;margin-bottom:18px;font-size:14px}
.warn{background:#fef3c7;border:1px solid #fcd34d;padding:10px 14px;border-radius:6px;margin-bottom:18px;font-size:14px}
.preview{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:24px;overflow:auto}
.muted{color:#6b7280;font-size:13px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.center{max-width:380px;margin:80px auto}
code.link{background:#f1f5f9;padding:3px 6px;border-radius:4px;font-size:12px;word-break:break-all}
.tabs button{background:#e2e8f0;border:0;padding:8px 14px;border-radius:6px 6px 0 0;cursor:pointer;margin-right:4px;font-size:14px}
.tabs button.on{background:#0b5cff;color:#fff}
.tabpane{display:none;background:#f8fafc;padding:16px;border-radius:0 6px 6px 6px;font-size:14px;line-height:1.6}
.tabpane.on{display:block}
@media(max-width:700px){.grid{grid-template-columns:1fr}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}