:root{color-scheme:light;font-family:system-ui,sans-serif;color:#19243b;background:#f3f5fa}*{box-sizing:border-box}body{margin:0;padding:40px 20px}main{max-width:880px;margin:auto}header{padding:12px 0 24px}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.035em;margin:16px 0}h2{font-size:20px;margin:0 0 14px}p{line-height:1.65;max-width:720px}.badge{font-size:11px;letter-spacing:.12em;font-weight:750;color:#435be0}section{padding:26px;background:white;border:1px solid #e2e7f0;border-radius:18px;margin-bottom:18px;box-shadow:0 5px 20px #213d6910}.picker{display:block;padding:22px;border:2px dashed #a7b4e2;border-radius:12px;font-weight:650}input{display:block;margin-top:14px;max-width:100%}.hint,footer{font-size:13px;color:#596681}button,a#download{background:#435be0;color:white;border:0;border-radius:10px;padding:12px 19px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{background:#e6e9f1;color:#637087;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f5a623;outline-offset:4px}li{padding:10px 0;overflow-wrap:anywhere}li button{background:#eef1fb;color:#344ba5;padding:6px 10px;margin-left:7px;font-size:13px}#status{min-height:28px}#preview{max-width:100%;height:auto;display:block;background:#f8f9fc;border-radius:10px;margin:16px 0}footer{line-height:1.7;padding:12px} [hidden]{display:none!important}@media(max-width:500px){body{padding:20px 12px}section{padding:20px}}