:root{font-family:system-ui,sans-serif;color:#14243b;background:#eef3f7;line-height:1.55}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}header a{font-weight:800;color:#173c51;text-decoration:none}select,input,textarea,button{font:inherit}select,input,textarea{width:100%;border:1px solid #b7c7d0;border-radius:9px;padding:10px;background:white;color:#14243b}header select{width:auto;max-width:180px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:#226878}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;margin:10px 0}h2{font-size:1.15rem;margin:0 0 16px}.intro{max-width:760px;color:#496175}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:white;border:1px solid #d6e0e7;border-radius:16px;padding:24px;min-width:0}label{display:block;font-weight:650;margin:14px 0 6px}textarea{resize:vertical;min-height:110px}button{border:0;border-radius:9px;padding:10px 16px;background:#116a73;color:white;cursor:pointer;font-weight:650}button.secondary{background:#e8f1f2;color:#15535b}button:disabled{opacity:.45;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.hint,small{color:#60727f;font-size:.86rem}.preview{border:1px solid #d8e1e7;border-radius:10px;overflow:hidden}.art{height:120px;background:linear-gradient(120deg,#cae7dd,#d5e3f7);display:grid;place-items:center;color:#355c6a;padding:20px;overflow-wrap:anywhere}.preview-body{padding:18px}.preview h3{margin:5px 0;font-size:1.25rem;overflow-wrap:anywhere}.preview p{margin:5px 0;overflow-wrap:anywhere}.url{font-size:.8rem;color:#52727f}#code{height:280px;font:12px/1.6 ui-monospace,monospace}#status{min-height:25px;color:#9f2b24}#status.ok{color:#136353}details{margin-top:24px}footer{font-size:.8rem;color:#72808a}footer a{color:#72808a}a{color:#126875}:focus-visible{outline:3px solid #ed9c29;outline-offset:3px}@media(max-width:760px){header,main,footer{padding:18px}.grid{grid-template-columns:1fr}.panel{padding:18px}header{align-items:flex-start}}
.settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}#input,#output{height:330px;font:13px/1.6 ui-monospace,monospace}.result-summary{background:#edf5f3;padding:12px 18px;border-radius:10px;min-height:95px}.stat{font-size:1.15rem;font-weight:700;color:#14575e}.warning{font-weight:700;color:#935b00}#filename{overflow-wrap:anywhere}summary{cursor:pointer;font-weight:700}