.qr-maker-page{background:radial-gradient(at 100% 0,#27214b 0,#0000 48%),#090d1a}.qr-workbench{color:#fff;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:32px;max-width:1280px;margin:auto;padding:36px 28px 60px;display:grid}.qr-workbench-controls{background:#121829;border:1px solid #30374a;border-radius:24px;min-width:0;overflow:hidden;box-shadow:0 20px 55px #0002}.qr-workbench-controls>div:first-child>a:first-child{display:none}.qr-workbench-controls>div:first-child>h2{letter-spacing:-.035em;max-width:70%;font-size:25px}.qr-editor-tabs{gap:6px}.qr-editor-tabs [role=tab]{white-space:normal;color:#c0c7d7;border-radius:9px;gap:7px;min-height:46px;padding:8px 5px;font-size:12px;display:flex}.qr-editor-tabs [role=tab][aria-selected=true]{color:#fff;background:#7145ef;box-shadow:0 4px 14px #6a35ed40}.qr-content-types{grid-template-columns:repeat(5,minmax(0,1fr))}.qr-content-types button{border-radius:12px;min-width:0;min-height:67px}.qr-content-types button>span{overflow-wrap:anywhere;font-size:10px}.qr-workbench input:not([type=checkbox]):not([type=color]):not([type=file]),.qr-workbench textarea{background-color:#0c1222;border-color:#3c465d;min-height:44px;font-size:14px}.qr-workbench input:focus-visible,.qr-workbench textarea:focus-visible,.qr-workbench button:focus-visible,.qr-workbench a:focus-visible{outline-offset:3px;outline:2px solid #a78bfa}.qr-workbench-preview{isolation:isolate;justify-content:center;min-width:0;padding:0 8px;scroll-margin-top:100px;display:flex;position:sticky;top:104px}.qr-workbench-preview>div.absolute{display:none}.qr-preview-heading{text-align:center;width:100%;margin-bottom:3px}.qr-preview-heading>span{letter-spacing:.18em;color:#c0a8ff;font-size:10px;font-weight:800}.qr-preview-heading h2{letter-spacing:-.04em;margin:6px 0;font-size:30px;font-weight:750}.qr-preview-heading p{color:#aab4ca;font-size:14px}.qr-workbench-code{width:min(100%,350px);max-width:100%;border-radius:22px!important;padding:12px!important}.qr-workbench-code svg{max-width:100%}.qr-preview-empty{text-align:center;color:#62517e;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:260px;padding:24px;display:flex}.qr-preview-empty strong{color:#241a39;font-size:18px}.qr-preview-empty p{font-size:13px;line-height:1.7}.qr-payload-summary{text-align:center;width:100%;min-width:0}.qr-payload-summary strong{text-transform:uppercase;letter-spacing:.13em;color:#abb7ce;font-size:10px}.qr-payload-summary p{overflow-wrap:anywhere;color:#e6dcff;white-space:pre-wrap;max-height:66px;margin:6px 0;font-size:14px;overflow:auto}.qr-payload-summary small{color:#aab4ca;max-width:370px;margin:auto;font-size:11px;line-height:1.6;display:block}.qr-download-tools{background:#141b2d;box-shadow:0 16px 40px #0002}.qr-download-tools button{white-space:normal}.qr-mobile-preview{display:none}.qr-scan-check{color:#d0d9ec;border:1px solid #35415b;border-radius:12px;width:100%;padding:14px;font-size:12px;line-height:1.6}.qr-scan-check button{color:#d9caff;justify-content:center;align-items:center;gap:8px;width:100%;padding:7px;font-weight:700;display:flex}.qr-scan-check p{margin-top:7px}@media (max-width:1023px){.qr-workbench{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:22px;padding:24px 20px}.qr-workbench-controls>div:first-child>div.absolute{margin-top:15px;position:static}.qr-workbench-controls>div:first-child>h2{max-width:100%}.qr-workbench-controls>div:first-child,.qr-workbench-controls .p-6{padding:20px}.qr-content-types{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-workbench-code{padding:8px!important}.qr-download-tools{padding:18px}.qr-preview-heading h2{font-size:25px}}@media (max-width:700px){.qr-workbench{flex-direction:column;gap:32px;padding:18px 14px 40px;display:flex}.qr-workbench-controls,.qr-workbench-preview{width:100%}.qr-workbench-preview{padding:0 8px;position:relative;top:auto}.qr-content-types{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-mobile-preview{color:#cfbcff;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:700;display:inline-flex}.qr-workbench-controls>div:first-child>div.absolute{display:none}.qr-workbench-controls .flex.items-center.justify-between{flex-wrap:wrap;gap:10px}.qr-workbench input:not([type=checkbox]):not([type=color]):not([type=file]),.qr-workbench textarea{font-size:16px}.qr-workbench-code{width:min(100%,320px)}.qr-maker-page>nav .gap-4{gap:10px}}@media (prefers-reduced-motion:reduce){.qr-workbench *{scroll-behavior:auto;transition:none!important;animation:none!important}}