.qr-main{max-width:var(--site-width,1320px);margin:auto;padding:65px 32px 60px}.qr-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:end;margin:40px 0}.qr-intro h1{font-size:clamp(42px,5.3vw,68px);letter-spacing:-.055em;line-height:1.03;margin:18px 0}.qr-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.qr-intro p{color:var(--muted);line-height:1.7;font-size:14px;max-width:460px}.qr-intro-note{padding:22px 25px;border:1px solid #e6deef;border-radius:20px;background:linear-gradient(130deg,#ede5f7aa,#fff9);max-width:370px;justify-self:end}.qr-intro-note>span{font-size:27px;display:block;color:#9474b9;margin-bottom:12px}.qr-intro-note strong{font-size:13px;font-weight:500}.qr-intro-note p{font-size:11px;margin-bottom:0}.qr-studio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.qr-editor,.qr-preview{border:1px solid #e5deed;background:#fffb;border-radius:24px;box-shadow:0 20px 70px #8a76aa09}.qr-editor{overflow:hidden}.qr-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 22px}.qr-toolbar>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.qr-toolbar>div{display:flex;gap:5px}.qr-toolbar button{border:1px solid #e8e1f0;background:#fff;border-radius:8px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.qr-toolbar button:disabled{opacity:.35;cursor:default}.qr-tabs{display:flex;gap:2px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fcfaff;overflow-x:auto}.qr-tabs button{border:0;border-radius:9px;padding:11px 12px;background:transparent;font:inherit;font-size:12px;color:var(--muted);cursor:pointer;transition:background .25s,color .25s}.qr-tabs button[aria-selected=true]{color:#644b83;background:#ede5f7}.qr-panel{padding:26px;min-height:380px}.qr-panel h2{font-size:24px;letter-spacing:-.035em;margin:0 0 8px}.qr-panel>p{font-size:12px;line-height:1.75;color:var(--muted);margin-bottom:22px}.qr-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.qr-field{display:grid;gap:9px;font-size:11px}.qr-field.wide{grid-column:1/-1}.qr-field input:not([type=range]):not([type=checkbox]),.qr-field textarea,.qr-field select{width:100%;min-width:0;font:inherit;font-size:13px;color:var(--ink);padding:12px 13px;border:1px solid #dfd7e9;border-radius:10px;background:#fff;outline:none;transition:border .25s,box-shadow .25s}.qr-field input:focus,.qr-field textarea:focus,.qr-field select:focus{border-color:#b69acf;box-shadow:0 0 0 3px #ede3f780}.qr-field textarea{resize:vertical;min-height:100px;line-height:1.65}.qr-field input[type=color]{height:43px;padding:5px!important;cursor:pointer}.qr-field input[type=range]{width:100%;accent-color:#9170b8}.qr-field small{font-size:10px;color:var(--muted);line-height:1.6}.qr-field output{font-size:10px;color:var(--muted)}.qr-type-select{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:24px}.qr-type-select button,.qr-choice-grid button{border:1px solid #e3dbed;background:#fff;border-radius:11px;padding:12px 6px;font:inherit;font-size:11px;cursor:pointer;transition:background .3s,transform .3s}.qr-type-select button[aria-pressed=true],.qr-choice-grid button[aria-pressed=true]{background:#eee6f8;border-color:#bca3d6;color:#63427e}.qr-type-select button:hover,.qr-choice-grid button:hover{transform:translateY(-2px)}.qr-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qr-choice-grid button>span{display:block;font-size:22px;margin-bottom:8px}.qr-subheading{font-size:11px;color:var(--muted);margin:24px 0 12px}.qr-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:590px;overflow-y:auto;padding:3px}.qr-preset{border:1px solid #e4ddec;background:#fff;border-radius:12px;padding:8px;cursor:pointer;text-align:left;transition:transform .3s,box-shadow .3s}.qr-preset:hover{transform:translateY(-3px);box-shadow:0 12px 25px #a992bf22}.qr-preset svg{display:block;width:100%;height:105px}.qr-preset strong{font-size:9px;font-weight:500;display:block;margin-top:8px}.qr-preset[aria-pressed=true]{outline:2px solid #a58abe;outline-offset:1px}.qr-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:23px}.qr-palette-grid button{border:1px solid #e4ddec;background:#fff;padding:9px;border-radius:10px;cursor:pointer;text-align:left;font:inherit}.qr-palette-grid i{display:block;height:25px;border-radius:5px;margin-bottom:8px;background:linear-gradient(90deg,var(--a),var(--b))}.qr-palette-grid span{font-size:9px}.qr-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.qr-icons button{background:#fff;border:1px solid #e4ddec;border-radius:12px;padding:12px 4px;font:inherit;font-size:9px;cursor:pointer}.qr-icons button strong{font-size:23px;display:block;margin-bottom:7px;font-weight:400;line-height:1}.qr-icons button[aria-pressed=true]{background:#eee5f7;border-color:#b69acf}.qr-upload{display:flex;gap:10px;align-items:center;border:1px dashed #c9b6dd;border-radius:13px;padding:16px;margin:20px 0}.qr-upload button{border:0;background:#eee5f7;padding:10px 12px;border-radius:9px;cursor:pointer;font:inherit;font-size:11px}.qr-upload p{font-size:10px;line-height:1.6;margin:0;color:var(--muted)}.qr-editor-bottom{padding:16px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fcfaff}.qr-editor-bottom>span{font-size:10px;color:var(--muted);max-width:65%}.qr-editor-bottom button{border:0;background:none;font:inherit;font-size:11px;color:#8965ad;cursor:pointer}.qr-preview{padding:23px;position:sticky;top:30px}.qr-preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.qr-preview-top .eyebrow{font-size:9px}.qr-preview-top button{font:inherit;font-size:11px;border:0;background:none;color:var(--muted);cursor:pointer}.qr-preview-stage{position:relative;min-height:310px;display:grid;place-items:center;margin:20px 0 14px;background:radial-gradient(ellipse,#e5d9f4a8,transparent 65%);isolation:isolate}.qr-preview-orbit{position:absolute;width:92%;height:70%;border:1px solid #d3c0e855;border-radius:50%;transform:rotate(-16deg);z-index:-1;animation:qr-orbit 10s ease-in-out infinite}#qr-art{width:min(100%,300px);filter:drop-shadow(0 20px 30px #65507816);transition:opacity .2s}#qr-art svg{display:block;width:100%;height:auto;border-radius:15px;max-height:380px}.qr-health{display:flex;gap:11px;align-items:flex-start;border:1px solid #e6deee;background:#f8f5fc;border-radius:13px;padding:14px}.qr-health-light{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#bba4ce;margin-top:4px;box-shadow:0 0 0 4px #bba4ce18}.qr-health strong{font-size:11px;font-weight:500}.qr-health p{font-size:10px;line-height:1.6;color:var(--muted);margin:5px 0 0}.qr-health[data-status=ok]{background:#f0f8f3;border-color:#d5e8dc}.qr-health[data-status=ok] .qr-health-light{background:#4b9c71}.qr-health[data-status=error]{background:#fff1ed;border-color:#ecd8d0}.qr-health[data-status=error] .qr-health-light{background:#c76e54}.qr-metrics{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:8px;margin:20px 0}.qr-metrics span{border-right:1px solid var(--line)}.qr-metrics span:last-child{border:0}.qr-metrics small{font-size:8px;color:var(--muted);letter-spacing:.1em;display:block;margin-bottom:7px}.qr-metrics strong{font-size:11px;font-weight:500}.qr-export{border-top:1px solid var(--line);padding-top:20px}.qr-size-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px}.qr-size-heading output{color:var(--muted)}#qr-size{width:100%;accent-color:#9472b7;margin:15px 0}.qr-size-presets{display:flex;gap:7px}.qr-size-presets button{flex:1;padding:7px;border:1px solid #e7dfef;background:#fff;border-radius:8px;font:inherit;font-size:10px;cursor:pointer}.qr-downloads{display:flex;gap:10px;margin-top:18px}.qr-downloads button{flex:1;border:0;background:#292333;color:white;padding:15px 16px;border-radius:12px;font:inherit;font-size:12px;display:flex;justify-content:space-between;cursor:pointer;transition:transform .3s,background .3s}.qr-downloads button:last-child{background:#eae0f5;color:#63447f}.qr-downloads button:hover{transform:translateY(-2px)}.qr-downloads button:disabled{opacity:.4;cursor:default;transform:none}.qr-export>p{font-size:9px;line-height:1.7;color:var(--muted)}.qr-project-actions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.qr-project-actions button{border:0;background:none;color:var(--muted);font:inherit;font-size:9px;cursor:pointer}.qr-how{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0}.qr-how article>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.qr-how h3{font-size:16px;font-weight:500;letter-spacing:-.02em}.qr-how p,.qr-details p{font-size:12px;color:var(--muted);line-height:1.75}.qr-details{border-top:1px solid var(--line);padding:20px 0}.qr-details summary{font-size:12px;cursor:pointer}.qr-dialog{width:min(660px,calc(100vw - 30px));border:0;border-radius:23px;padding:25px;background:#faf8fd;box-shadow:0 30px 100px #33234244}.qr-dialog::backdrop{background:#29233377;backdrop-filter:blur(8px)}.qr-dialog header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;align-items:center}.qr-dialog header button{border:0;background:none;font-size:28px;cursor:pointer}.qr-dialog-art svg,#qr-dialog-art svg{width:100%;height:auto;max-height:70vh;display:block;margin:20px auto}.qr-dialog p{font-size:11px;text-align:center;color:var(--muted)}@keyframes qr-orbit{50%{transform:rotate(8deg) scale(.95)}}@media(max-width:1050px){.qr-studio{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:15px}.qr-panel{padding:20px}.qr-tabs{padding:10px 8px}.qr-tabs button{padding:10px 8px;font-size:11px}.qr-preview{padding:18px}.qr-icons{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.qr-main{padding:45px 20px}.qr-intro{grid-template-columns:1fr;gap:15px;margin:30px 0}.qr-intro-note{justify-self:start;max-width:none;padding:15px 18px}.qr-intro-note>span{display:none}.qr-intro-note p{font-size:10px}.qr-intro h1{font-size:49px}.qr-studio{grid-template-columns:1fr}.qr-preview{position:static;grid-row:1}.qr-preview-stage{min-height:265px}.qr-preview #qr-art{width:230px}.qr-export{padding-top:15px}.qr-how{grid-template-columns:1fr;gap:16px}.qr-panel{min-height:0}.qr-preset-grid{grid-template-columns:repeat(3,1fr);max-height:510px}.qr-choice-grid{grid-template-columns:repeat(4,1fr)}.qr-icons{grid-template-columns:repeat(5,1fr)}.qr-tabs{position:sticky;top:0}.qr-preview-top button{font-size:10px}.qr-editor-bottom{padding:15px}.qr-intro p{font-size:13px}}@media(prefers-reduced-motion:reduce){.qr-preview-orbit{animation:none}.qr-tabs button,.qr-type-select button,.qr-choice-grid button,.qr-preset,#qr-art,.qr-downloads button{transition:none}}
#qr-mobile-preview{display:none}@media(max-width:760px){#qr-mobile-preview{display:block;position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));right:20px;z-index:60;background:#34283f;color:#fff;border:1px solid #ffffff44;border-radius:30px;padding:13px 18px;box-shadow:0 12px 40px #3c275c33;font:inherit;font-size:12px;cursor:pointer}.qr-preview-stage{min-height:250px}}
.no-motion .qr-preview-orbit{animation:none}
@media(max-width:760px){#qr-mobile-preview{display:none}.qr-editor-visible #qr-mobile-preview{display:block}}
.qr-size-heading>div{display:flex;align-items:center;gap:7px}.qr-size-heading input{width:82px;border:1px solid #e0d6ec;border-radius:8px;background:#fff;font:inherit;font-size:11px;padding:7px 9px;color:var(--ink)}.qr-size-heading>div>span{font-size:10px;color:var(--muted)}

.qr-preset img{width:100%;height:105px;object-fit:contain;display:block;pointer-events:none;border-radius:8px}.qr-preset-grid{contain:layout style}.qr-how,.qr-details{content-visibility:auto;contain-intrinsic-size:auto 220px}