@font-face{font-family:Alef;src:url('./assets/font.ttf');font-display:swap}*{box-sizing:border-box}body{margin:0;color:#263e49;background:#f3f6f7;font:17px Alef,Arial,sans-serif;letter-spacing:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:white;border:1px solid #bbcbd1;border-radius:5px;min-height:44px;padding:10px 18px}button:hover{background:#eaf2f2}button:disabled{opacity:.45;cursor:default}button svg{width:19px;height:19px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #74c6c8;outline-offset:3px}header{height:78px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #d9e2e6;padding:0 36px}.identity{display:flex;align-items:center;gap:13px}.identity strong{font-size:23px;direction:ltr}.identity>span{font-size:14px;border-inline-start:1px solid #ccd7db;padding-inline-start:16px;color:#6a7c84}.identity img{object-fit:contain}.icon-button{width:44px;height:44px;padding:10px}main{max-width:1150px;margin:34px auto;padding:0 28px}.page-title{display:flex;align-items:center;gap:18px;margin-bottom:26px}h1{font-size:29px;font-weight:700;margin:0}.local-badge{display:flex;align-items:center;gap:5px;font-size:13px;color:#42756b;background:#e6f0eb;padding:4px 9px;border-radius:4px}.local-badge svg{width:15px;height:15px}.workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.1fr);gap:58px}.settings{padding-block:12px}.label,legend{font-weight:700;font-size:17px}.label{display:block;margin-bottom:10px}.url-entry{position:relative}.url-entry>svg{position:absolute;right:14px;top:16px;width:19px;height:19px;color:#79909c}#url{width:100%;height:53px;border:1px solid #b6c7cf;border-radius:5px;padding:12px 42px 12px 14px;font-family:Arial,sans-serif;font-size:16px;background:white}#url[aria-invalid=true]{border-color:#ad4e5a}#url-error{font-size:14px;color:#a53f4d;min-height:21px;margin:6px 0 12px}fieldset{border:0;border-top:1px solid #d8e2e6;padding:20px 0;margin:0 0 10px}legend{padding-inline-end:12px}.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.logo-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 5px 10px;border:1px solid #cdd9de;border-radius:5px;background:white;font-size:14px;cursor:pointer}.logo-choice:has(:checked){border:2px solid #18848a;padding:11px 4px 9px;background:#eff7f6}.logo-art{display:grid;place-items:center;height:46px;width:46px}.logo-art img{width:46px;height:46px;object-fit:contain}.logo-art>svg{width:25px;color:#7d909a}.logo-choice input,.segmented input,.swatches input{position:absolute;opacity:0;width:1px;height:1px}.logo-choice:has(input:focus-visible),.segmented label:has(input:focus-visible),.swatches label:has(input:focus-visible){outline:3px solid #74c6c8;outline-offset:3px}.segmented{display:flex;border:1px solid #c0d0d6;border-radius:5px;background:white;overflow:hidden}.segmented label{position:relative;flex:1;cursor:pointer;text-align:center;border-inline-end:1px solid #c0d0d6}.segmented label:last-child{border:0}.segmented span{display:block;padding:10px}.segmented label:has(:checked){background:#1c7379;color:white}.swatches{display:flex;gap:14px}.swatches label{position:relative;display:grid;place-items:center;border:2px solid transparent;border-radius:50%;width:42px;height:42px;cursor:pointer}.swatches label:has(:checked){border-color:#557582}.swatches span{width:30px;height:30px;border-radius:50%;background:var(--swatch)}.logo-scale{display:grid;grid-template-columns:95px 1fr 28px;align-items:center;gap:12px;margin:16px 0 24px;font-size:15px}.logo-scale input{width:100%;accent-color:#187c81}.logo-scale output{font-size:13px;color:#738993}.export-settings{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d8e2e6;padding-top:20px}.export-settings select{background:white;border:1px solid #b8cbd2;border-radius:4px;padding:9px;direction:ltr}.preview-panel{padding-top:10px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h2{font-size:17px;margin:0}.preview-heading>span{font-size:13px;color:#5b7a80}.qr-stage{aspect-ratio:1;display:grid;place-items:center;width:min(100%,460px);margin:auto;background:white;border:1px solid #d6e1e5;border-radius:6px;padding:12px}#qr{width:100%;height:100%;display:grid;place-items:center}#qr svg,#qr canvas{display:block;width:100%;height:auto;max-height:100%}#destination{font-family:Arial,sans-serif;color:#65808b;font-size:13px;text-align:center;overflow-wrap:anywhere;min-height:32px;margin:17px 0 8px}.download-row{display:flex;justify-content:center;gap:10px}.download-row .primary{background:#137d82;border-color:#137d82;color:white}.download-row .primary:hover{background:#0c6468}#action-status{text-align:center;color:#647e87;font-size:14px;min-height:22px;margin:10px 0}footer{max-width:1094px;margin:20px auto;border-top:1px solid #d8e2e6;display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:#71848b;font-size:13px}#preview-error{color:#8a5862;text-align:center;font-size:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 18px;height:68px}.identity>span{display:none}main{margin-top:24px;padding:0 18px}.workspace{grid-template-columns:1fr;gap:22px}.preview-panel{grid-row:1}.qr-stage{width:min(100%,340px)}h1{font-size:26px}.page-title{margin-bottom:20px}.settings{padding:0}.logo-grid{gap:7px}footer{margin:24px 18px;padding:16px 0;flex-direction:column;gap:6px}.preview-heading{max-width:340px;margin:0 auto 12px}.logo-choice{font-size:13px}.download-row button{flex:1;max-width:150px}.download-row .icon-button{flex:0 0 44px}}