:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{min-height:100svh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--bg-accent:#eceefb;--panel:#fff;--panel-soft:#fafafb;--text:#16181d;--text-soft:#5b5f66;--text-mute:#6a6f78;--border:#d7d9dd;--border-soft:#e6e8ec;--accent:#4c4fe0;--accent-strong:#3d40c4;--accent-solid:#4c4fe0;--accent-solid-strong:#3d40c4;--accent-soft:#eeeefc;--accent-contrast:#fff;--danger:#d64545;--ok:#268a4b;--warn:#b26a00;--chip:#f0f1f4;--shadow:0 1px 3px #11141c14;--shadow-lift:0 4px 14px #11141c1a;--radius:14px;--radius-sm:9px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101218;--bg-accent:#191c2b;--panel:#191c23;--panel-soft:#1f232c;--text:#e9ebef;--text-soft:#aab0bb;--text-mute:#8b91a0;--border:#2d323c;--border-soft:#262b34;--accent:#7d80f4;--accent-strong:#9497ff;--accent-solid:#4c4fe0;--accent-solid-strong:#3d40c4;--accent-soft:#242647;--accent-contrast:#fff;--danger:#ef6b6b;--ok:#52c07a;--warn:#e0a83a;--chip:#242932;--shadow:0 1px 3px #0006;--shadow-lift:0 6px 18px #00000073}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:1020px;margin:0 auto;padding:36px 20px 64px}.app-header{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:20px;padding-bottom:18px;display:flex}.app-header .brand{letter-spacing:-.02em;margin:0;font-size:27px;font-weight:700}.app-header .brand a{color:var(--text);text-decoration:none}.app-header .brand a:before{content:"";background:linear-gradient(135deg, var(--accent), #22d3ee);border-radius:3px;width:12px;height:12px;margin-inline-end:10px;display:inline-block;transform:translateY(-1px)}.app-header p{color:var(--text-soft);margin:0;font-size:14px}.skip-link{z-index:50;border-radius:0 0 var(--radius-sm) 0;background:var(--accent-solid);color:var(--accent-contrast);padding:11px 18px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.theme-switcher{align-self:center;align-items:center;gap:8px;display:flex}.theme-switcher-label{color:var(--text-soft);font-size:13px}.theme-options{border:1px solid var(--border-soft);background:var(--panel);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-option{color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:13px;display:inline-flex;position:relative}.theme-option:hover{background:var(--panel-soft);color:var(--text)}.theme-option.active{background:var(--accent-solid);color:var(--accent-contrast)}.theme-option input{appearance:none;border:1.5px solid var(--border);background:var(--panel);cursor:pointer;border-radius:50%;flex:none;place-content:center;width:15px;height:15px;margin:0;transition:border-color .15s,background .15s;display:grid}.theme-option input:checked{border-color:var(--accent)}.theme-option input:checked:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.theme-option.active input{background:#fff;border-color:#fff}.theme-option.active input:checked{border-color:#fff}.theme-option.active input:checked:after{background:var(--accent-solid)}.theme-option input:focus-visible{outline:none}.theme-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}.locale-switcher{z-index:5;align-items:center;display:inline-flex;position:relative}.locale-switcher-trigger{border:1px solid var(--border-soft);background:var(--panel);min-height:40px;color:var(--text-soft);box-shadow:var(--shadow);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 10px;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.locale-switcher-trigger:hover,.locale-switcher.is-open .locale-switcher-trigger{border-color:var(--accent);background:var(--panel-soft);box-shadow:var(--shadow-lift)}.locale-switcher-icon{width:17px;height:17px;color:var(--accent);flex:none}.locale-switcher-label{color:var(--text-soft);font-size:12px;font-weight:600}.locale-current{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.04em;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:750}.locale-chevron{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none;width:12px;height:12px;transition:transform .15s}.locale-switcher.is-open .locale-chevron{transform:rotate(180deg)}.locale-menu{border:1px solid var(--border-soft);background:var(--panel);width:max-content;min-width:190px;box-shadow:var(--shadow-lift);border-radius:14px;gap:4px;padding:6px;animation:.14s ease-out locale-menu-enter;display:grid;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0}.locale-menu-option{width:100%;min-height:42px;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;padding:6px 10px;transition:background .12s,border-color .12s;display:grid}.locale-menu-option:hover,.locale-menu-option:focus-visible{border-color:var(--border-soft);background:var(--panel-soft)}.locale-menu-option.active{background:var(--accent-soft)}.locale-option-code{background:var(--chip);min-height:25px;color:var(--text-soft);letter-spacing:.05em;border-radius:6px;place-items:center;font-size:10px;font-weight:750;display:inline-grid}.locale-menu-option.active .locale-option-code{background:var(--accent-solid);color:var(--accent-contrast)}.locale-option-name{font-size:14px;font-weight:550}.locale-option-check{width:16px;height:16px;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;opacity:0}.locale-menu-option.active .locale-option-check{opacity:1}@keyframes locale-menu-enter{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.theme-switcher-label{display:none}.locale-switcher{min-height:38px}.locale-switcher-trigger{gap:6px;min-height:38px;padding-inline:8px}.locale-switcher-label{display:none}.locale-menu{min-width:176px}}@media (prefers-reduced-motion:reduce){.locale-switcher-trigger,.locale-chevron,.locale-menu-option{transition:none}.locale-menu{animation:none}}.privacy-note{color:var(--text-soft);align-items:center;gap:8px;margin:-4px 0 18px;font-size:13.5px;display:flex}.app-footer{border-top:1px solid var(--border-soft);color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;margin-top:34px;padding-top:18px;font-size:13.5px;display:flex}.footer-note{margin:0}.footer-links{gap:18px;display:flex}.footer-links a{color:var(--text-soft);border-bottom:1px solid #0000;text-decoration:none}.footer-links a:hover{color:var(--text);border-bottom-color:var(--border)}.footer-links .support-link{color:var(--accent);font-weight:600}.footer-links .support-link:hover{color:var(--accent-strong);border-bottom-color:var(--accent)}.landing-hero{border:1px solid var(--border-soft);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel) 0%, var(--bg-accent) 190%);box-shadow:var(--shadow);margin-bottom:22px;padding:22px 24px}.landing-hero h1{letter-spacing:-.02em;margin:0 0 6px;font-size:26px;line-height:1.2}.landing-sub{max-width:62ch;color:var(--text-soft);margin:0;font-size:15px}.landing-points{flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0;list-style:none;display:flex}.landing-points li{color:var(--text-soft);padding-inline-start:20px;font-size:13.5px;position:relative}.landing-points li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;inset-inline-start:0}.not-found h1{margin:0 0 6px;font-size:22px}.not-found p{color:var(--text-soft)}.not-found-home{margin-top:18px;font-size:14px}.view-tabs{background:var(--panel);border:1px solid var(--border-soft);width:fit-content;box-shadow:var(--shadow);border-radius:12px;gap:6px;margin-bottom:22px;padding:4px;display:flex}.view-tab{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:flex}.view-tab:hover{color:var(--text);background:var(--panel-soft)}.view-tab.active{background:var(--accent-solid);color:var(--accent-contrast);box-shadow:0 2px 8px #4c4fe059}.type-tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.type-tab{border:1px solid var(--border);background:var(--panel);color:var(--text-soft);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;text-decoration:none;transition:border-color .15s,color .15s,background .15s,transform .1s;display:flex}.type-tab:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.type-tab.active{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--accent-contrast)}.type-icon{font-size:15px;line-height:1}.app-main{grid-template-columns:1.15fr .85fr;align-items:start;gap:20px;display:grid}.app-main.single{grid-template-columns:1fr}@media (width<=820px){.app-main{grid-template-columns:1fr}}.panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-soft);padding:22px 24px 26px}.panel h2{letter-spacing:-.01em;margin:0 0 16px;font-size:15.5px}.options-heading{border-top:1px dashed var(--border);margin-top:26px;padding-top:20px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-wide{grid-column:1/-1}.field{flex-direction:column;gap:6px;min-width:0;font-size:13px;display:flex}.field-label{color:var(--text-soft);letter-spacing:.01em;font-size:12.5px;font-weight:500}.required{color:var(--danger);margin-inline-start:3px}.field input[type=text],.field input[type=password],.field textarea,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);width:100%;color:var(--text);padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder,.field textarea::placeholder{color:var(--text-mute)}.field input:hover,.field textarea:hover,.field select:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;width:100%;height:36px;padding:3px}.field input[type=color]:hover{border-color:var(--accent)}.field-checkbox{flex-direction:row;align-items:center;gap:9px}.field input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.field input[type=range],input.logo-size-range{appearance:none;background:var(--chip);cursor:pointer;border:none;border-radius:999px;width:100%;height:6px;padding:0}.field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2.5px solid var(--panel);border-radius:50%;width:17px;height:17px;transition:transform .1s;box-shadow:0 1px 4px #00000047}input.logo-size-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2.5px solid var(--panel);border-radius:50%;width:17px;height:17px;transition:transform .1s;box-shadow:0 1px 4px #00000047}.field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}input.logo-size-range::-webkit-slider-thumb:hover{transform:scale(1.12)}.field input[type=range]::-moz-range-thumb{background:var(--accent);border:2.5px solid var(--panel);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000047}input.logo-size-range::-moz-range-thumb{background:var(--accent);border:2.5px solid var(--panel);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000047}.field input[type=range]:focus-visible,input.logo-size-range:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.options-panel{flex-direction:column;gap:20px;display:flex}.opt-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);margin:0 0 12px;font-size:11.5px;font-weight:600}.opt-grid{grid-template-columns:1fr 1fr;gap:13px 14px;display:grid}@media (width<=480px){.opt-grid,.form-grid{grid-template-columns:1fr}}.opt-hint{color:var(--text-mute);background:var(--panel-soft);border-inline-start:3px solid var(--accent);border-radius:0 8px 8px 0;margin:10px 0 0;padding:8px 10px;font-size:12.5px}.preset-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.preset-chip{border:1px solid var(--border);background:var(--panel);color:var(--text-soft);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.preset-chip:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);color:var(--text);transform:translateY(-1px)}.preset-swatch{border:1px solid #80808066;border-radius:50%;flex-shrink:0;width:15px;height:15px}.preset-chip.saved{padding:0;overflow:hidden}.preset-chip.saved .preset-name{cursor:pointer;color:var(--text-soft);background:0 0;border:none;align-items:center;gap:5px;padding:6px 4px 6px 12px;font-size:13px;display:inline-flex}.preset-chip.saved .preset-name:hover{color:var(--text)}.preset-chip.saved .preset-x{cursor:pointer;color:var(--text-mute);background:0 0;border:none;padding:6px 11px 6px 4px;font-size:16px;line-height:1}.preset-chip.saved .preset-x:hover{color:var(--danger)}.preset-save{gap:8px;display:flex}.preset-save input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);min-width:0;color:var(--text);flex:1;padding:9px 11px;font-family:inherit;font-size:14px}.preset-save input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.preset-save button{border-radius:var(--radius-sm);background:var(--accent-solid);color:var(--accent-contrast);cursor:pointer;white-space:nowrap;border:none;padding:9px 16px;font-size:13.5px;font-weight:500;transition:background .15s}.preset-save button:hover:not(:disabled){background:var(--accent-solid-strong)}.preset-save button:disabled{background:var(--chip);color:var(--text-mute);cursor:not-allowed}.image-actions{flex-wrap:wrap;gap:8px;display:flex}.image-actions button,.upload-btn{border-radius:var(--radius-sm);border:1px dashed color-mix(in srgb, var(--accent) 55%, var(--border));background:var(--panel-soft);color:var(--text-soft);cursor:pointer;padding:8px 13px;font-size:13.5px;transition:border-color .15s,background .15s,color .15s}.image-actions button:hover,.upload-btn:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.logo-size-control{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border-soft));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 65%), var(--panel-soft);border-radius:12px;grid-column:1/-1;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.logo-size-preview{border:1px solid var(--border-soft);background-color:var(--panel);background-image:linear-gradient(45deg, var(--border-soft) 25%, transparent 25%), linear-gradient(-45deg, var(--border-soft) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border-soft) 75%), linear-gradient(-45deg, transparent 75%, var(--border-soft) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:10px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.logo-size-preview img{object-fit:contain;max-width:100%;max-height:100%}.logo-size-content{gap:7px;min-width:0;display:grid}.logo-size-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo-size-heading output{background:var(--accent-soft);min-width:44px;color:var(--accent-strong);font-variant-numeric:tabular-nums;text-align:center;border-radius:7px;padding:3px 7px;font-size:12px;font-weight:700}.field input.logo-size-range{width:100%;margin:0}.logo-size-scale{color:var(--text-mute);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}@media (width<=480px){.logo-size-control{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px}.logo-size-preview{width:52px;height:52px}}.upload-btn{display:inline-block}.preview-panel{position:sticky;top:20px}.qr-preview{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-canvas-wrap{aspect-ratio:1;border:1px solid var(--border-soft);border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:360px;padding:18px;display:flex;box-shadow:inset 0 0 0 1px #8080800a}.qr-canvas-wrap.has-frame{aspect-ratio:auto;min-height:0}.qr-canvas-wrap canvas{border-radius:4px;max-width:100%;height:auto}.template-picker{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);margin:0 0 18px;padding:18px}.template-picker-heading{margin-bottom:12px}.template-picker-heading h2{margin:0 0 4px;font-size:15px}.template-picker-heading p{color:var(--text-mute);margin:0;font-size:12.5px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.template-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--text);text-align:start;cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.template-card:hover{border-color:var(--accent);transform:translateY(-1px)}.template-card strong{font-size:13px}.template-card span{color:var(--text-mute);font-size:11.5px;line-height:1.4}.brand-palette{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.brand-color{border:2px solid var(--panel);outline:1px solid var(--border);cursor:pointer;border-radius:50%;width:32px;height:32px;padding:0}.brand-color:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=720px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.qr-empty-hint{color:var(--text-mute);text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto;font-size:14px;display:flex}.qr-empty-hint svg{opacity:.4}.qr-value-caption{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:-6px 0 0;font-size:12.5px;overflow:hidden}.qr-error{color:var(--danger);text-align:center;margin:0;font-size:13px}.qr-note{color:var(--ok);text-align:center;margin:0;font-size:13px}.export-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:360px;display:grid}.export-row{align-items:stretch;gap:6px;min-width:0;display:flex}.export-row:has(.scale-pick){grid-column:1/-1}.export-group button{border-radius:var(--radius-sm);background:var(--accent-solid);color:var(--accent-contrast);cursor:pointer;white-space:nowrap;border:1px solid #0000;flex:1;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s,transform .1s,box-shadow .15s}.export-group button:hover:not(:disabled){background:var(--accent-solid-strong);transform:translateY(-1px);box-shadow:0 3px 10px #4c4fe04d}.export-group button:disabled{background:var(--chip);color:var(--text-mute);cursor:not-allowed}.scale-pick{flex:1.3}.scale-pick select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);width:100%;height:100%;color:var(--text);cursor:pointer;padding:0 10px;font-family:inherit;font-size:13px}.history-panel{margin-top:20px}.history-head{justify-content:space-between;align-items:center;display:flex}.link-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:13px}.link-btn:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.history-empty{color:var(--text-mute);margin:0;font-size:13.5px}.history-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.history-item{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:11px;align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.history-item:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow:var(--shadow)}.history-main{cursor:pointer;text-align:start;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.history-thumb{border:1px solid var(--border-soft);background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.history-thumb img{width:100%;height:100%;display:block}.thumb-ph{color:#b0b4bc;font-size:11px}.history-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.history-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.history-time{color:var(--text-mute);font-size:11.5px}.history-remove{color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 11px;font-size:18px}.history-remove:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.scanner-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:20px;display:grid}@media (width<=760px){.scanner-grid{grid-template-columns:1fr}}.scanner-camera{border:1px solid var(--border-soft);background:#0c0f19;border-radius:12px;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.scanner-camera video{object-fit:cover;width:100%;min-height:280px;display:block}.scanner-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scanner-idle{color:#9aa0ab;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.scanner-idle svg{opacity:.5}.scanner-idle p{margin:0}.scanner-controls{justify-content:center;gap:10px;display:flex;position:absolute;bottom:14px;left:0;right:0}.scanner-controls button,.scan-actions button,.scan-actions .btn{background:var(--accent-solid);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-block}.scanner-controls button:hover,.scan-actions button:hover,.scan-actions .btn:hover{background:var(--accent-solid-strong);transform:translateY(-1px)}.scanner-controls button.secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29}.scanner-controls button.secondary:hover{background:#ffffff47}.scanner-side h3{margin:0 0 8px;font-size:14px}.scanner-side h3:not(:first-child){border-top:1px dashed var(--border);margin-top:20px;padding-top:16px}.scan-result{background:var(--panel-soft);border:1px solid var(--border-soft);border-radius:11px;padding:13px}.scan-data{word-break:break-all;color:var(--text);margin:0 0 11px;font-size:13.5px}.scan-actions{flex-wrap:wrap;gap:8px;display:flex}.scan-actions .btn,.scan-actions button{padding:8px 15px;font-size:13.5px}.scanner-drop{border:1.5px dashed var(--border);text-align:center;border-radius:11px;padding:18px;transition:border-color .15s,background .15s}.scanner-drop.dragover,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-soft)}.scanner-drop p{color:var(--text-mute);margin:0 0 10px;font-size:13px}.batch-help{color:var(--text-mute);margin-top:4px;font-size:12.5px}.batch-help code{background:var(--chip);border-radius:4px;padding:1px 5px;font-size:12px}.batch-inputs{grid-template-columns:1fr auto;align-items:end;gap:14px;margin-top:14px;display:grid}@media (width<=760px){.batch-inputs{grid-template-columns:1fr}}.batch-inputs textarea{resize:vertical;min-height:110px}.drop-zone{border:1.5px dashed #0000;border-radius:12px;margin:-6px;padding:6px;transition:border-color .15s,background .15s}.batch-summary{background:var(--panel-soft);border:1px solid var(--border-soft);border-radius:11px;margin-top:16px;padding:12px 14px}.batch-summary p{margin:0;font-size:13.5px}.batch-warning{border-inline-start:3px solid var(--accent);background:var(--panel-soft);color:var(--text-soft);overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin:14px 0 0;padding:10px 12px;font-size:13px}.batch-preview{color:var(--text-soft);flex-direction:column;gap:5px;margin:9px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.batch-preview code{background:var(--chip);border-radius:4px;padding:1px 6px}.batch-preview .more{color:var(--text-mute)}.batch-controls{flex-wrap:wrap;align-items:end;gap:14px;margin-top:18px;display:flex}.batch-controls .primary{border-radius:var(--radius-sm);background:var(--accent-solid);color:var(--accent-contrast);cursor:pointer;border:none;padding:11px 20px;font-size:14px;font-weight:500;transition:background .15s,transform .1s}.batch-controls .primary:hover:not(:disabled){background:var(--accent-solid-strong);transform:translateY(-1px)}.batch-controls .primary:disabled{background:var(--chip);color:var(--text-mute);cursor:not-allowed}.progress{background:var(--chip);border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent), #22d3ee);border-radius:999px;height:100%;transition:width .2s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scan-audit{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:12px;width:100%;padding:12px 14px 14px}.scan-audit.audit-warn{border-color:color-mix(in srgb, var(--warn,#d99100) 45%, var(--border-soft))}.scan-audit.audit-error{border-color:color-mix(in srgb, var(--danger) 50%, var(--border-soft))}.audit-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.audit-head h3{letter-spacing:.01em;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.audit-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.audit-badge-ok{background:var(--ok)}.audit-badge-warn{background:var(--warn,#d99100)}.audit-badge-error{background:var(--danger)}.audit-test-btn{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);cursor:pointer;border-radius:8px;padding:5px 11px;font-size:12.5px}.audit-test-btn:disabled{opacity:.6;cursor:progress}.audit-summary{color:var(--text-soft);margin:9px 0 0;font-size:13px}.audit-list{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.audit-item{gap:8px;font-size:12.5px;line-height:1.4;display:flex}.audit-icon{text-align:center;color:#fff;border-radius:50%;flex:none;width:15px;height:15px;margin-top:1px;font-size:10px;font-weight:700;line-height:15px}.audit-item-ok .audit-icon{background:var(--ok)}.audit-item-warn .audit-icon{background:var(--warn,#d99100)}.audit-item-error .audit-icon{background:var(--danger)}.audit-item-ok .audit-text{color:var(--text-mute)}.audit-suggestion{color:var(--text-soft);display:block}.audit-fix-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:7px;margin-top:5px;padding:3px 9px;font-size:12px;display:inline-block}.audit-fix-btn:hover{border-color:var(--accent);color:var(--accent-strong)}.audit-scan-result{border-radius:8px;margin:10px 0 0;padding:8px 10px;font-size:12.5px}.audit-scan-result.ok{background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--text)}.audit-scan-result.bad{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--text)}.audit-note{color:var(--text-mute);margin:10px 0 0;font-size:12px}.pwa-notices{z-index:40;flex-direction:column;gap:8px;width:min(520px,100vw - 24px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.pwa-notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);box-shadow:var(--shadow-lift);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.pwa-notice span{flex:200px}.pwa-notice-warn{color:var(--warn)}.pwa-notice-action{background:var(--accent-solid);color:var(--accent-contrast);cursor:pointer;border:0;border-radius:7px;flex:none;padding:5px 12px;font-size:13px;font-weight:600}.pwa-notice-action:hover{background:var(--accent-solid-strong)}.pwa-notice-dismiss{width:26px;height:26px;color:var(--text-mute);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;font-size:17px;line-height:1}.pwa-notice-dismiss:hover{background:var(--chip);color:var(--text)}@media print{.pwa-notices{display:none}}.dynamic-qr-panel{border-block-start:1px solid var(--border);margin-block-start:2rem;padding-block-start:1.5rem}.dynamic-toggle{border:1px solid var(--border);color:var(--text);background:var(--panel-soft);font:inherit;cursor:pointer;border-radius:.4rem;margin-block-start:1rem;padding:.55rem .8rem}.dynamic-qr-panel h3,.dynamic-qr-panel h4{margin-block:0 .75rem}.dynamic-qr-panel>p,.dynamic-qr-panel form>p,.dynamic-key-warning{color:var(--text-soft);font-size:.9rem;line-height:1.5}.dynamic-privacy-note,.dynamic-key-warning{background:var(--panel-soft);border-radius:.5rem;padding:.75rem}.dynamic-field{gap:.4rem;margin-block:.9rem;font-weight:600;display:grid}.dynamic-field input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:var(--panel);font:inherit;border-radius:.4rem;padding:.65rem .75rem}.dynamic-actions{flex-wrap:wrap;gap:.5rem;margin-block:.75rem;display:flex}.dynamic-qr-panel button{border:1px solid var(--border);min-height:2.5rem;color:var(--text);background:var(--panel);font:inherit;cursor:pointer;border-radius:.4rem;padding:.5rem .8rem}.dynamic-qr-panel button:disabled{opacity:.55;cursor:not-allowed}.dynamic-turnstile{margin-block:1rem}.dynamic-domain-record{overflow-wrap:anywhere;grid-template-columns:minmax(5rem,auto) minmax(0,1fr);gap:.45rem;font-size:.85rem;display:grid}.dynamic-domain-record dd{margin:0}.dynamic-created,.dynamic-code-item{border:1px solid var(--border);border-radius:.5rem;margin-block:1rem;padding:1rem}.dynamic-qr-result{background:#fff;width:min(100%,18rem);margin:1rem auto;padding:.75rem}.dynamic-qr-result img{width:100%;display:block}.dynamic-created a,.dynamic-code-item a{overflow-wrap:anywhere}.dynamic-analytics{background:var(--panel-soft);border-radius:.4rem;max-height:12rem;padding:.5rem;overflow:auto}.dynamic-analytics p{margin-block:.25rem;font-size:.85rem}.dynamic-status[role=alert]{color:var(--danger,#b42318)}.dynamic-qr-unavailable{border-inline-start:3px solid var(--border);color:var(--text-soft);margin-block-start:1.5rem;padding:.75rem}