:root{color-scheme:dark;--red:#e30613}*{box-sizing:border-box}body{margin:0;background:#08090b;color:#f4f4f5;font:15px/1.6 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}header{padding:18px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:22px;border-bottom:1px solid #303038;background:#101114}header a{color:#aaa;text-decoration:none}header strong{font-size:19px;letter-spacing:.15em;margin-right:auto}header strong span{font-size:10px;letter-spacing:.35em}header small{font-size:10px;color:#888}main{width:min(1200px,calc(100% - 40px));margin:50px auto 90px}.intro{display:flex;align-items:center;gap:24px;margin-bottom:34px}.intro small{letter-spacing:.25em;color:#b4474c}.intro h1{font-size:clamp(28px,5vw,48px);margin:5px 0;letter-spacing:-.04em}.intro p{color:#a5a5a8;margin:0}.panel{padding:29px;border:1px solid #34363b;background:#131417;border-radius:12px}.panel h2{font-size:22px;line-height:1.2;letter-spacing:-.03em;margin:0 0 20px}.panel p,.panel small{color:#b5b7ba}.panel form{display:grid;gap:15px;max-width:610px}.panel label{display:grid;gap:5px;color:#e9e9ea;font-size:13px}.panel input,.panel select{padding:12px;background:#090a0d;border:1px solid #54565c;color:#fff;border-radius:5px;max-width:100%;min-width:0}.panel button{color:white;background:var(--red);padding:12px 19px;border:0;border-radius:5px;width:max-content;max-width:100%;cursor:pointer;font-weight:700}.panel button:hover{background:#ff2734}.panel .check{display:flex;align-items:center;gap:10px}.panel .check input{width:18px;height:18px}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tabs{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.tabs a{color:#fff;border-bottom:1px solid var(--red);text-decoration:none;padding:4px 0}.alert{padding:14px;border:1px solid;border-radius:4px}.error{color:#f5c8c8;border-color:#813232;background:#3d1313}.success{color:#c0ead9;border-color:#427b62;background:#132c20}.brand-preview{display:block;margin:18px 0;max-width:190px}.downloads{display:flex;gap:9px;flex-wrap:wrap}.downloads a{border:1px solid #5c5d64;color:#fff;text-decoration:none;padding:7px 12px;border-radius:5px;font-size:13px}.logout{margin-top:24px}.logout button{background:#414248}code{color:#f4b0b5;word-break:break-word}hr{width:100%;border:0;border-top:1px solid #36383b}footer{font-size:11px;text-align:center;color:#74767c;margin:80px 0 30px}.cf-turnstile{min-height:65px}@media(max-width:760px){.cols{grid-template-columns:1fr}header{gap:10px;flex-wrap:wrap}main{margin:28px auto}.panel{padding:21px}.intro{gap:16px}}

/* v1.4 — faithful card preview / export */
.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-actions button{font-size:12px;padding:10px 12px}.card-preview{margin-top:17px;padding:16px;border:1px solid #444750;background:#08090b;border-radius:8px}.card-preview img{display:block;width:min(100%,460px);height:auto;aspect-ratio:91/61;object-fit:contain;background:#000;border:1px solid #37383d}.card-preview p{font-size:12px;margin-bottom:0}

#deploy details{margin:12px 0;max-height:230px;overflow:auto}#deploy pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}#deploy input[type=file]{width:100%;padding:10px;background:#181a20;color:#eee}#deploy h3{margin-top:24px}

/* v1.8.4 — compact authentication layout, admin dashboard unchanged */
main.console-login {
  width: min(100% - 40px, 680px);
  margin: 48px auto 90px;
}
.console-login .intro { gap: 18px; margin-bottom: 28px; align-items: center; }
.console-login .intro img { width: 52px; height: 52px; flex: none; }
.console-login .intro h1 { font-size: clamp(27px, 3.5vw, 38px); }
.console-login .intro p { font-size: 14px; }
.console-login > .panel { width: 100%; padding: 30px 34px; }
.console-login > .panel form { max-width: none; width: 100%; }
.console-login > .panel input { width: 100%; }
.console-login .alert { margin-bottom: 22px; }
@media (max-width: 600px) {
  main.console-login { width: calc(100% - 28px); margin: 28px auto 60px; }
  .console-login > .panel { padding: 22px 18px; }
  .console-login .intro { align-items: flex-start; }
  .console-login .intro img { width: 43px; height: 43px; }
  .console-login .intro h1 { font-size: clamp(25px, 7vw, 32px); }
}