:root{--ink:#021300;--accent:#0aad0a;--accent-deep:#0e491f;--surface:#f9fafb;--border-light:#e5e7eb;--white:#fff;--muted:#6b7280;--font:"Poppins", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.6}h1{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15}h2{margin:0 0 1rem;font-size:1.375rem;font-weight:800}h3{margin:0 0 .75rem;font-size:1rem;font-weight:700}.lede{color:var(--ink);max-width:60ch;margin:0 0 2.5rem;font-weight:300}.page{max-width:1180px;margin:0 auto;padding:3rem 1.5rem 5rem}.grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:2.5rem;display:grid}@media (width<=900px){.grid{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px dashed var(--ink);padding:1.75rem}.panel--preview{background:var(--white);border:1px solid var(--border-light);overflow-x:auto}.field{margin-bottom:1.25rem}.field label{margin-bottom:.35rem;font-size:.875rem;font-weight:500;display:block}.field input{width:100%;font-family:var(--font);color:var(--ink);background:var(--white);border:1px solid var(--border-light);border-radius:0;padding:.7rem .75rem;font-size:.9375rem}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field .hint{color:var(--muted);margin-top:.25rem;font-size:.8125rem;font-weight:300;display:block}.row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=540px){.row{grid-template-columns:1fr}}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.btn{appearance:none;font-family:var(--font);color:var(--white);background:var(--ink);border:1px solid var(--ink);cursor:pointer;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s;display:inline-block}.btn:hover{background:var(--accent);border-color:var(--accent)}.btn:active{background:var(--accent-deep);border-color:var(--accent-deep)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{color:var(--ink);background:0 0}.btn--secondary:hover{color:var(--white)}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.status{font-size:.875rem;font-weight:500}.status--ok{color:var(--accent-deep)}.status--error{color:#b42318}[hidden]{display:none!important}.preview-stage{background:var(--white);border:1px solid var(--border-light);min-height:220px;padding:1.25rem}.preview-stage--dark{background:#111}.preview-empty{color:var(--muted);font-size:.9375rem;font-weight:300}.steps{color:var(--ink);margin:1.5rem 0 0;padding-left:1.1rem;font-size:.875rem;font-weight:300}.steps li{margin-bottom:.4rem}.page--narrow{max-width:460px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-header .lede{margin-bottom:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.stat{background:var(--surface);border:1px solid var(--border-light);flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}.stat-value{font-size:1.75rem;font-weight:800;line-height:1}.stat-label{color:var(--muted);font-size:.8125rem;font-weight:300}.panel--error{background:#fef3f2;border:1px solid #f9a8a2}.error-detail{background:var(--white);border:1px solid var(--border-light);margin:0 0 1rem;padding:.75rem;font-size:.8125rem;overflow-x:auto}.footnote{color:var(--muted);margin:1rem 0 0;font-size:.8125rem;font-weight:300}.footnote code{background:var(--surface);border:1px solid var(--border-light);padding:.1em .3em;font-size:.9em}.site-footer{border-top:1px solid var(--border-light);margin-top:3.5rem;padding-top:1.5rem}.site-footer p{color:var(--muted);margin:0 0 .35rem;font-size:.8125rem;font-weight:300}.site-footer p:last-child{margin-bottom:0}.site-footer a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.site-footer a:hover{color:var(--accent-deep)}
