.qr-create{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:24px 28px;display:grid}.qr-form{align-content:start}.qr-preview{border:1px solid var(--border-mid);border-radius:var(--r-lg);background:var(--bg-alt);flex-direction:column;align-items:stretch;gap:10px;padding:16px;display:flex}.qr-preview .sl-output-label{margin-bottom:0}.qr-img svg{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;height:auto;display:block}.qr-preview-note{font-family:var(--font-mono);font-size:var(--t-label);color:var(--ink-light);word-break:break-all;text-align:center;line-height:1.4}.qr-switch-row{border:1px solid var(--border-mid);border-radius:var(--r);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.qr-switch-text{flex-direction:column;gap:3px;min-width:0;display:flex}.qr-switch-hint{font-family:var(--font-text);font-size:var(--t-label);color:var(--ink-light);line-height:1.45}.qr-switch{border-radius:var(--r);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0 2px;display:inline-flex}.qr-switch-track{border:1px solid var(--border-mid);background:var(--bg-alt);width:42px;height:24px;transition:background .18s var(--ease), border-color .18s var(--ease);border-radius:999px;position:relative}.qr-switch-knob{border:1px solid var(--border-mid);width:18px;height:18px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001f}.qr-switch--on .qr-switch-track{background:var(--ink);border-color:var(--ink)}.qr-switch--on .qr-switch-knob{border-color:var(--ink);transform:translate(18px)}.qr-switch:disabled{opacity:.4;cursor:not-allowed}.qr-switch:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.qr-created{border:1px solid var(--border-mid);border-radius:var(--r-lg);background:var(--bg);grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px 24px;margin-top:22px;padding:18px;display:grid}.qr-created-body{flex-direction:column;gap:12px;min-width:0;display:flex}.qr-created-body .sl-output-label{margin-bottom:0}.qr-downloads{flex-wrap:wrap;gap:8px;display:flex}.qr-dl{border-radius:var(--r);border:1px solid var(--ink);background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--t-label);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);align-items:center;gap:6px;padding:8px 14px;font-weight:500;display:inline-flex}.qr-dl:hover:not(:disabled){background:var(--ink);color:#fff}.qr-dl:disabled{opacity:.4;cursor:wait}.qr-created-note{font-family:var(--font-text);font-size:var(--t-sm);color:var(--ink-light);margin:0;line-height:1.5}.sl-tr.qr-tr{grid-template-columns:48px 170px minmax(0,1fr) 56px 288px}.qr-thumb svg{border:1px solid var(--border);border-radius:6px;width:44px;height:44px;display:block}.sl-tr--head .qr-thumb,.sl-tr--head>span:first-child{min-height:0}.qr-cell-code{flex-direction:column;gap:2px;min-width:0;display:flex}.qr-cell-title{font-family:var(--font-text);font-size:var(--t-xs);color:var(--ink-light);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-dl-icon{width:auto;font-size:var(--t-xs);gap:4px;padding:0 10px;font-weight:500}.qr-logo-toggle--on,.qr-logo-toggle--on:hover{border-color:var(--ink);color:var(--action-text);background:var(--ink)}.qr-stats .sl-stats-grid{margin-top:18px}.qr-chart{margin:0 0 4px}.qr-chart svg{width:100%;height:72px;display:block;overflow:visible}.qr-chart-base{stroke:var(--border-mid);stroke-width:.4px}.qr-bar path{fill:var(--accent)}.qr-bar--max path{fill:var(--accent-text)}.qr-bar-hit{fill:#0000}.qr-bar:hover path{fill:var(--ink)}.qr-chart figcaption{font-family:var(--font-text);font-size:var(--t-xs);color:var(--ink-light);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;display:flex}.qr-chart-max{color:var(--ink);font-weight:500}@media (width<=960px){.sl-tr.qr-tr{grid-template-columns:48px 170px minmax(0,1fr) 56px}.sl-tr.qr-tr .sl-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.sl-tr--head.qr-tr .sl-actions-col{display:none}}@media (width<=720px){.qr-create{grid-template-columns:1fr}.qr-preview{max-width:300px}.qr-created{grid-template-columns:1fr}.qr-created .qr-img--created{max-width:220px}.sl-tr.qr-tr{grid-template-columns:40px minmax(0,1fr) 44px}.sl-tr.qr-tr .sl-cell-dest{display:none}.qr-thumb svg{width:36px;height:36px}}.qr-preview{border-radius:var(--r-panel);padding:var(--s-5);border:0}