*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17212b;font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header{background:#163a63;color:white;padding:22px max(18px,calc((100% - 760px)/2));box-shadow:0 2px 8px #0002}
.brand{font-size:1.25rem;font-weight:750}.sub{opacity:.8;font-size:.9rem;margin-top:2px}
main{max-width:760px;margin:24px auto;padding:0 14px}.card{background:white;border:1px solid #dce2e8;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 3px 12px #0000000b}
h1,h2{margin:0 0 14px}h1{font-size:1.55rem}h2{font-size:1.15rem}.hint,.muted{color:#66717d}.hint{background:#f0f5fa;border-left:4px solid #315f8f;padding:10px 12px;border-radius:6px}
label,.row-title{display:block;font-weight:700;margin:20px 0 7px}input,textarea{width:100%;font:inherit;padding:13px;border:1px solid #b8c2cc;border-radius:9px;background:#fff}textarea{resize:vertical}
.button{display:block;width:100%;border:0;border-radius:9px;padding:14px 16px;font:inherit;font-weight:750;text-align:center;cursor:pointer;margin-top:12px}.primary{background:#163a63;color:#fff}.secondary{background:#e9f0f7;color:#163a63;border:1px solid #b8c9da}
.preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;margin-top:12px}.preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid #d8dee5}
#status{min-height:24px;margin-top:12px;font-weight:650}.ok{color:#176b3a}.err{color:#9d2323}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.linkbtn{border:0;background:none;color:#9d2323;text-decoration:underline;cursor:pointer}
.draft{padding:12px 0;border-top:1px solid #e4e8ec}.draft:first-child{border-top:0}.draft strong{display:block}.draft small{color:#66717d}
footer{text-align:center;color:#697581;font-size:.82rem;padding:6px 16px 28px}
@media(max-width:520px){main{margin-top:14px}.card{padding:16px;border-radius:10px}header{padding:18px}.button{padding:15px}}