:root{--ink:#283e35;--muted:#657267;--line:#d8ddcf}*{box-sizing:border-box}body{margin:0;background:#f8f6ef;color:var(--ink);font:15px Arial,sans-serif}header,main,footer{max-width:1120px;margin:auto}header{height:95px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}header a,footer>span:first-child{font:24px Georgia;color:inherit;text-decoration:none}header>span{font-size:12px;color:var(--muted)}.intro{padding:55px 0 40px}small{font-size:10px;letter-spacing:1.5px}h1{font:normal clamp(48px,6vw,76px)/1.05 Georgia;margin:22px 0;letter-spacing:-2px}.intro p{font-size:17px;line-height:1.7;max-width:450px;color:var(--muted);margin-bottom:25px}.workspace{display:grid;grid-template-columns:385px 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}form{padding:30px;background:#fffefa}h2{font:normal 23px Georgia;margin:0 0 24px}label{display:block;font-size:12px;font-weight:bold;margin:20px 0 9px}input,select{width:100%;border:1px solid #c4cdbe;border-radius:3px;height:45px;background:transparent;padding:10px;font:14px Arial;color:var(--ink)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint,li p,details p{color:var(--muted);font-size:12px;line-height:1.7}.preview-panel{background:#e8ebdf;padding:28px;display:flex;flex-direction:column;align-items:center;gap:20px}.preview-top{display:flex;justify-content:space-between;width:100%;font-size:11px}#preview{background:white;box-shadow:0 8px 24px #263c3220;width:280px;margin:auto}#preview svg{display:block;width:100%;height:auto}button{width:100%;padding:15px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:3px;margin-top:15px;font-size:13px;cursor:pointer}.secondary{background:transparent;color:var(--ink);margin-top:10px}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:3px solid #95aa76;outline-offset:3px}#error{color:#a23220;font-size:13px;line-height:1.5}.positions{padding:28px 0;border-bottom:1px solid var(--line)}.positions h2{font:bold 12px Arial;margin:0}.positions p{font:14px/1.8 monospace}.instructions{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:60px 0}.instructions h2{font-size:38px;margin-top:20px}ol{margin:0;padding-left:24px}li{padding-left:8px;margin-bottom:25px}li strong{font-size:13px}li::marker{color:#7b8a63;font:18px Georgia}.faq{padding:30px 0 50px;border-top:1px solid var(--line)}details{padding:18px 0;border-bottom:1px solid var(--line)}summary{font-size:13px;font-weight:bold;cursor:pointer}details p{max-width:700px}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}#print-area{display:none}@media(max-width:800px){header,main,footer{margin-left:20px;margin-right:20px}header>span{display:none}.workspace{grid-template-columns:1fr}.preview-panel{min-height:500px}.instructions{grid-template-columns:1fr;gap:20px}footer{gap:20px}form{padding:24px}}@media print{body>*{display:none!important}body{margin:0;background:white}#print-area{display:block!important}#print-area svg{display:block;margin:0 auto;max-width:none}@page{margin:0}}