/* Badge edition 1.1 — original logo and a mobile-first share experience. */
#heading{overflow-wrap:anywhere}
.official-logo{display:block;max-width:100%;width:205px;height:auto;object-fit:contain}.brand a{display:block}header .brand{line-height:0}header{padding-top:14px;padding-bottom:14px}.badge-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:32px;align-items:start;margin:26px 0 10px}.badge-visual{min-width:0}.badge-art{width:100%;overflow:hidden;background:#183a35;border-radius:20px;box-shadow:0 18px 50px #183a3519;border:1px solid #20483c}.badge-art img{display:block;width:100%;height:auto}.badge-art .btn{margin:0 24px 28px}.badge-loading{padding:62px 27px;color:#e1edce;line-height:1.6;min-height:200px}.badge-size-label{text-align:center;margin:11px 0}.badge-controls{padding:6px 0}.badge-title{font-size:clamp(27px,3.5vw,38px);letter-spacing:-1px;line-height:1.15;margin:9px 0 16px}.badge-invite{font-size:21px;line-height:1.5;margin:0 0 23px}.badge-primary{display:flex;flex-direction:column;gap:11px}.badge-primary .btn{width:100%}.badge-secondary{gap:8px;margin-top:12px}.badge-secondary .btn{font-size:14px}.badge-options{padding:18px 0 0;margin-top:21px;border-top:1px solid var(--line)}.badge-options .micro{margin-bottom:12px}.badge-options .checkline{margin:15px 0 0}.badge-options .linkbtn{margin-top:6px}.badge-options .tiny{line-height:1.6}.badge-after{display:grid;grid-template-columns:1fr 1fr;gap:18px}.badge-after .panel{margin:13px 0}.name-panel{max-width:660px}.name-panel input{font-size:20px;min-height:57px}.name-panel .row{margin-top:24px}.badge-options input[type=checkbox]{accent-color:#183a35}.badge-secondary .linkbtn{min-height:44px}.badge-layout button:focus-visible,.name-panel input:focus-visible{outline:3px solid #b35b2d;outline-offset:3px}#badge-status:not(:empty){padding:12px 14px;margin-top:14px;border-radius:10px;background:#e1edce}.badge-art .btn{color:#183a35}.badge-preview-page{max-width:1050px;margin:25px auto;padding:0 24px}.badge-preview-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.badge-preview-controls label{display:block}.badge-preview-controls select{min-height:46px;font:inherit;padding:8px;border:1px solid #9aaea0;border-radius:8px}.badge-demo-img{max-width:540px;width:100%;display:block;border-radius:20px}.badge-preview-note{background:#fff1db;padding:13px 18px;border-radius:12px;font-size:14px}.badge-preview-result{display:block;margin:auto;max-width:540px}.badge-preview-error{color:#8b3624}
@media(max-width:720px){.badge-layout{grid-template-columns:1fr;gap:14px;margin-top:18px}.badge-visual{max-width:490px;width:100%;margin:auto}.badge-controls{padding:12px 0}.badge-controls .badge-title{font-size:31px}.badge-after{grid-template-columns:1fr;gap:0}.badge-invite{font-size:20px}.official-logo{width:176px}header{gap:10px}.preview{max-width:142px;text-align:center}.badge-primary{flex-direction:row;flex-wrap:wrap}.badge-primary .btn{flex:1 1 150px}.badge-secondary .btn{flex:1}.badge-options{margin-top:16px}.badge-art{border-radius:15px}}
@media(max-width:360px){.official-logo{width:146px}.preview{max-width:111px;font-size:10px}.badge-title{overflow-wrap:anywhere}.badge-primary .btn{flex-basis:100%}.badge-invite{font-size:18px}}
@media print{.badge-controls,.badge-after,.badge-size-label,.badge-layout~details,.badge-layout~.row{display:none}.badge-layout{display:block}.badge-visual{width:100%;max-width:600px}}