.qr-view{--qr-line:rgba(177,125,255,.2);--qr-muted:#b3a9c5;--qr-purple:#bb86ff;--qr-lime:#caff8c;max-width:1440px;margin-inline:auto}.qr-view [hidden]{display:none!important}.qr-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:310px;padding:28px 0 38px}.qr-hero h1{font-size:clamp(36px,4.5vw,66px);line-height:1.06;letter-spacing:-2.6px;margin:17px 0 20px}.qr-hero h1 span{background:linear-gradient(110deg,#d8beff,#aa62f4 64%,#ead9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.qr-hero p{color:var(--qr-muted);font-size:15px;line-height:1.8}.qr-hero .eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:1.8px}.qr-hero .eyebrow .icon{width:18px}.qr-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.qr-hero-badges span{padding:7px 10px;border:1px solid var(--qr-line);border-radius:30px;background:#b47bff09;font-size:10px;letter-spacing:.3px;color:#d8cbe8}.qr-hero-art{position:relative;flex:0 0 270px;height:260px;display:grid;place-items:center;perspective:600px;isolation:isolate}.qr-hero-art:before{content:'';position:absolute;inset:25px;background:radial-gradient(ellipse,#9845ef2b,transparent 70%);filter:blur(16px)}.qr-art-tile{position:relative;width:150px;height:176px;padding:18px;border:1px solid #c798ff60;background:linear-gradient(140deg,#37204d,#180f2c);border-radius:23px;box-shadow:0 25px 60px #0007,inset 0 0 20px #c991ff0d;transform:rotate(-8deg) rotateY(-12deg);animation:qr-float 7s ease-in-out infinite}.qr-art-tile svg{color:#ce9fff;width:112px;height:112px}.qr-art-tile span{display:block;font-size:9px;letter-spacing:3px;color:#dec1ff;text-align:center;margin-top:5px}.qr-orbit{position:absolute;width:270px;height:100px;border:1px solid #a655f83b;border-radius:50%;transform:rotate(-30deg)}.qr-orbit-b{width:230px;height:230px;transform:rotate(40deg);border-style:dashed;opacity:.5;animation:qr-spin 50s linear infinite}.qr-star{position:absolute;color:#cf9cfe;font-size:24px;font-weight:200}.qr-star-a{top:35px;right:18px;animation:qr-glimmer 4s ease-in-out infinite}.qr-star-b{bottom:36px;left:12px;color:#caff8c;animation:qr-glimmer 4s 2s ease-in-out infinite}.qr-access{padding:12px 16px;background:#a26be10b;border:1px solid var(--qr-line);border-radius:12px;color:#c6b7d9;font-size:12px;margin:0 0 22px}.qr-error{padding:14px 18px;border:1px solid #ff779855;color:#ffd2dd;background:#40172a;border-radius:12px;margin-bottom:18px;font-size:13px;line-height:1.6}.qr-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:start}.qr-controls{padding:26px;min-width:0}.qr-pro-pill{font-size:9px;font-weight:800;color:#debcff;padding:5px 7px;border:1px solid #b778ff45;border-radius:5px;letter-spacing:1px;margin-left:auto}.qr-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-field{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600;color:#d9cee5;margin:0 0 17px}.qr-view input:not([type=checkbox]):not([type=file]):not([type=color]),.qr-view select,.qr-view textarea{width:100%;min-width:0;background:#100c1d;color:#f4edff;border:1px solid #b281ed29;border-radius:10px;padding:12px;font:inherit;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.qr-view textarea{resize:vertical;line-height:1.65;min-height:90px}.qr-view input:focus-visible,.qr-view select:focus-visible,.qr-view textarea:focus-visible,.qr-view button:focus-visible,.qr-upload:focus-within{border-color:#c58fff;box-shadow:0 0 0 3px #ad68ff26;outline:2px solid #c58fff;outline-offset:2px}.qr-view button{cursor:pointer}.qr-view button:disabled{cursor:not-allowed;opacity:.4}.qr-dynamic-switch{border:1px solid var(--qr-line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:12px;gap:12px;margin:23px 0 17px;background:#ad69fa08;font-size:12px;color:#ead9ff;cursor:pointer}.qr-dynamic-switch small{display:block;font-size:9px;color:var(--qr-muted);margin-top:4px;font-weight:400}.qr-view input[type=checkbox]{width:18px;height:18px;accent-color:#a14ef0;flex:none}.qr-check{display:flex;gap:9px;align-items:center;color:var(--qr-muted);font-size:12px;margin:0 0 20px}.qr-selected{padding:10px 12px;background:#bb8aff13;border:1px solid #bb8aff32;color:#e2caff;border-radius:9px;font-size:12px;margin-bottom:18px}.qr-subheading{border-top:1px solid var(--qr-line);padding-top:22px;margin-top:10px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.qr-subheading h3,.qr-logo-field h3{font-size:14px;margin:0}.qr-subheading>span{font-size:7px;color:#8d7ca4;letter-spacing:1.5px}.qr-presets{display:flex;gap:9px;margin-bottom:22px}.qr-preset{flex:1;padding:11px 6px;background:#130d20;border:1px solid var(--qr-line);border-radius:10px;color:#ded2ed;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;transition:transform .2s,border-color .2s}.qr-preset:hover{transform:translateY(-3px);border-color:#bc83ff}.qr-preset i{display:block;width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,#321053,#b981ed)}.qr-preset-orbit i{background:linear-gradient(135deg,#0d2940,#64d5c8)}.qr-preset-classic i{background:linear-gradient(135deg,#101010 50%,white 51%);border:1px solid #747474}.qr-colors{display:flex;gap:12px;margin-bottom:20px}.qr-colors label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;font-size:11px;color:var(--qr-muted);background:#0e0a18;padding:8px 10px;border-radius:10px;border:1px solid var(--qr-line)}.qr-colors input{width:30px;height:30px;background:none;border:0;padding:0;cursor:pointer;border-radius:6px;overflow:hidden}.qr-logo-field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border:1px dashed #ac73eb50;padding:16px;border-radius:14px;background:linear-gradient(140deg,#ad73f40c,transparent);margin:3px 0 22px}.qr-logo-field p{color:var(--qr-muted);font-size:10px;margin:6px 0 0;overflow-wrap:anywhere}.qr-logo-field small{flex:0 0 100%;color:#9485a7;font-size:10px;line-height:1.6}.qr-upload{position:relative;overflow:hidden;display:flex;align-items:center;gap:7px;padding:10px 12px;color:#d5b0ff;font-size:11px;border:1px solid #b37ae43d;border-radius:9px;cursor:pointer}.qr-upload .icon{width:15px;height:15px}.qr-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.qr-controls>.button{width:100%;justify-content:center;margin-top:4px;min-height:47px}.qr-form-note{color:#9b8cae;font-size:10px;line-height:1.7;margin:14px 0 0}.qr-preview-column{position:sticky;top:18px}.qr-preview-panel{padding:26px}.qr-live-dot{width:6px;height:6px;border-radius:50%;background:#bdff8f;margin-left:auto;box-shadow:0 0 10px #b2ff8580}.qr-stage{position:relative;display:grid;place-items:center;min-height:320px;padding:32px;margin:22px 0;background:radial-gradient(ellipse at 50% 45%,#68449625,transparent 70%),linear-gradient(#ab81df08 1px,transparent 1px),linear-gradient(90deg,#ab81df08 1px,transparent 1px);background-size:auto,22px 22px,22px 22px;border-radius:14px;border:1px solid #bd8cff17;isolation:isolate}.qr-preview{width:min(100%,290px);position:relative;filter:drop-shadow(0 16px 20px #0004);transition:opacity .2s,transform .4s}.qr-preview img{display:block;width:100%;height:auto;border-radius:5px;animation:qr-reveal .4s ease-out}.qr-preview.qr-is-stale{opacity:.25}.qr-preview-empty{display:flex;flex-direction:column;align-items:center;text-align:center;position:absolute;inset:35px;justify-content:center;gap:15px;color:#af91ce}.qr-preview-empty>.icon{width:44px;height:44px;opacity:.55}.qr-preview-empty strong{font-size:21px;line-height:1.4;font-weight:500}.qr-preview-empty>span{color:#9b87b1;font-size:11px}.qr-stage-corner{position:absolute;width:20px;height:20px;border-color:#bf85ff8c;border-style:solid}.qr-corner-tl{top:12px;left:12px;border-width:2px 0 0 2px;border-radius:5px 0 0}.qr-corner-tr{top:12px;right:12px;border-width:2px 2px 0 0;border-radius:0 5px 0 0}.qr-corner-bl{bottom:12px;left:12px;border-width:0 0 2px 2px;border-radius:0 0 0 5px}.qr-corner-br{bottom:12px;right:12px;border-width:0 2px 2px 0;border-radius:0 0 5px}.qr-verified{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#caff9a;margin:0 0 12px}.qr-verified .icon{width:15px;height:15px}.qr-print-info{text-align:center;font-size:11px;color:#e2d6ee;margin:9px 0}.qr-status{font-size:10px;color:var(--qr-muted);line-height:1.65;text-align:center;min-height:32px;margin:9px 0 12px}.qr-encoded{display:block;overflow-wrap:anywhere;color:#a18bb9;background:#0a0711;padding:9px 12px;border-radius:8px;text-align:center;font-size:9px;margin:0 0 20px;max-height:68px;overflow:auto}.qr-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qr-export-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:17px 5px;background:linear-gradient(150deg,#4c2866,#241334);border:1px solid #b677f54f;border-radius:12px;color:#e8d3ff;transition:transform .2s,box-shadow .2s}.qr-export-grid button:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 10px 24px #a252e028}.qr-export-grid .icon{width:19px;height:19px;margin-bottom:4px}.qr-export-grid strong{font-size:13px;letter-spacing:1.4px}.qr-export-grid small{font-size:8px;color:#baa0cf}.qr-export-note{text-align:center;font-size:9px;line-height:1.8;color:#897a9d;margin:17px 0 0}.qr-tip{display:flex;gap:12px;padding:18px 8px;color:#a99ab9}.qr-tip>.icon{flex:none;width:18px;height:18px;margin-top:2px;color:#c393fb}.qr-tip strong{font-size:11px;font-weight:600;color:#d7c1ec}.qr-tip p{font-size:10px;line-height:1.8;margin:6px 0}.qr-library{padding:27px;margin-top:28px}.qr-library-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.qr-library-header h2{margin:8px 0 0;font-size:23px;letter-spacing:-.7px}.qr-library-header .eyebrow{font-size:8px;letter-spacing:2px}.qr-library-header h2 span{font-size:10px;letter-spacing:0;font-weight:400;margin-left:10px;color:#c4a6de;vertical-align:middle;border:1px solid var(--qr-line);border-radius:20px;padding:5px 8px}.qr-library-header>div:last-child{display:flex;gap:8px}.qr-library-header>div:first-child{display:block}.qr-list-empty{display:flex;align-items:center;justify-content:center;gap:18px;min-height:155px;color:#b59bc8;border:1px dashed #b583ec26;border-radius:13px;margin-top:20px}.qr-list-empty>.icon{width:39px;height:39px;color:#9571b7}.qr-list-empty p{font-size:11px;line-height:1.8}.qr-list-empty strong{font-size:12px;font-weight:500;color:#d9c8eb}.qr-saved{display:grid;gap:12px;margin-top:22px}.qr-saved-card{border:1px solid var(--qr-line);background:linear-gradient(110deg,#8e55d10a,transparent);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;animation:qr-reveal .4s ease-out}.qr-saved-main{min-width:0;flex:1}.qr-saved-main h3{font-size:14px;color:#eadbfa;margin:0 0 6px}.qr-destination{font-size:11px;color:#bdabc9;margin:0 0 7px;overflow-wrap:anywhere}.qr-stable{font-size:10px;color:#9279a9;overflow-wrap:anywhere}.qr-saved-meta{display:flex;gap:10px;align-items:center;font-size:9px;margin-top:10px;color:#b09bc3}.qr-active{color:#c3f391}.qr-paused{color:#f5c583}.qr-saved-actions{display:flex;gap:6px;flex-wrap:wrap}.qr-saved-actions .button{font-size:10px;min-height:35px;padding:8px 10px}.qr-delete-confirm{flex:0 0 100%;padding-top:12px;border-top:1px solid #f8848f30;color:#ffc4d4;font-size:11px}.qr-delete-confirm button{margin:0 8px 0 0}.qr-stats{border-top:1px solid var(--qr-line);padding-top:25px;margin-top:24px}.qr-stats h3{margin:0;font-size:17px}.qr-stat-hero{display:flex;align-items:baseline;gap:12px;margin:18px 0}.qr-stat-hero strong{color:#dbb7ff;font-size:42px;letter-spacing:-2px}.qr-stat-hero span{font-size:11px;color:#ae9bc2}.qr-stats-chart{height:110px;display:flex;align-items:end;gap:3px;border-bottom:1px solid var(--qr-line);padding:0 3px}.qr-day{flex:1;min-width:1px;height:100%;display:flex;align-items:end}.qr-day span{display:block;width:100%;background:linear-gradient(#bd78fc,#6e3b91);border-radius:3px 3px 0 0;min-height:2px}.qr-stats details{margin-top:16px;font-size:11px;color:#cbb4de}.qr-stats summary{cursor:pointer}.qr-table-scroll{max-height:220px;overflow:auto;margin-top:12px}.qr-stats table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.qr-stats th,.qr-stats td{padding:8px 10px;border-bottom:1px solid #ac7af31c}.qr-is-busy #qr-generate .icon:first-child{animation:qr-spin 3s linear infinite}.qr-is-busy .qr-live-dot{animation:qr-glimmer 1s infinite}@keyframes qr-float{50%{transform:translateY(-11px) rotate(-4deg) rotateY(-12deg)}}@keyframes qr-glimmer{50%{opacity:.35;filter:drop-shadow(0 0 6px #c288ff)}}@keyframes qr-spin{to{transform:rotate(360deg)}}@keyframes qr-reveal{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:1100px){.qr-hero h1{font-size:43px}.qr-hero-art{flex-basis:210px;transform:scale(.85)}.qr-workspace{gap:16px}.qr-controls,.qr-preview-panel{padding:20px}.qr-subheading>span{display:none}.qr-colors{gap:5px}.qr-colors label{padding:6px;font-size:9px}.qr-stage{padding:22px;min-height:265px}.qr-export-grid{gap:6px}.qr-two{gap:10px}}@media(max-width:780px){.qr-workspace{grid-template-columns:1fr}.qr-preview-column{position:static}.qr-hero{min-height:230px;padding-bottom:25px;gap:8px}.qr-hero h1{font-size:40px;letter-spacing:-1.9px}.qr-hero p{font-size:12px}.qr-hero-art{flex-basis:155px;transform:scale(.65);margin:-40px}.qr-hero-badges span{font-size:8px;padding:5px 8px}.qr-hero .eyebrow{font-size:8px;letter-spacing:1px}.qr-preview-panel{padding:24px}.qr-stage{min-height:330px}.qr-colors label{font-size:11px;padding:9px}.qr-library{padding:21px}.qr-saved-actions{flex-basis:100%}.qr-saved-actions .button{flex:1}.qr-library-header h2{font-size:21px}.qr-logo-field{padding:14px}}@media(max-width:460px){.qr-hero-art{display:none}.qr-hero h1{font-size:38px}.qr-hero{padding-top:12px;min-height:auto}.qr-controls{padding:18px}.qr-preview-panel{padding:18px}.qr-two{gap:10px}.qr-field{font-size:11px}.qr-dynamic-switch{padding:10px;font-size:10px}.qr-dynamic-switch small{font-size:8px}.qr-stage{min-height:285px}.qr-colors label{padding:7px;font-size:10px}.qr-colors input{width:25px;height:28px}.qr-list-empty{padding:18px;gap:12px}.qr-list-empty p{font-size:10px}.qr-list-empty strong{font-size:11px}.qr-library{padding:18px}.qr-access{font-size:10px}}@media(prefers-reduced-motion:reduce){.qr-view *,.qr-view *:before,.qr-view *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.qr-pending{padding:10px 12px;border-left:2px solid #c78aff;background:#b676ff0b;color:#d7b6f3;font-size:11px;line-height:1.7;margin:-3px 0 18px}
/* Keep decorative orbital rings within the hero on narrow tablets. */
.qr-hero{overflow:hidden}@media(min-width:461px) and (max-width:780px){.qr-hero-art{margin:0}}
@media(max-width:460px){.qr-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.qr-colors label{min-width:0;flex-direction:column;gap:6px;justify-content:center}.qr-colors input{width:32px;height:28px}.qr-dynamic-switch{gap:6px}}@media(max-width:360px){.qr-two{grid-template-columns:minmax(0,1fr);gap:0}.qr-dynamic-switch{margin:0 0 17px}.qr-dynamic-switch small{font-size:9px}.qr-dynamic-switch{font-size:12px}.qr-colors label{font-size:10px}}