.qr-hero,.qrg,.qrs,.qr-formats,.qr-explain,.qr-related,.bcg{--qr-accent:#0f766e;--qr-soft:color-mix(in srgb,var(--qr-accent) 9%,var(--bg-raised))}@media (prefers-color-scheme:dark){.qr-hero,.qrg,.qrs,.qr-formats,.qr-explain,.qr-related{--qr-accent:#2dd4bf}}.qr-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:2rem 0 1.4rem;display:grid}.qr-hero>div>span,.qrg-panel>header>div>span,.qrg-output>header>div>span,.qrs-camera>header span,.qrs-results>header>div>span,.qr-explain article span{color:var(--qr-accent);font:780 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.qr-hero h1{letter-spacing:-.055em;max-width:18ch;margin:.42rem 0 .7rem;font-size:clamp(2.1rem,5.4vw,4.6rem);line-height:.96}.qr-hero .lead{max-width:66ch;margin:0}.qr-hero-mark{background:var(--bg-raised);width:118px;height:118px;box-shadow:var(--shadow);border-radius:22px;position:relative}.qr-hero-mark i{border:7px solid var(--qr-accent);border-radius:9px;width:34px;height:34px;position:absolute}.qr-hero-mark i:after{background:var(--qr-accent);content:"";border-radius:3px;position:absolute;inset:5px}.qr-hero-mark i:first-child{top:14px;left:14px}.qr-hero-mark i:nth-child(2){top:14px;right:14px}.qr-hero-mark i:nth-child(3){bottom:14px;left:14px}.qr-hero-mark b{background:radial-gradient(circle,var(--text) 32%,transparent 34%) 0 0/10px 10px;width:30px;height:30px;position:absolute;bottom:18px;right:18px}.qr-hero.is-scanner .qr-hero-mark:after{content:"";background:#22c55e;border-radius:3px;height:3px;position:absolute;inset:auto 8px 56px;box-shadow:0 0 12px #22c55e}.qrg{margin:1rem 0 2.5rem}.qrg-kinds{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.qrg-kinds label{position:relative}.qrg-kinds input{opacity:0;pointer-events:none;position:absolute}.qrg-kinds span{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;padding:.5rem .9rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.qrg-kinds span:hover{border-color:color-mix(in srgb,var(--qr-accent) 45%,var(--border))}.qrg-kinds input:checked+span{border-color:var(--qr-accent);background:var(--qr-accent);color:#fff}@media (prefers-color-scheme:dark){.qrg-kinds input:checked+span{color:#042f2e}}.qrg-kinds input:focus-visible+span{outline:3px solid var(--ring);outline-offset:2px}.qrg-kinds .is-batch span{border-style:dashed}.qrg-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:1rem;display:grid}.qrg-controls{gap:1rem;min-width:0;display:grid}.qrg-panel,.qrg-output{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.qrg-panel>header,.qrg-output>header{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.qrg-panel h2,.qrg-output h2{margin:.18rem 0 0;font-size:1rem}.qrg-form,.qrg-style{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;display:grid}.qrg-form[hidden]{display:none}.qrg-form label,.qrg-style label{min-width:0;color:var(--text-muted);gap:.3rem;font-size:.72rem;font-weight:700;display:grid}.qrg-form .is-wide,.qrg-style .is-wide{grid-column:1/-1}.qrg-form input:not([type=checkbox]):not([type=file]),.qrg-form textarea,.qrg-form select,.qrg-style select,.qrs-camera select{border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:500 .88rem var(--font);border-radius:10px;padding:.55rem .7rem}.qrg-form textarea{resize:vertical;min-height:0;line-height:1.45}.qrg-form [data-qr-batch-lines]{font:.8rem var(--mono)}.qrg-form input:focus,.qrg-form textarea:focus,.qrg-form select:focus,.qrg-style select:focus{border-color:var(--qr-accent);outline:3px solid color-mix(in srgb,var(--qr-accent) 18%,transparent)}.qrg-form label.qrg-check,.qrg-style label.qrg-check{min-height:44px;color:var(--text);align-items:center;gap:.55rem;font-size:.8rem;display:flex}.qrg-check input{width:18px;height:18px;accent-color:var(--qr-accent)}.qrg-hint{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.5}.qrg-batch-row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.qrg-batch-row strong{color:var(--qr-accent);font:.75rem var(--mono);align-self:center;margin-left:auto}.qrg-file span{border:1px dashed color-mix(in srgb,var(--qr-accent) 50%,var(--border));background:var(--qr-soft);min-height:44px;color:var(--qr-accent);cursor:pointer;border-radius:10px;align-items:center;padding:.5rem .85rem;font-size:.78rem;font-weight:750;display:inline-flex}.qrg-style label.qrg-color{grid-template-columns:1fr 52px;align-items:center}.qrg-color input{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;width:52px;height:44px;padding:3px}.qrg-style label:has([data-qr-margin]){grid-template-columns:1fr auto;align-items:center}.qrg-style label:has([data-qr-margin])>span{grid-column:1/-1}.qrg-style input[type=range]{width:100%;min-height:44px;accent-color:var(--qr-accent)}.qrg-style output{background:var(--qr-soft);min-width:30px;height:30px;color:var(--qr-accent);font:750 .72rem var(--mono);border-radius:8px;place-items:center;display:grid}.qrg-logo{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.qrg-logo label[data-qr-logo-size-row]{flex:160px}.qrg-logo button,.qrg-actions button,.qrs-camera-actions button,.qrs-results header button,.qrs-actions button,.qrs-actions a{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--text);font:720 .78rem var(--font);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.5rem .85rem;text-decoration:none;display:inline-flex}.qrg-logo button:hover,.qrg-actions button:hover,.qrs-camera-actions button:hover,.qrs-results header button:hover,.qrs-actions button:hover,.qrs-actions a:hover{border-color:color-mix(in srgb,var(--qr-accent) 45%,var(--border));color:var(--qr-accent)}.qrg-actions .is-primary,.qrs-camera-actions .is-primary,.qrs-actions .is-primary{background:var(--qr-accent);color:#fff;border-color:#0000}@media (prefers-color-scheme:dark){.qrg-actions .is-primary,.qrs-camera-actions .is-primary,.qrs-actions .is-primary{color:#042f2e}}.qrg-actions .is-primary:hover,.qrs-camera-actions .is-primary:hover,.qrs-actions .is-primary:hover{color:#fff;filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.qrg-output{position:sticky;top:1rem}.qrg-canvas{background-color:var(--bg-subtle);background-image:linear-gradient(45deg,color-mix(in srgb,var(--border) 45%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 45%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 45%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 45%,transparent) 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;padding:1.2rem;display:grid}.qrg-preview{aspect-ratio:1;border-radius:6px;width:min(100%,340px);box-shadow:0 12px 32px #0f172a24}.qrg.has-template .qrg-preview{box-shadow:none;filter:drop-shadow(0 12px 22px #0f172a2e)}.qrg-preview svg{width:100%;height:100%;display:block}.qrg.has-error .qrg-preview{opacity:.25;filter:grayscale()}.qrg-meta,.qrg-verify,.qrg-warning,.qrg-error{margin:.7rem 1rem 0;font-size:.74rem;line-height:1.5}.qrg-meta{color:var(--text-muted);font-family:var(--mono);font-size:.68rem}.qrg-verify{min-height:1.1em;color:var(--text-muted)}.qrg-verify[data-state=ok]{color:var(--success)}.qrg-verify[data-state=ok]:before{content:"✓ ";font-weight:800}.qrg-verify[data-state=fail]{background:var(--danger-subtle);color:var(--danger);border-radius:10px;padding:.6rem .7rem}.qrg-warning{border:1px solid color-mix(in srgb,#d97706 35%,var(--border));background:color-mix(in srgb,#d97706 9%,var(--bg-raised));color:var(--text);border-radius:10px;padding:.6rem .7rem}.qrg-error{background:var(--danger-subtle);color:var(--danger);border-radius:10px;padding:.6rem .7rem}.qrg-warning[hidden],.qrg-error[hidden]{display:none}.qrg-actions{flex-wrap:wrap;align-items:end;gap:.5rem;padding:1rem;display:flex}.qrg-actions[hidden]{display:none}.qrg-actions label{color:var(--text-muted);gap:.3rem;font-size:.7rem;font-weight:700;display:grid}.qrg-actions select{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);font:600 .78rem var(--font);border-radius:10px;padding:.45rem .6rem}.qrg-payload{border:1px solid var(--border);border-radius:10px;margin:0 1rem 1rem}.qrg-payload summary{min-height:44px;color:var(--text-muted);cursor:pointer;padding:.7rem .8rem;font-size:.74rem;font-weight:700}.qrg-payload pre{border-top:1px solid var(--border);max-height:220px;font:.7rem/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;margin:0;padding:.7rem .8rem;overflow:auto}.qrg-private,.qrs-private{color:var(--text-muted);margin:0 1rem 1rem;font-size:.7rem;line-height:1.5}.qrg-private:before,.qrs-private:before{content:"✓";background:var(--success-subtle);width:18px;height:18px;color:var(--success);border-radius:50%;place-items:center;margin-right:.4rem;font-weight:800;display:inline-grid}.qrg-import span{border:1px solid color-mix(in srgb,var(--qr-accent) 40%,var(--border));background:var(--qr-soft);min-height:44px;color:var(--qr-accent);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;padding:.45rem .75rem;font-size:.74rem;font-weight:750;display:inline-flex}.qrg-import span:before{content:"↺";margin-right:.35rem;font-weight:800}.qrg-import.is-over span{background:color-mix(in srgb,var(--qr-accent) 18%,var(--bg-raised));border-style:dashed}.qrg-import-status{background:var(--bg-subtle);color:var(--text-muted);border-radius:10px;margin:.8rem 1rem 0;padding:.55rem .7rem;font-size:.74rem}.qrg-import-status[hidden]{display:none}.qrg-import-status[data-state=ok]{background:var(--success-subtle);color:var(--success)}.qrg-import-status[data-state=fail]{background:var(--danger-subtle);color:var(--danger)}.qrg-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:1rem 1rem 0;display:grid}.qrg-presets button{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);cursor:pointer;border-radius:12px;gap:.3rem;padding:.4rem .4rem .45rem;transition:all .15s;display:grid}.qrg-presets button:hover{border-color:color-mix(in srgb,var(--qr-accent) 45%,var(--border));transform:translateY(-1px)}.qrg-presets button[aria-pressed=true]{border-color:var(--qr-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--qr-accent) 25%,transparent)}.qrg-presets button>span{aspect-ratio:1;background:#fff;border-radius:8px;place-items:center;display:grid;overflow:hidden}.qrg-presets button>span svg{max-width:100%;max-height:100%;display:block}.qrg-presets small{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:700;overflow:hidden}.qrg-style h3{border-top:1px solid var(--border);color:var(--text);margin:.5rem 0 -.2rem;padding-top:.6rem;font-size:.78rem}.qrg-style h3:first-child{border-top:0;margin-top:0;padding-top:0}.qrg-style label[hidden],.qrg-form label[hidden]{display:none}.qr-faq{max-width:860px;margin:2.2rem 0}.qr-faq h2{margin-bottom:.8rem}.qr-faq details{border-bottom:1px solid var(--border)}.qr-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.75rem 0;font-size:.92rem;font-weight:720;list-style:none;display:flex}.qr-faq summary::-webkit-details-marker{display:none}.qr-faq summary:after{content:"+";color:var(--qr-accent);font-size:1.2rem;font-weight:500;transition:transform .15s}.qr-faq details[open] summary:after{transform:rotate(45deg)}.qr-faq details p{color:var(--text-muted);margin:0 0 1rem;font-size:.84rem;line-height:1.7}.qr-faq{--qr-accent:#0f766e}@media (prefers-color-scheme:dark){.qr-faq{--qr-accent:#2dd4bf}}.qrg-tpl-cats{scrollbar-width:thin;gap:.35rem;padding:1rem 1rem .2rem;display:flex;overflow-x:auto}.qrg-tpl-cats button{border:1px solid var(--border);background:var(--bg);min-width:44px;min-height:44px;color:var(--text-muted);font:700 .72rem var(--font);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:.35rem .75rem}.qrg-tpl-cats button[aria-pressed=true]{border-color:var(--qr-accent);background:var(--qr-soft);color:var(--qr-accent)}.qrg-tpl-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.55rem;padding:.8rem 1rem 1rem;display:grid}.qrg-tpl-grid button{border:1px solid var(--border);background:var(--bg-subtle);min-width:0;color:var(--text);cursor:pointer;border-radius:12px;grid-template-rows:118px auto;gap:.35rem;padding:.45rem;transition:all .15s;display:grid}.qrg-tpl-grid button[hidden]{display:none}.qrg-tpl-grid button:hover{border-color:color-mix(in srgb,var(--qr-accent) 45%,var(--border));transform:translateY(-1px)}.qrg-tpl-grid button[aria-pressed=true]{border-color:var(--qr-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--qr-accent) 25%,transparent)}.qrg-tpl-grid button>span{place-items:center;min-height:0;display:grid;overflow:hidden}.qrg-tpl-grid button>span svg{filter:drop-shadow(0 3px 6px #0f172a29);width:auto;max-width:100%;height:auto;max-height:118px;display:block}.qrg-tpl-grid .is-none>span b{border:2px dashed var(--border-strong);width:64px;height:64px;color:var(--text-muted);font:800 .9rem var(--mono);border-radius:10px;place-items:center;display:grid}.qrg-tpl-grid small{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.64rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.qrg-tpl-fields{border-top:1px solid var(--border)}.qrg-tpl-fields[hidden]{display:none}.qrg-tpl-fields>.qrg-hint{color:var(--qr-accent);margin:.9rem 1rem 0;font-weight:700}.qrg-tpl-fields .qrg-form{padding-top:.7rem}.qrg-tpl-actions{padding:0 1rem 1rem}.qrg-tpl-actions button{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--text);font:700 .74rem var(--font);cursor:pointer;border-radius:10px;padding:.45rem .8rem}.qrg.has-template [data-qr-frame],.qrg.has-template [data-qr-frame-row]{opacity:.45;pointer-events:none}.qrg.has-template .qrg-preview{width:min(100%,380px)}.qrg-tpl-browse{min-height:44px;color:var(--qr-accent);white-space:nowrap;align-items:center;font-size:.76rem;font-weight:750;text-decoration:none;display:inline-flex}.qrg-tpl-browse:hover{text-decoration:underline}.qr-hero.is-templates{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.tpl-hero-stack{height:200px;position:relative}.tpl-hero-stack i{filter:drop-shadow(0 12px 20px #0f172a33);width:118px;display:block;position:absolute}.tpl-hero-stack i svg{width:100%;height:auto;display:block}.tpl-hero-stack i:first-child{top:30px;left:0;transform:rotate(-8deg)}.tpl-hero-stack i:nth-child(2){z-index:2;top:0;left:90px}.tpl-hero-stack i:nth-child(3){top:34px;left:180px;transform:rotate(7deg)}.tpl-jump{gap:.4rem;margin:.5rem 0 1.5rem;padding-bottom:.3rem;display:flex;overflow-x:auto}.tpl-jump a{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--text);border-radius:999px;flex:none;align-items:center;padding:.45rem .9rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.tpl-jump a:hover{border-color:var(--qr-accent,#0f766e);color:var(--qr-accent,#0f766e)}.tpl-section{margin:0 0 2.4rem;scroll-margin-top:1rem}.tpl-section h2{margin-bottom:.9rem}.tpl-cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.9rem;display:grid}.tpl-card{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:150px minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.tpl-thumb{background:var(--bg-subtle);border-radius:12px;place-items:center;min-height:170px;padding:.6rem;display:grid}.tpl-thumb svg{filter:drop-shadow(0 6px 12px #0f172a29);width:auto;max-width:100%;height:auto;max-height:190px;transition:transform .18s;display:block}.tpl-card:hover .tpl-thumb svg{transform:translateY(-3px)rotate(-1deg)}.tpl-card h3{margin:.1rem 0 .3rem;font-size:1rem}.tpl-card h3 a{color:var(--text);text-decoration:none}.tpl-card h3 a:hover{color:#0f766e}.tpl-card p{color:var(--text-muted);margin:0 0 .6rem;font-size:.78rem;line-height:1.55}.tpl-card .tpl-meta{color:#0f766e;font:700 .68rem var(--mono)}@media (prefers-color-scheme:dark){.tpl-card .tpl-meta,.tpl-card h3 a:hover{color:#2dd4bf}}.tpl-use{white-space:nowrap;color:#fff;background:#0f766e;border-radius:10px;align-items:center;gap:.4rem;min-height:44px;padding:.45rem .9rem;font-size:.78rem;font-weight:750;text-decoration:none;display:inline-flex}.tpl-use:hover{filter:brightness(1.08)}@media (prefers-color-scheme:dark){.tpl-use{color:#042f2e;background:#2dd4bf}}.tpl-local{margin-top:.5rem}.tpl-local-hint{max-width:72ch;color:var(--text-muted);margin:-.4rem 0 .9rem;font-size:.84rem}.tpl-local-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;display:grid}.tpl-local-card{border:1px solid var(--border);background:var(--bg-raised);color:var(--text);box-shadow:var(--shadow);border-radius:16px;grid-template-rows:170px auto;gap:.5rem;padding:.7rem;text-decoration:none;transition:all .16s;display:grid}.tpl-local-card:hover{border-color:#0f766e;transform:translateY(-2px)}.tpl-local-card>span{background:var(--bg-subtle);border-radius:10px;place-items:center;min-height:0;padding:.4rem;display:grid;overflow:hidden}.tpl-local-card>span svg{filter:drop-shadow(0 5px 10px #0f172a29);width:auto;max-width:100%;height:auto;max-height:158px;display:block}.tpl-local-card strong{text-align:center;font-size:.76rem;line-height:1.3}.qrg-tpl-grid button.is-local small:before{content:"";background:var(--qr-accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin:0 .3rem .08rem 0;display:inline-block}.bcg-formats{gap:.55rem;margin-bottom:1rem;display:grid}.bcg-formats .qrg-kinds{align-items:center;margin:0}.bcg-formats .qrg-kinds>strong{min-width:7.5em;color:var(--text-muted);letter-spacing:.02em;font-size:.72rem;font-weight:750}.bcg-qr-link{border:1px dashed var(--border);min-height:44px;color:var(--qr-accent);border-radius:999px;align-items:center;padding:.5rem .9rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.bcg-qr-link:hover{border-color:var(--qr-accent)}.bcg-sample{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--text);font:700 .74rem var(--font);cursor:pointer;border-radius:10px;padding:.4rem .8rem}.bcg-batch-run{align-items:end;display:flex}.bcg-batch-run button{background:var(--qr-accent);color:#fff;min-height:44px;font:720 .78rem var(--font);cursor:pointer;border:0;border-radius:10px;padding:.5rem .9rem}@media (prefers-color-scheme:dark){.bcg-batch-run button{color:#042f2e}}.bcg-preview{background:#fff;border-radius:6px;place-items:center;width:100%;min-height:160px;padding:.6rem;display:grid;box-shadow:0 12px 32px #0f172a24}.bcg-preview svg{width:100%;height:auto;max-height:260px;display:block}.bcg-preview[data-kind=matrix] svg{width:min(100%,260px)}.bcg.has-error .bcg-preview{opacity:.25;filter:grayscale()}.bcg-hero-mark{background:var(--bg-raised);height:96px;box-shadow:var(--shadow);border-radius:18px;align-items:stretch;gap:5px;padding:14px 16px;display:flex}.bcg-hero-mark i{background:var(--text);display:block}.bcg-hero-mark i:nth-child(3n){width:7px}.bcg-hero-mark i:nth-child(3n+1){width:3px}.bcg-hero-mark i:nth-child(3n+2){width:5px}.bcg-hero-mark i:nth-child(4n){background:var(--qr-accent)}.qr-hero.is-barcode .bcg-hero-mark{--qr-accent:#0f766e}.qrs{margin:1rem 0 2.5rem}.qrs-sources{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem;display:grid}.qrs-camera{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.qrs-camera>header{border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:.85rem 1rem}.qrs-camera h2{margin:.18rem 0 0;font-size:1rem}.qrs-viewport{aspect-ratio:4/3;background:#0b1120;place-items:center;display:grid;position:relative;overflow:hidden}.qrs-viewport video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.qrs-reticle{aspect-ratio:1;pointer-events:none;width:min(62%,300px);position:relative}.qrs-reticle i{border:0 solid #ffffffe6;width:26%;height:26%;position:absolute}.qrs-reticle i:first-child{border-top-width:4px;border-left-width:4px;border-top-left-radius:14px;top:0;left:0}.qrs-reticle i:nth-child(2){border-top-width:4px;border-right-width:4px;border-top-right-radius:14px;top:0;right:0}.qrs-reticle i:nth-child(3){border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:14px;bottom:0;left:0}.qrs-reticle i:nth-child(4){border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:14px;bottom:0;right:0}.qrs.is-live .qrs-reticle:after{content:"";background:#22c55e;border-radius:3px;height:3px;animation:1.8s ease-in-out infinite alternate qrs-sweep;position:absolute;inset:0 6%;box-shadow:0 0 14px #22c55e}@keyframes qrs-sweep{0%{top:6%}to{top:92%}}@media (prefers-reduced-motion:reduce){.qrs.is-live .qrs-reticle:after{animation:none;top:50%}}.qrs-camera-idle{color:#ffffffb3;margin:0;font-size:.75rem;position:absolute;bottom:1rem}.qrs-camera-idle[hidden]{display:none}.qrs-camera-status{min-height:1.2em;color:var(--text-muted);margin:.7rem 1rem 0;font-size:.74rem;line-height:1.5}.qrs-camera-actions{flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem 1rem;display:flex}.qrs-camera-actions [hidden]{display:none}.qrs-drop{border:1px dashed color-mix(in srgb,var(--qr-accent) 45%,var(--border));background:var(--bg-raised);text-align:center;cursor:pointer;min-height:100%;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.2rem;transition:all .18s;display:flex;position:relative}.qrs-drop:hover,.qrs-drop.is-over,.qrs.is-pasting .qrs-drop{border-color:var(--qr-accent);transform:translateY(-2px)}.qrs-drop-mark{background:linear-gradient(var(--qr-accent),var(--qr-accent)) 10px 10px/16px 16px no-repeat,linear-gradient(var(--qr-accent),var(--qr-accent)) 38px 10px/16px 16px no-repeat,linear-gradient(var(--qr-accent),var(--qr-accent)) 10px 38px/16px 16px no-repeat,var(--qr-soft);border-radius:14px;width:64px;height:64px;margin-bottom:1rem}.qrs-drop>strong{font-size:1.05rem}.qrs-browse{background:var(--qr-accent);color:#fff;border-radius:999px;margin-top:.65rem;padding:.58rem .9rem;font-size:.76rem;font-weight:760}@media (prefers-color-scheme:dark){.qrs-browse{color:#042f2e}}.qrs-paste{color:var(--text-muted);align-items:center;gap:.42rem;margin-top:.72rem;font-size:.7rem;display:flex}.qrs-paste kbd{border:1px solid var(--border);background:var(--bg-subtle);font:650 .6rem var(--mono);border-radius:5px;padding:.2rem .34rem}.qrs-drop small{color:var(--text-muted);margin-top:.55rem;font-size:.66rem}.qrs-error{border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));background:var(--danger-subtle);color:var(--danger);border-radius:10px;margin:.8rem 0;padding:.72rem .82rem;font-size:.78rem}.qrs-error[hidden]{display:none}.qrs-results{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:20px;margin-top:1rem;overflow:hidden}.qrs-results[hidden]{display:none}.qrs-results>header{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.qrs-results h2{margin:.18rem 0 0;font-size:1rem}.qrs-results-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;padding:1rem;display:grid}.qrs-results-body:has(.qrs-shot[hidden]){grid-template-columns:1fr}.qrs-shot{margin:0}.qrs-shot[hidden]{display:none}.qrs-shot canvas{background:#0b1120;border-radius:12px;width:100%;height:auto;display:block}.qrs-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.qrs-card{border:1px solid var(--border);background:var(--bg);border-radius:14px;min-width:0;padding:.9rem}.qrs-card header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.qrs-card header strong{font-size:.95rem}.qrs-card header small{color:var(--text-muted);font:.65rem var(--mono);margin-left:auto}.qrs-number{color:#052e16;background:#22c55e;border-radius:6px;place-items:center;width:24px;height:24px;font-size:.72rem;display:grid}.qrs-warning{border:1px solid color-mix(in srgb,#d97706 35%,var(--border));background:color-mix(in srgb,#d97706 9%,var(--bg-raised));border-radius:9px;margin:0 0 .6rem;padding:.55rem .7rem;font-size:.74rem;line-height:1.45}.qrs-card dl{gap:.4rem;margin:0 0 .75rem;display:grid}.qrs-card dl>div{grid-template-columns:minmax(80px,.32fr) minmax(0,1fr);align-items:baseline;gap:.6rem;display:grid}.qrs-card dt{color:var(--text-muted);font-size:.7rem;font-weight:700}.qrs-card dd{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;margin:0;font-size:.85rem}.qrs-card .is-host dd{font-size:1.05rem;font-weight:800}.qrs-card .is-url dd{color:var(--text-muted);font:.72rem/1.45 var(--mono)}.qrs-reveal{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--qr-accent);font:700 .68rem var(--font);cursor:pointer;border-radius:6px;align-items:center;margin-left:.3rem;padding:.1rem .7rem;display:inline-flex}.qrs-actions{flex-wrap:wrap;gap:.45rem;display:flex}.qrs-raw{margin-top:.7rem}.qrs-raw summary{color:var(--text-muted);font:.66rem var(--mono);cursor:pointer}.qrs-raw pre{background:var(--bg-subtle);font:.68rem/1.45 var(--mono);white-space:pre-wrap;word-break:break-all;border-radius:8px;margin:.4rem 0 0;padding:.6rem;overflow:auto}.qrs .qrs-private{text-align:center;margin:.9rem 0 0}.qrs-continuous{min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:.45rem;margin-left:auto;font-size:.78rem;font-weight:700;display:inline-flex}.qrs-continuous input{width:18px;height:18px;accent-color:var(--qr-accent)}.qrs-viewport.is-hit:before{z-index:1;content:"";pointer-events:none;border:6px solid #22c55e;animation:.45s ease-out forwards qrs-hit;position:absolute;inset:0}@keyframes qrs-hit{0%{opacity:1}to{opacity:0}}.qrs-source{color:var(--text-muted);font:.66rem var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:-.3rem 0 .55rem;overflow:hidden}.qrs-log{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:20px;margin-top:1rem;overflow:hidden}.qrs-log[hidden]{display:none}.qrs-log>header{border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.qrs-log>header span{color:var(--qr-accent);font:780 .66rem var(--mono);letter-spacing:.12em}.qrs-log h2{margin:.18rem 0 0;font-size:1rem}.qrs-log>header>div:last-child{flex-wrap:wrap;gap:.45rem;display:flex}.qrs-log button{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--text);font:720 .76rem var(--font);cursor:pointer;border-radius:10px;align-items:center;padding:.5rem .85rem;display:inline-flex}.qrs-log button.is-primary{background:var(--qr-accent);color:#fff;border-color:#0000}@media (prefers-color-scheme:dark){.qrs-log button.is-primary{color:#042f2e}}.qrs-log-scroll{max-height:360px;overflow:auto}.qrs-log table{border-collapse:collapse;width:100%;font-size:.76rem}.qrs-log th{background:var(--bg-raised);color:var(--text-muted);text-align:left;white-space:nowrap;padding:.5rem .7rem;font-size:.68rem;position:sticky;top:0}.qrs-log td{border-top:1px solid var(--border);vertical-align:top;padding:.5rem .7rem}.qrs-log td:first-child,.qrs-log td:nth-child(2),.qrs-log td:nth-child(4){color:var(--text-muted);font-family:var(--mono);white-space:nowrap}.qrs-log td:nth-child(3){text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.qrs-log td:last-child{overflow-wrap:anywhere}.qr-explain article:last-child:nth-child(odd){grid-column:1/-1}.qr-formats{margin:2.4rem 0}.qr-formats>p{max-width:72ch;color:var(--text-muted);line-height:1.65}.qr-formats>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.qr-formats article{border:1px solid var(--border);background:var(--bg-raised);border-radius:15px;flex-direction:column;min-width:0;padding:1rem;display:flex}.qr-formats h3{margin:0 0 .4rem;font-size:.95rem}.qr-formats h3 a{color:var(--text);text-decoration:none}.qr-formats h3 a:hover{color:var(--qr-accent)}.qr-formats article p{color:var(--text-muted);flex:1;margin:0 0 .7rem;font-size:.78rem;line-height:1.6}.qr-formats pre{background:var(--bg-subtle);font:.66rem/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;border-radius:9px;margin:0;padding:.6rem .7rem;overflow:auto}.qr-explain{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:2.2rem 0;display:grid}.qr-explain article{border:1px solid var(--border);background:var(--bg-raised);border-radius:15px;padding:1.1rem}.qr-explain h2{margin:.35rem 0 .5rem;font-size:1.05rem}.qr-explain p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.65}.qr-related{margin:1.2rem 0 3rem}.qr-related h2{margin-bottom:.7rem}.qr-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.qr-related a{border:1px solid var(--border);background:var(--bg-raised);min-height:44px;color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .16s;display:flex}.qr-related a:hover{border-color:color-mix(in srgb,var(--qr-accent) 42%,var(--border));color:var(--qr-accent);transform:translateY(-2px)}@media (width<=900px){.tpl-local-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.qrg-layout,.qrs-sources,.qrs-results-body{grid-template-columns:1fr}.qrg-output{position:static}.qr-formats>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.qrg-tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:400px;padding-bottom:2.2rem;overflow:auto;mask-image:linear-gradient(#000 calc(100% - 48px),#0000)}.qrg-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;padding:.8rem .8rem 0}.qrg-presets button{border-radius:9px;padding:.25rem .25rem .3rem}.qrg-presets small{font-size:.58rem}.qrg-panel>header{flex-direction:column;align-items:flex-start}.qr-hero{grid-template-columns:1fr;padding-top:1.3rem}.qr-hero h1{font-size:clamp(2rem,11vw,3.2rem)}.qr-hero-mark,.bcg-hero-mark,.tpl-hero-stack{display:none}.qr-hero.is-templates,.tpl-cards{grid-template-columns:1fr}.tpl-local-strip{grid-template-columns:repeat(6,minmax(128px,1fr));padding-bottom:.4rem;overflow-x:auto}.tpl-card{grid-template-columns:110px minmax(0,1fr);gap:.75rem;padding:.8rem}.tpl-thumb{min-height:140px}.bcg-formats .qrg-kinds>strong{flex-basis:100%}.qrg-form,.qrg-style{grid-template-columns:1fr}.qrg-panel,.qrg-output,.qrs-camera,.qrs-results,.qrs-drop{border-radius:15px}.qrg-actions>*{flex:calc(50% - .5rem)}.qrs-drop{min-height:220px}.qr-formats>div,.qr-explain,.qr-related>div{grid-template-columns:1fr}.qrs-card dl>div{grid-template-columns:1fr;gap:.1rem}.qrs-continuous{margin-left:0}.qrs-log td:nth-child(2),.qrs-log th:nth-child(2),.qrs-log td:nth-child(3),.qrs-log th:nth-child(3){display:none}}