:root{font-family:Inter,system-ui,sans-serif;color:#172b41;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}a{color:#2359a8;text-decoration:none}.top{background:#fff;border-bottom:1px solid #e0e7ef;padding:20px 5%;display:flex;justify-content:space-between;gap:16px}.top>a:first-child{font-size:21px;font-weight:750}.top span{font-size:12px;color:#61748a;margin-left:12px}main{max-width:1280px;margin:32px auto;padding:0 24px 48px}h1{font-size:clamp(28px,4vw,38px);margin:8px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#55708c}.intro{color:#607289}.notice{font-size:13px;background:#eaf1fb;padding:16px;border-radius:12px;line-height:1.6}.layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(350px,1.15fr);gap:32px;margin-top:24px}.controls,.preview-area{min-width:0}.controls{background:white;padding:24px;border-radius:16px;border:1px solid #e0e7ef}.issuer-bar{display:flex;gap:12px;align-items:end}.issuer-bar label{flex:1}label{display:block;font-size:13px;font-weight:600;margin:0 0 16px}input:not([type=radio]):not([type=color]),textarea,select{display:block;width:100%;font:inherit;padding:11px;border:1px solid #c5d0df;border-radius:8px;background:#fff;color:#172b41;margin-top:7px}textarea{resize:vertical}input[type=color]{display:block;width:76px;height:40px;border:1px solid #c5d0df;border-radius:6px;margin-top:8px}fieldset{border:0;border-top:1px solid #e3e9f1;margin:24px 0 0;padding:20px 0 0;min-width:0}legend{font-weight:700;padding:0 12px 0 0}.templates{display:flex;gap:10px;flex-wrap:wrap}.templates label{border:1px solid #ccd7e5;padding:12px;border-radius:8px;flex:1;min-width:105px}.templates label:has(input:checked){background:#eff5ff;border-color:#2563eb}.hint{font-size:12px;color:#61748a;font-weight:400;line-height:1.6}button{font:inherit;border:1px solid #c6d3e3;background:#fff;border-radius:8px;padding:11px 16px;cursor:pointer;color:#234f85}.primary{background:#2359a8;color:white;border-color:#2359a8}.issuer-bar button{margin-bottom:16px;white-space:nowrap}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #87b4ff;outline-offset:3px}.preview-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.preview-heading h2{font-size:20px}.preview-heading label{margin:0}.document{--accent:#2563eb;background:#fff;box-shadow:0 10px 32px #183a6010;padding:36px;border-radius:8px;border-top:6px solid var(--accent);overflow-wrap:anywhere;min-height:550px}.doc-head{display:flex;justify-content:space-between;gap:16px}.doc-head img{width:96px;height:70px;object-fit:contain;object-position:left center}.document h3{font-size:25px;color:var(--accent);margin:24px 0 8px}.document h4{font-size:18px;margin:10px 0}.document p{white-space:pre-wrap;font-size:13px;line-height:1.6}.doc-number{text-align:right;font-size:12px;color:#61748a}.demo-mark{font-size:10px;letter-spacing:1px;color:#61748a;border-bottom:1px solid #e0e7ef;padding-bottom:12px;margin-bottom:20px}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.doc-total{border-block:1px solid #d8e1ec;padding:18px 0;display:flex;justify-content:space-between;gap:16px;font-size:15px}.doc-total strong{font-size:22px}.doc-footer{border-top:1px solid #e0e7ef;margin-top:24px;padding-top:12px}.classic{font-family:Georgia,serif;border:1px solid #ccd4df;border-top:3px solid var(--accent);border-radius:0}.classic h3{text-align:center}.minimal{border-top:0;box-shadow:none;border:1px solid #e0e7ef}.minimal h3{font-size:21px}.minimal .doc-total{border-top:2px solid var(--accent)}#status{min-height:28px;font-size:14px;padding-top:10px;color:#2359a8}#status.error{color:#a62d26}details{margin-top:24px}summary{cursor:pointer}#history{padding-left:20px;font-size:13px;line-height:1.8}@media(max-width:800px){.layout{grid-template-columns:1fr}.document{padding:24px}.preview-area{margin-top:8px}.top span{display:none}main{padding:0 16px 32px}.controls{padding:20px}.preview-heading{align-items:start}.doc-grid{gap:12px}.issuer-bar{flex-wrap:wrap}}@media(max-width:390px){.doc-head,.preview-heading{flex-wrap:wrap}.doc-number{text-align:left}.doc-grid{grid-template-columns:1fr}}