:root{--bg:#f6f7f9;--fg:#1d2330;--mut:#667085;--line:#dfe3ea;--acc:#1b2a4a}
*{box-sizing:border-box}
body{margin:0;font:15px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;gap:20px;align-items:center;padding:12px 24px;background:var(--acc);color:#fff}
header nav{display:flex;gap:14px;flex:1}header a{color:#cfd8ee;text-decoration:none}header a:hover{color:#fff}
main{max-width:980px;margin:0 auto;padding:24px}
h1{margin-top:0}h2{margin-top:32px;border-bottom:1px solid var(--line);padding-bottom:6px}
section.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin:14px 0}
table{border-collapse:collapse;width:100%}th,td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.box table{width:auto}.box th{width:130px;color:var(--mut)}
input,select,textarea,button{font:inherit}
input,select,textarea{padding:6px 8px;border:1px solid #c4cad6;border-radius:5px;max-width:100%}
textarea{width:100%;font-family:ui-monospace,monospace;font-size:12.5px}
button{padding:6px 12px;border:1px solid var(--acc);background:var(--acc);color:#fff;border-radius:5px;cursor:pointer}
button.sec{background:#fff;color:var(--acc)}button.sm{padding:3px 8px;font-size:13px}
form.inline{display:inline}
.box{padding:10px 14px;border-radius:6px;margin:12px 0;border:1px solid}
.box.ok{background:#e8f6ee;border-color:#9bd3b0}.box.err{background:#fdecec;border-color:#e7a3a3}.box.warn{background:#fff6e0;border-color:#e6c673}
.badge{padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;text-transform:uppercase}
.badge.test{background:#ffe08a;color:#5a4300}.badge.live{background:#8de0a8;color:#0b4a22}.badge.unknown{background:#ddd;color:#444}
.mut{color:var(--mut)}code{background:#eef0f4;padding:1px 4px;border-radius:3px;font-size:13px;word-break:break-all}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:8px 0}.row label{display:flex;flex-direction:column;font-size:13px;color:var(--mut)}
#preview-img{max-width:100%;border:1px solid var(--line);margin-top:8px}
.status{font-weight:600}
.badge code{text-transform:none;background:none;padding:0}
form.stack{display:flex;flex-direction:column;gap:10px;max-width:520px}form.stack label{display:flex;flex-direction:column;font-size:13px;color:var(--mut)}