.qr-app{gap:16px}.qr-app fieldset{border:0;margin:0;padding:0;min-width:0}.qr-group{display:grid;gap:12px}.qr-app [hidden]{display:none!important}.qr-types{display:flex;flex-wrap:wrap;gap:6px}.qr-type{min-height:36px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;color:#cbd5e1;cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:0 14px}.qr-type:hover{border-color:#2dd4bf80;color:#fff}.qr-type.active{background:#14b8a6;border-color:#14b8a6;color:#022c22}.qr-type:disabled{opacity:.35;cursor:not-allowed}.qr-type:focus-visible,.qr-link-btn:focus-visible,.qr-custom summary:focus-visible{outline:2px solid #5eead4;outline-offset:2px}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start}.qr-fields{display:grid;gap:14px;min-width:0}.qr-check{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1;font-size:13px;font-weight:700;cursor:pointer}.qr-check input{width:18px;height:18px;accent-color:#14b8a6}.qr-app .qr-mode{display:grid;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff06;padding:12px 14px}.qr-mode legend{padding:0 6px;color:#b9c8c9;font-size:12px;font-weight:850}.qr-mode-opt{display:flex;gap:10px;align-items:flex-start;cursor:pointer;color:#aabdc0;font-size:13px;line-height:1.5}.qr-mode-opt input{margin-top:3px;width:17px;height:17px;accent-color:#14b8a6;flex:none}.qr-mode-opt strong{display:block;color:#f8fafc;font-size:13px}.qr-mode-opt em{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:999px;background:#14b8a629;color:#5eead4;font-size:11px;font-weight:800}.qr-mode-opt input:disabled+span{opacity:.6}.tool-field input[type=color]{padding:4px;cursor:pointer}.tool-field input[type=range]{padding:0;min-height:28px;border:0;background:transparent;box-shadow:none;accent-color:#14b8a6}.tool-field input[type=file]{padding:9px 12px;font-size:13px}.tool-field output{color:#f8fafc}.qr-custom{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff06}.qr-custom summary,.qr-payload summary{cursor:pointer;color:#e2e8f0;font-size:13px;font-weight:850;padding:12px 14px}.qr-custom-body{display:grid;gap:12px;padding:0 14px 14px}.qr-logo-row{display:flex;gap:8px;align-items:center}.qr-logo-row input{flex:1;min-width:0}.qr-link-btn{border:0;background:none;color:#fca5a5;cursor:pointer;font:inherit;font-size:13px;font-weight:800;white-space:nowrap}.qr-hint{color:#8fa3a6;font-size:12px}.qr-preview{display:grid;gap:10px;position:sticky;top:96px}.qr-canvas-wrap{position:relative;aspect-ratio:1;border-radius:8px;background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 50% / 16px 16px;overflow:hidden;display:grid;place-items:center}.qr-canvas-wrap canvas{width:100%;height:100%;display:block}.qr-canvas-wrap.is-empty canvas{visibility:hidden}.qr-empty{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;background:#0b1719;color:#9fb3b5;font-size:13px;font-weight:700}.qr-preview-note{margin:0;color:#8fa3a6;font-size:12px;line-height:1.5}.qr-status{min-height:20px;color:#9fb3b5;font-size:12px;line-height:1.5}.qr-status.warn{color:#fcd34d}.qr-status.error{color:#fca5a5}.qr-actions{margin-top:0}.qr-actions .tool-action{width:100%}.tool-action:disabled{opacity:.45;cursor:not-allowed}.qr-payload summary{padding:4px 0;font-size:12px;color:#9fb3b5}.qr-payload code{display:block;max-height:140px;overflow:auto;margin-top:6px;padding:10px;border-radius:6px;background:#081416;color:#cbd5e1;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all}@media(max-width:1100px){.qr-layout{grid-template-columns:1fr}.qr-preview{position:static;max-width:360px;width:100%;margin:0 auto}}.qr-auth{display:grid;gap:14px}.qr-auth [hidden]{display:none!important}.qr-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.qr-auth-tabs[hidden]{display:none}.qr-auth-tabs button{min-height:40px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#cbd5e1;cursor:pointer;font:inherit;font-size:13px;font-weight:800}.qr-auth-tabs button.active{background:#14b8a629;border-color:#2dd4bf99;color:#5eead4}.qr-auth-pane{display:grid;gap:12px}.qr-auth-pane[hidden]{display:none}.qr-auth-pane .tool-action{width:100%}.qr-auth-intro{margin:0;color:#aabdc0;font-size:14px;line-height:1.6}.qr-auth-msg{margin:0;color:#fca5a5;font-size:13px;line-height:1.5}.qr-auth-msg.ok{color:#86efac}.qr-auth-legal{margin:0;color:#8fa3a6;font-size:12px;line-height:1.6;text-align:center}.qr-auth-legal a{color:#7dd3fc;font-weight:700;text-decoration:none}