.qr{width:100%}.qr-inner{max-width:980px;margin:0 auto;padding:clamp(8px,2vh,28px) 4px 64px;display:flex;flex-direction:column;gap:24px}.qr-title{font-size:clamp(26px,3.4vw,34px);font-weight:700;letter-spacing:-.025em;margin:0 0 8px;color:var(--tx-1)}.qr-sub{margin:0;font-size:15px;line-height:1.55;color:var(--tx-2);max-width:60ch;text-wrap:pretty}.qr-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:16px;gap:16px;align-items:start}.qr-form{display:flex;flex-direction:column;gap:16px;min-width:0}.qr-panel{border-radius:var(--r-lg);padding:18px}.qr-panel-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3);font-weight:600;margin-bottom:14px}.qr-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.qr-tab{padding:6px 12px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-fill);color:var(--tx-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:background var(--dur),border-color var(--dur),color var(--dur)}.qr-tab:hover{background:var(--glass-fill-2);color:var(--tx-1)}.qr-tab.is-on{background:var(--acc-soft);border-color:var(--acc-ring);color:var(--tx-1)}.qr-field{display:flex;flex-direction:column;gap:5px;min-width:0}.qr-label{font-size:11.5px;color:var(--tx-3);font-weight:500}.qr-input{width:100%;height:38px;padding:0 11px;border:1px solid var(--glass-border);border-radius:9px;background:var(--glass-fill);color:var(--tx-1);font-size:13.5px;font-family:inherit;outline:none;transition:border-color var(--dur)}.qr-input:focus{border-color:var(--acc-ring)}select.qr-input{cursor:pointer}.qr-textarea{height:auto;min-height:84px;padding:10px 11px;resize:vertical;line-height:1.5}.qr-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.qr-span{grid-column:1/-1}.qr-stack{display:flex;flex-direction:column;gap:12px}.qr-chip{width:-moz-fit-content;width:fit-content;padding:8px 14px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-fill);color:var(--tx-2);font-size:12.5px;font-weight:600;cursor:pointer}.qr-chip:hover{background:var(--glass-fill-2)}.qr-chip.is-on{background:var(--acc-soft);border-color:var(--acc-ring);color:var(--tx-1)}.qr-design{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:14px;gap:14px}.qr-color{width:100%;height:38px;border:1px solid var(--glass-border);border-radius:9px;background:var(--glass-fill);cursor:pointer;padding:3px}.qr-range{width:100%;accent-color:var(--acc-from)}.qr-file{font-size:12px;color:var(--tx-2)}.qr-logo-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:14px}.qr-tip{margin:8px 0 0;font-size:11.5px;color:var(--tx-3)}.qr-tip b{color:var(--tx-2)}.qr-preview{position:-webkit-sticky;position:sticky;top:12px;border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;align-items:center;gap:14px}.qr-holder{width:260px;max-width:100%;background:#fff;border-radius:var(--r-md);padding:10px;display:flex;justify-content:center;line-height:0}.qr-holder canvas,.qr-holder svg{display:block;width:100%;height:auto;max-width:240px}.qr-export{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.qr-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--glass-border);border-radius:9px;background:var(--glass-fill);color:var(--tx-1);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--dur)}.qr-btn:hover{background:var(--glass-fill-2)}.qr-btn-primary{border:none;color:#fff;background:linear-gradient(120deg,var(--acc-from),var(--acc-to));box-shadow:0 8px 22px -8px var(--acc-ring)}.qr-note{margin:0;font-size:11.5px;color:var(--tx-3);text-align:center;line-height:1.5}.qr-status{min-height:18px}.qr-btn:disabled{opacity:.5;cursor:not-allowed}.qr-alert{display:flex;gap:8px;margin-top:14px;padding:10px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--tone-rose) 40%,transparent);background:color-mix(in srgb,var(--tone-rose) 10%,transparent);color:var(--tone-rose)}.qr-alert>svg{flex:none;margin-top:1px}.qr-alert-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.45}.qr-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.qr-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.qr-history-item{display:flex;align-items:stretch;gap:6px}.qr-history-open{flex:1 1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid var(--glass-border);border-radius:9px;background:var(--glass-fill);color:var(--tx-1);cursor:pointer;text-align:left;transition:background var(--dur)}.qr-history-open:hover{background:var(--glass-fill-2)}.qr-history-type{flex:none;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--tx-3)}.qr-history-label{flex:1 1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-history-del{flex:none;width:34px;min-height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-radius:9px;background:var(--glass-fill);color:var(--tx-2);cursor:pointer;transition:background var(--dur),color var(--dur)}.qr-history-del:hover{background:var(--glass-fill-2);color:var(--tone-rose)}@media (max-width:820px){.qr-grid{grid-template-columns:1fr}.qr-preview{position:static}.qr-two{grid-template-columns:1fr}}