.qr-widget{flex-direction:column;gap:16px;min-width:0;display:flex}.qr-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.qr-tab{border:1.5px solid var(--border-2);border-radius:var(--r);background:var(--card);min-width:0;min-height:56px;color:var(--ink-600);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 2px;transition:border-color .16s,background .16s,color .16s;display:flex}.qr-tab:hover{border-color:var(--brand-300);color:var(--ink-900)}.qr-tab.is-on{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-700)}.qr-tab svg{flex:none}.qr-tab-label{text-align:center;overflow-wrap:anywhere;font-size:11.5px;font-weight:700;line-height:1.15}@media (min-width:1020px){.qr-tabs{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (max-width:420px){.qr-tab-label{font-size:10.5px}}.qr-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.qr-col{flex-direction:column;gap:16px;min-width:0;display:flex}.qr-panel{min-width:0;padding:18px}.qr-preview-col{min-width:0}@media (min-width:1021px){.qr-preview-col{position:sticky;top:16px}}@media (max-width:1020px){.qr-layout{grid-template-columns:minmax(0,1fr)}}.qr-hint{color:var(--ink-500);align-items:flex-start;gap:8px;margin:0 0 14px;font-size:13px;line-height:1.55;display:flex}.qr-hint svg{color:var(--brand-600);flex:none;margin-top:2px}.qr-fields{flex-direction:column;gap:12px;display:flex}.qr-fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qr-fgrid>.qr-fnote,.qr-fgrid>.qr-privacy{grid-column:1/-1}.qr-field{flex-direction:column;gap:6px;min-width:0;display:flex}.qr-field>label{color:var(--ink-700);font-size:13px;font-weight:700}.qr-input,.qr-select{border:1px solid var(--border-2);border-radius:var(--r-sm);background:var(--card);width:100%;height:46px;font:inherit;color:var(--ink-900);padding:0 14px;font-size:15px}.qr-textarea{border:1px solid var(--border-2);border-radius:var(--r-sm);background:var(--card);width:100%;font:inherit;color:var(--ink-900);resize:vertical;min-height:78px;padding:11px 14px;font-size:15px;line-height:1.55}.qr-input:focus-visible,.qr-select:focus-visible,.qr-textarea:focus-visible{outline:2px solid var(--brand-600);outline-offset:1px;border-color:var(--brand-300)}.qr-input:disabled,.qr-select:disabled{opacity:.55;cursor:not-allowed}.qr-input::placeholder,.qr-textarea::placeholder{color:var(--ink-400)}.qr-select-sm{width:auto;height:40px;padding:0 10px;font-size:13.5px;font-weight:600}.qr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.qr-check{min-height:44px;color:var(--ink-700);cursor:pointer;align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}.qr-check input{width:17px;height:17px;accent-color:var(--brand-600);cursor:pointer}.qr-fnote{color:var(--ink-500);margin:2px 0 0;font-size:12.5px;line-height:1.55}.qr-privacy{color:var(--brand-700);margin:2px 0 0;font-size:12.5px;font-weight:600;line-height:1.55}.qr-details{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);padding:10px 14px;font-size:13.5px}.qr-details summary{color:var(--ink-800);cursor:pointer;font-weight:700}.qr-details summary:hover{color:var(--brand-700)}.qr-details ol{color:var(--ink-600);flex-direction:column;gap:6px;margin:10px 0 2px;padding-left:20px;font-size:13px;line-height:1.55;display:flex}.qr-details code{color:var(--ink-800);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.qr-ptitle{font-family:var(--font-bricolage);letter-spacing:-.01em;color:var(--ink-900);margin:0 0 14px;font-size:16px}.qr-ptitle-sub{font-family:var(--font-hanken);letter-spacing:0;color:var(--ink-500);font-size:12.5px;font-weight:500}.qr-stylegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qr-swatches{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;display:flex}.qr-swatch{border:2px solid var(--border-2);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0;transition:border-color .16s,box-shadow .16s}.qr-swatch:hover{border-color:var(--brand-300)}.qr-swatch.is-on{border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100)}.qr-swatch-white{background:#fff}.qr-colorinput{border:1px solid var(--border-2);border-radius:var(--r-sm);background:var(--card);cursor:pointer;width:38px;height:32px;padding:2px}.qr-logorow{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.qr-upload{border:1px solid var(--border-2);background:var(--card);min-height:44px;color:var(--ink-800);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:12px;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:700;transition:border-color .16s,color .16s,background .16s;display:inline-flex;position:relative}.qr-upload:hover{border-color:var(--brand-300);color:var(--brand-700);background:var(--brand-50)}.qr-upload:focus-within{outline:2px solid var(--brand-600);outline-offset:2px}.qr-hiddenfile{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qr-remove{border-radius:var(--r-sm);min-height:44px;color:var(--accent-600);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.qr-remove:hover{background:var(--accent-50)}.qr-ec{align-items:center;gap:8px;display:inline-flex}.qr-ec label{color:var(--ink-700);font-size:13px;font-weight:700}.qr-note{color:var(--ink-500);margin:12px 0 0;font-size:12.5px;line-height:1.55}.qr-frames{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.qr-framehead{font-family:var(--font-bricolage);letter-spacing:-.01em;color:var(--ink-900);margin:0 0 10px;font-size:14.5px}.qr-chips{flex-wrap:wrap;gap:8px;display:flex}.qr-chip{border:1.5px solid var(--border-2);background:var(--card);min-height:38px;color:var(--ink-600);font:inherit;cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;transition:border-color .16s,background .16s,color .16s}.qr-chip:hover{border-color:var(--brand-300);color:var(--ink-900)}.qr-chip.is-on{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-700)}.qr-framecustom{margin-top:10px}.qr-framecolor{align-items:center;gap:10px;margin-top:10px;display:flex}.qr-framecolor label{color:var(--ink-700);font-size:13px;font-weight:700}.qr-stage{border:2px dashed var(--border-2);border-radius:var(--r);background:var(--card);justify-content:center;align-items:center;min-height:300px;padding:12px;display:flex;position:relative}.qr-canvas{justify-content:center;min-width:0;max-width:100%;display:flex}.qr-canvas svg,.qr-canvas canvas{max-width:100%;height:auto;display:block}.qr-framewrap{background:#fff;border-radius:14px;min-width:0;max-width:100%;overflow:hidden}.qr-frameqr{padding:12px}.qr-frameband{text-align:center;color:#fff;padding:10px 14px;font-size:17px;font-weight:800;line-height:1.25}.qr-empty{border-radius:inherit;background:#fffdfbd1;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.qr-empty p{text-align:center;color:var(--ink-600);margin:0;font-size:14px;font-weight:600}.qr-camhint{text-align:center;color:var(--ink-500);margin:10px 0 0;font-size:12px;line-height:1.5}.qr-meter{border-radius:var(--r-sm);border:1px solid;flex-direction:column;gap:6px;margin-top:12px;padding:12px;display:flex}.qr-meter.is-ok{background:var(--brand-50);border-color:var(--brand-200);box-shadow:inset 0 0 0 1px var(--brand-100)}.qr-meter.is-ok .qr-checkrow.is-ok svg{color:var(--brand-600)}.qr-meter.is-warn{background:#fdf6e8;border-color:#efdfc0}.qr-checkrow{align-items:flex-start;gap:7px;margin:0;font-size:12.5px;font-weight:600;line-height:1.45;display:flex}.qr-checkrow svg{flex:none;margin-top:2px}.qr-checkrow.is-ok{color:var(--brand-900)}.qr-checkrow.is-warn{color:#7c4a03}.qr-bytes{color:var(--ink-500);font-variant-numeric:tabular-nums;border-top:1px solid #00000014;margin:4px 0 0;padding-top:8px;font-size:11.5px}.qr-export{flex-direction:column;gap:10px;margin-top:16px;display:flex}.qr-sizerow{justify-content:space-between;align-items:center;gap:10px;display:flex}.qr-sizerow label{color:var(--ink-700);font-size:13px;font-weight:700}.qr-dlgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.qr-btn{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:700;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.qr-btn:disabled{opacity:.45;cursor:not-allowed}.qr-btn svg{flex:none}.qr-btn-primary{background:var(--brand-600);color:#fff}.qr-btn-primary:hover:not(:disabled){background:var(--brand-700)}.qr-btn-ghost{background:var(--card);color:var(--ink-800);border-color:var(--border-2);box-shadow:var(--shadow-xs)}.qr-btn-ghost:hover:not(:disabled){border-color:var(--brand-300);color:var(--brand-700)}.qr-btn-block{width:100%}.qr-printrow{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.qr-framenote{text-align:center;color:var(--ink-500);margin:0;font-size:11.5px;line-height:1.5}.qr-foot{text-align:center;color:var(--ink-500);margin:2px 0 0;font-size:11.5px;line-height:1.5}.qr-bulkgrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.qr-bulkside{flex-direction:column;gap:10px;min-width:0;display:flex}.qr-bulkactions{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.qr-bulkopts{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.qr-optlabel{color:var(--ink-700);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.qr-count{color:var(--ink-700);margin:0;font-size:13px;font-weight:700}.qr-count-warn{color:#7c4a03;font-weight:600}.qr-progress{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.qr-progress-fill{background:var(--brand-600);border-radius:999px;height:100%;transition:width .2s}.qr-progress-num{color:var(--ink-600);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:12.5px;font-weight:700}.qr-msg{color:var(--ink-700);margin:0;font-size:13px;font-weight:600;line-height:1.55}@media (max-width:860px){.qr-bulkgrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.qr-chip{min-height:44px}.qr-select-sm{height:44px}}@media (max-width:560px){.qr-fgrid,.qr-stylegrid{grid-template-columns:minmax(0,1fr)}.qr-panel{padding:14px}.qr-stage{padding:10px}}.qrp-embed{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.qrp-embed-ta{border:1px solid var(--border-2);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--ink-700);resize:vertical;min-height:64px;padding:11px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5}.qrp-embed-ta:focus-visible{outline:2px solid var(--brand-600);outline-offset:1px}@media (prefers-reduced-motion:reduce){.qr-tab,.qr-chip,.qr-swatch,.qr-upload,.qr-btn,.qr-progress-fill{transition:none}}