.qr-workspace{--qr-border:rgba(37,99,235,.14);--qr-text:#102a43;--qr-muted:#61758b;--qr-panel:#fff;--qr-soft:#f7fbff;overflow:hidden}.qr-workspace [hidden]{display:none!important}.qr-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:620px}.qr-panel{min-width:0;background:var(--qr-panel)}.qr-input-panel{border-right:1px solid var(--qr-border)}.qr-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 18px;border-bottom:1px solid var(--qr-border);background:linear-gradient(180deg,#fff,#f8fbff)}.qr-panel-header>span{display:flex;align-items:center;gap:9px;color:var(--qr-text);font-size:14px;font-weight:950}.qr-panel-header button,.qr-panel-header a{border:1px solid rgba(37,99,235,.16);border-radius:8px;background:#eef6ff;color:#1765d8;padding:8px 11px;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}.qr-content-type,.qr-content-groups,.qr-payload-card,.qr-settings,.qr-logo-card,.qr-safety-card{margin:16px 18px 0}.qr-content-type label,.qr-content-groups label,.qr-setting{display:grid;gap:7px}.qr-content-type span,.qr-content-groups label>span,.qr-setting>span{color:var(--qr-text);font-size:12px;font-weight:950}.qr-workspace input,.qr-workspace textarea,.qr-workspace select{box-sizing:border-box;width:100%;border:1px solid rgba(15,42,67,.16);border-radius:9px;background:#fff;color:#102a43;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.qr-workspace input,.qr-workspace select{min-height:42px;padding:9px 10px}.qr-workspace textarea{padding:10px;resize:vertical;line-height:1.45}.qr-workspace input:focus,.qr-workspace textarea:focus,.qr-workspace select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.qr-workspace small{color:var(--qr-muted);font-size:11px;line-height:1.45}.qr-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qr-field-wide{grid-column:1/-1}.qr-check{display:flex!important;align-items:center;gap:8px;padding-top:22px}.qr-check input{width:17px;min-height:auto;height:17px;margin:0}.qr-check span{font-size:12px!important}.qr-payload-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid var(--qr-border);border-radius:12px;background:var(--qr-soft)}.qr-payload-card>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.qr-payload-card strong{color:var(--qr-text);font-size:12px;font-weight:950}.qr-payload-card span{color:var(--qr-muted);font-size:11px;font-weight:800}.qr-payload-card span.is-over{color:#b91c1c}.qr-payload-card button{border:1px solid rgba(37,99,235,.18);border-radius:8px;background:#fff;color:#1765d8;padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer}.qr-payload-card textarea{grid-column:1/-1;min-height:72px;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.qr-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qr-setting{padding:11px;border:1px solid var(--qr-border);border-radius:11px;background:#fff}.qr-color-setting>div,.qr-range-setting>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center}.qr-color-setting input[type=color]{padding:3px;cursor:pointer}.qr-range-setting{grid-column:1/-1}.qr-range-setting>div{grid-template-columns:minmax(0,1fr) 78px auto}.qr-range-setting input[type=range]{padding:0;border:0;box-shadow:none}.qr-range-setting b{color:var(--qr-muted);font-size:11px}.qr-logo-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;border:1px dashed rgba(37,99,235,.24);border-radius:12px;background:#fbfdff}.qr-logo-card strong,.qr-logo-card span{display:block}.qr-logo-card strong{color:var(--qr-text);font-size:12px;font-weight:950}.qr-logo-card span{margin-top:3px;color:var(--qr-muted);font-size:11px}.qr-logo-upload{display:flex;align-items:center;gap:7px;max-width:190px;padding:8px 10px;border:1px solid rgba(37,99,235,.18);border-radius:8px;background:#eef6ff;color:#1765d8;font-size:11px;font-weight:900;cursor:pointer}.qr-logo-upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.qr-logo-upload span{overflow:hidden;margin:0;color:inherit;text-overflow:ellipsis;white-space:nowrap}.qr-logo-card>button{border:1px solid rgba(220,38,38,.16);border-radius:8px;background:#fff1f2;color:#be123c;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}.qr-safety-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(22,163,74,.18);border-radius:12px;background:#f0fdf4}.qr-safety-card>i{margin-top:2px;color:#16a34a}.qr-safety-card strong,.qr-safety-card span{display:block}.qr-safety-card strong{color:#166534;font-size:12px;font-weight:950}.qr-safety-card span{margin-top:3px;color:#3f6d4c;font-size:11px;line-height:1.45}.qr-safety-card.is-warning{border-color:rgba(217,119,6,.2);background:#fffbeb}.qr-safety-card.is-warning>i{color:#d97706}.qr-safety-card.is-warning strong{color:#92400e}.qr-safety-card.is-warning span{color:#8a5a1f}.qr-preview-panel{display:flex;flex-direction:column}.qr-preview{position:relative;display:grid;place-items:center;min-height:430px;padding:24px;background:radial-gradient(circle at 50% 36%,#fff 0,#f5f9ff 62%,#edf4fb 100%)}.qr-preview::before{content:"";position:absolute;inset:18px;border:1px dashed rgba(37,99,235,.15);border-radius:18px;pointer-events:none}.qr-preview img{position:relative;z-index:1;width:min(78%,420px);height:auto;aspect-ratio:1;object-fit:contain;border:12px solid #fff;border-radius:16px;box-shadow:0 22px 55px rgba(15,42,67,.15);image-rendering:pixelated}.qr-preview-loading{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--qr-border);border-radius:10px;background:rgba(255,255,255,.94);color:#1765d8;font-size:12px;font-weight:900}.qr-preview-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 18px;border-top:1px solid var(--qr-border);background:#fff}.qr-preview-info>div{padding:10px;border:1px solid var(--qr-border);border-radius:10px;background:#f8fbff}.qr-preview-info b,.qr-preview-info span{display:block}.qr-preview-info b{overflow:hidden;color:var(--qr-text);font-size:12px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.qr-preview-info span{margin-top:3px;color:var(--qr-muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.qr-warning-list{padding:0 18px 12px;background:#fff}.qr-warning-list>div{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:9px 10px;border:1px solid rgba(217,119,6,.18);border-radius:9px;background:#fffbeb;color:#8a5a1f;font-size:11px;line-height:1.4}.qr-test-actions{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--qr-border);background:#fff}.qr-test-actions button{min-height:38px;border:1px solid rgba(37,99,235,.18);border-radius:8px;background:#eef6ff;color:#1765d8;padding:8px 11px;font-size:11px;font-weight:900;cursor:pointer}.qr-test-actions button:disabled{opacity:.5;cursor:not-allowed}.qr-test-actions span{color:var(--qr-muted);font-size:11px;line-height:1.4}.qr-next{margin:0 18px 16px;padding:12px;border:1px solid var(--qr-border);border-radius:12px;background:#f8fbff}.qr-next>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.qr-next strong,.qr-next span{display:block}.qr-next strong{color:var(--qr-text);font-size:12px;font-weight:950}.qr-next span{color:var(--qr-muted);font-size:11px}.qr-next>div:last-child{margin-top:10px}.qr-next a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid rgba(37,99,235,.18);border-radius:8px;background:#fff;color:#1765d8;font-size:11px;font-weight:900;text-decoration:none}.qr-next a.is-loading{opacity:.55;pointer-events:none}.qr-footer{border-top:1px solid var(--qr-border)}.qr-create{min-width:170px}.qr-create.is-loading{opacity:.7;pointer-events:none}.qr-workspace .is-invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}body.theme-dark .qr-workspace{--qr-border:rgba(148,163,184,.18);--qr-text:#f8fafc;--qr-muted:#cbd5e1;--qr-panel:#0f172a;--qr-soft:#111c30}body.theme-dark .qr-panel-header{background:linear-gradient(180deg,#111c30,#0f172a)}body.theme-dark .qr-workspace input,body.theme-dark .qr-workspace textarea,body.theme-dark .qr-workspace select,body.theme-dark .qr-setting,body.theme-dark .qr-payload-card textarea{border-color:rgba(148,163,184,.22);background:#111827;color:#f8fafc}body.theme-dark .qr-payload-card,body.theme-dark .qr-logo-card,body.theme-dark .qr-next{background:#111c30}body.theme-dark .qr-panel-header button,body.theme-dark .qr-panel-header a,body.theme-dark .qr-payload-card button,body.theme-dark .qr-logo-upload,body.theme-dark .qr-test-actions button,body.theme-dark .qr-next a{border-color:rgba(96,165,250,.24);background:#172554;color:#bfdbfe}body.theme-dark .qr-preview{background:radial-gradient(circle at 50% 36%,#172033 0,#111827 62%,#0b1220 100%)}body.theme-dark .qr-preview-info,body.theme-dark .qr-warning-list,body.theme-dark .qr-test-actions{background:#0f172a}body.theme-dark .qr-preview-info>div{background:#111c30}body.theme-dark .qr-preview-loading{background:rgba(15,23,42,.95);color:#bfdbfe}body.theme-dark .qr-safety-card{background:#0c2b1a}body.theme-dark .qr-safety-card.is-warning{background:#2a1d08}@media(max-width:980px){.qr-grid{grid-template-columns:1fr}.qr-input-panel{border-right:0;border-bottom:1px solid var(--qr-border)}.qr-preview{min-height:380px}.qr-preview img{width:min(68%,390px)}}@media(max-width:640px){.qr-panel-header{padding:0 12px}.qr-content-type,.qr-content-groups,.qr-payload-card,.qr-settings,.qr-logo-card,.qr-safety-card{margin-left:12px;margin-right:12px}.qr-field-grid,.qr-settings{grid-template-columns:1fr}.qr-field-wide,.qr-range-setting{grid-column:auto}.qr-payload-card{grid-template-columns:1fr}.qr-payload-card button{justify-self:start}.qr-logo-card{grid-template-columns:1fr}.qr-logo-upload{max-width:none}.qr-preview{min-height:320px;padding:18px}.qr-preview img{width:min(82%,330px);border-width:8px}.qr-preview-info{padding:12px}.qr-test-actions{align-items:flex-start;flex-direction:column;padding:12px}.qr-test-actions button{width:100%}.qr-next{margin:0 12px 12px}.qr-next>div:first-child{align-items:flex-start;flex-direction:column}.qr-next a{width:100%;box-sizing:border-box}}