.qr-tool-page{--qr-preview-sticky-top:var(--site-sticky-top);max-width:none;margin:0}.qr-preview-panel.tool-page-panel{top:var(--qr-preview-sticky-top);box-shadow:none;background:0 0;border:0;align-self:start;gap:0;padding:0;position:sticky}.qr-section{gap:.85rem;padding:1rem 1.1rem;display:grid}.qr-controls-panel.tool-page-panel{background:linear-gradient(180deg, rgba(var(--primary-rgb), .022) 0%, var(--bg-elevated) 100%);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb), .06), 0 20px 42px -38px #0f172a38;border-radius:20px;gap:0;padding:0;position:relative;overflow:hidden}.qr-controls-panel.tool-page-panel:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--primary-rgb), .18), transparent);height:1px;position:absolute;inset:0 0 auto}.qr-section+.qr-section{border-top:1px solid rgba(var(--primary-rgb), .08)}.qr-section .tool-section-heading{gap:.3rem;margin-bottom:0}.qr-section .tool-section-heading h2{align-items:center;gap:.4rem;font-size:.95rem;display:inline-flex}.qr-section .tool-section-heading p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.qr-section .field{gap:.4rem;margin-bottom:0;display:grid}.qr-types-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.qr-type-button{text-align:left;white-space:normal;min-height:82px;color:var(--text);border:1px solid rgba(var(--primary-rgb), .11);background:linear-gradient(180deg, rgba(var(--primary-rgb), .02) 0%, var(--bg-elevated) 100%);cursor:pointer;transition:border-color var(--transition-fast) ease, background var(--transition-fast) ease, box-shadow var(--transition-fast) ease;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem;padding:.78rem .9rem;display:flex;box-shadow:0 8px 18px -20px #0f172a33}.qr-type-button:focus,.qr-type-button:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.qr-type-button:hover{border-color:rgba(var(--primary-rgb), .22);background:linear-gradient(180deg, rgba(var(--primary-rgb), .035) 0%, var(--bg-secondary) 100%)}.qr-type-button.is-active .qr-type-button__label,.qr-type-button.is-active .qr-type-button__description{color:inherit}.qr-type-button.is-active:hover{background:radial-gradient(160px 95px at 0 0,#34d6ff3b,#0000 72%),linear-gradient(#fff1,#ffffff04),#080c10eb}.qr-type-button__label{letter-spacing:-.01em;width:100%;font-size:.9rem;font-weight:600;line-height:1.15;display:block}.qr-type-button__description{width:100%;color:var(--text-secondary);font-size:.75rem;line-height:1.3;display:block}.qr-field-grid,.qr-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid;overflow:hidden}.qr-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.qr-color-grid>div{min-width:0}.qr-helper-text{color:var(--text-secondary);margin-top:.05rem;font-size:.87rem;line-height:1.5;display:block}.qr-inline-error{color:var(--error);background:#ef444414;border:1px solid #ef444433;border-radius:12px;margin-top:.1rem;padding:.72rem .82rem;font-size:.87rem;line-height:1.48}.qr-tool-page .field label{margin-bottom:0;font-size:.9rem;font-weight:600;line-height:1.3}.qr-tool-page .field input:not([type=color]):not([type=file]),.qr-tool-page .field select,.qr-tool-page .field textarea,.qr-tool-page .field input[type=file]{border:1px solid rgba(var(--primary-rgb), .1);background:linear-gradient(180deg, rgba(var(--primary-rgb), .014) 0%, var(--bg-elevated) 100%);width:100%;min-height:52px;transition:border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;color:var(--text);border-radius:13px;padding:.8rem .95rem;font-size:.9rem;box-shadow:inset 0 1px #ffffffe0,0 8px 16px -20px #0f172a2e}.qr-tool-page .field input:not([type=color]):not([type=file]):hover,.qr-tool-page .field select:hover,.qr-tool-page .field textarea:hover,.qr-tool-page .field input[type=file]:hover{border-color:rgba(var(--primary-rgb), .22)}.qr-tool-page .field input:not([type=color]):not([type=file]):focus,.qr-tool-page .field select:focus,.qr-tool-page .field textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.qr-file-input-wrapper{position:relative}.qr-file-input-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.qr-file-input-label{border:1px solid var(--border);background:var(--bg-secondary);min-height:50px;color:var(--text);text-align:center;cursor:pointer;transition:border-color var(--transition-fast) ease, background var(--transition-fast) ease;white-space:nowrap;text-overflow:ellipsis;border-radius:12px;justify-content:center;align-items:center;padding:.75rem .9rem;font-size:.9rem;display:flex;overflow:hidden}.qr-tool-page .field textarea{min-height:128px;padding-top:.9rem}.qr-tool-page .field input[aria-invalid=true]:not([type=color]):not([type=file]),.qr-tool-page .field select[aria-invalid=true],.qr-tool-page .field textarea[aria-invalid=true]{border-color:#ef44448c;box-shadow:0 0 0 4px #ef444414}.qr-tool-page .field input:disabled{background:linear-gradient(180deg, #94a3b814 0%, var(--bg-secondary) 100%);color:var(--text-secondary)}.qr-color-label{font-size:.88rem;font-weight:500;display:block}.qr-color-grid>div{flex-direction:column;gap:1.2rem;display:flex}.qr-color-input{cursor:pointer;border:1px solid var(--border);background:var(--bg);box-sizing:border-box;width:36px;height:36px;transition:border-color var(--transition-fast) ease, opacity var(--transition-fast) ease;border-radius:6px;outline:none;padding:3px}.qr-color-input:hover{border-color:var(--border-strong)}.qr-color-input:focus{border-color:var(--primary)}.qr-color-input::-webkit-color-swatch-wrapper{background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.qr-color-input::-webkit-color-swatch{border:none;border-radius:3px;width:28px;height:28px;margin:0;padding:0}.qr-color-input::-moz-color-swatch{border:none;border-radius:3px;width:28px;height:28px;margin:0;padding:0}.qr-logo-preview-card{border:1px dashed rgba(var(--primary-rgb), .24);background:linear-gradient(180deg, rgba(var(--primary-rgb), .03) 0%, var(--bg-secondary) 100%);border-radius:16px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:.9rem;padding:.95rem;display:grid}.qr-logo-preview-slot{min-height:122px}.qr-logo-preview-slot.is-empty{visibility:hidden}.qr-logo-actions-slot{min-height:52px}.qr-logo-actions-slot.is-empty{visibility:hidden}.qr-logo-preview-frame{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;justify-content:center;align-items:center;width:88px;display:flex;overflow:hidden}.qr-logo-preview-frame img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.qr-logo-meta{gap:.2rem;min-width:0;display:grid}.qr-logo-meta strong{color:var(--text);font-size:.92rem}.qr-logo-meta span{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.88rem;line-height:1.45}.qr-logo-remove{width:100%}.qr-preview-shell{background:linear-gradient(180deg, rgba(var(--primary-rgb), .022) 0%, var(--bg-elevated) 100%);border:1px solid rgba(var(--primary-rgb), .08);width:100%;box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb), .06), 0 20px 42px -38px #0f172a38;border-radius:20px;gap:.75rem;margin:0;padding:1rem;display:grid;position:relative}.qr-preview-shell:before{content:none}.qr-preview-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;min-height:1.6rem;display:flex}.qr-preview-badge{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);letter-spacing:.02em;box-shadow:none;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.qr-preview-badge:before{content:"";background:#22c55e;border-radius:50%;width:.3rem;height:.3rem}.qr-preview-frame{border:1px solid rgba(var(--primary-rgb), .12);background:linear-gradient(180deg, rgba(var(--primary-rgb), .03) 0%, var(--bg-secondary) 100%);border-radius:18px;justify-content:center;align-items:center;min-height:360px;padding:.5rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.qr-preview-stage{width:min(var(--qr-preview-size,256px), calc(100% - 1rem), 360px);aspect-ratio:1;background:var(--bg-elevated);border-radius:16px;justify-content:center;align-items:center;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px -16px #0f172a47}.qr-preview-canvas{object-fit:contain;image-rendering:crisp-edges;display:block;width:100%!important;height:100%!important}.qr-preview-canvas.is-hidden{visibility:hidden}.qr-preview-empty,.qr-preview-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0;overflow:hidden}.qr-preview-icon{opacity:.25;color:var(--text-secondary);flex-shrink:0;width:40px;height:40px;margin-bottom:0}.qr-preview-empty p,.qr-preview-placeholder p{max-width:16rem;color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.qr-preview-metrics{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.qr-preview-metrics .result-metric{text-align:center;border:1px solid rgba(var(--primary-rgb), .1);background:linear-gradient(180deg, rgba(var(--primary-rgb), .03) 0%, var(--bg-elevated) 100%);border-radius:12px;grid-template-rows:auto auto minmax(2.6em,1fr);align-content:center;justify-items:center;gap:.14rem;min-width:0;min-height:102px;padding:.66rem .62rem;display:grid;box-shadow:inset 0 1px #fffc}.qr-preview-metrics .result-metric__label{text-align:center;color:var(--text-secondary);font-size:.72rem;line-height:1.2}.qr-preview-metrics .result-metric__value{text-align:center;color:var(--text);font-size:1rem;font-weight:700}.qr-preview-metrics .result-metric__hint{text-align:center;color:var(--text-secondary);overflow-wrap:anywhere;margin:0;font-size:.68rem;line-height:1.2}.qr-preview-actions{margin-top:.1rem}.qr-tool-page button.secondary{border-color:rgba(var(--primary-rgb), .12);background:linear-gradient(180deg, rgba(var(--primary-rgb), .03) 0%, var(--bg-elevated) 100%)}.qr-tool-page button.secondary:hover{border-color:rgba(var(--primary-rgb), .24);background:linear-gradient(180deg, rgba(var(--primary-rgb), .06) 0%, var(--bg-secondary) 100%)}.qr-download-group{border-radius:10px;align-items:stretch;width:min(100%,300px);display:inline-flex;position:relative;overflow:visible;box-shadow:0 18px 34px -22px #4f46e573}.qr-download-button{background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%);border:none;border-radius:10px 0 0 10px;flex:1;min-width:0}.qr-download-button:hover{background:linear-gradient(135deg,#4338ca 0%,#1d4ed8 100%)}.qr-download-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%)}.qr-format-dropdown-toggle{color:#fff;cursor:pointer;transition:background var(--transition-fast) ease;background:linear-gradient(135deg,#4338ca 0%,#1d4ed8 100%);border:none;border-left:1px solid #ffffff26;border-radius:0 10px 10px 0;flex-shrink:0;justify-content:center;align-items:center;padding:0 .85rem;display:flex}.qr-format-dropdown-toggle svg{transition:transform var(--transition-fast) ease}.qr-format-dropdown-toggle:hover:not(:disabled),.qr-format-dropdown-toggle.is-open{background:linear-gradient(135deg,#3730a3 0%,#1e40af 100%)}.qr-format-dropdown-toggle.is-open svg{transform:rotate(180deg)}.qr-format-dropdown-toggle:disabled{opacity:.5;cursor:not-allowed}.qr-format-dropdown{background:var(--bg-elevated);border:1px solid var(--border);z-index:100;border-radius:10px;min-width:140px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000024}.qr-format-option{text-align:left;width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast) ease, color var(--transition-fast) ease;background:0 0;padding:.7rem 1rem;font-size:.9rem;display:block}.qr-format-option:last-child{border-bottom:none}.qr-format-option:hover{background:var(--primary);color:#fff}.qr-format-option.is-active{background:var(--bg-secondary);color:var(--primary);font-weight:600}.qr-transparent-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:var(--bg-secondary);transition:border-color var(--transition-fast) ease, background var(--transition-fast) ease;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.85rem;display:inline-flex}.qr-transparent-toggle input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.qr-transparent-toggle input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.qr-transparent-toggle span{white-space:nowrap}.qr-export-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.qr-secondary-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;padding-top:.5rem;display:flex}.tool-container h1{margin-bottom:.25rem;font-size:1.75rem}.tool-container>p{margin-bottom:1rem;font-size:.95rem}@media (width<=1100px){.qr-generator-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,370px)}}@media (width<=968px){.qr-generator-layout{grid-template-columns:1fr;gap:1rem}.qr-preview-panel.tool-page-panel{position:static}}.qr-generator-shell{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}.qr-type-selector-skeleton{border:1px solid var(--border);background:var(--bg-elevated);border-radius:24px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.qr-type-skeleton-item{background:linear-gradient(90deg, var(--bg-secondary) 0%, rgba(var(--primary-rgb), .08) 45%, var(--bg-secondary) 100%);background-size:220% 100%;border-radius:14px;height:72px;animation:1.2s ease-in-out infinite article-skeleton-shimmer}.qr-preview-shell-skeleton{border:1px solid var(--border);background:var(--bg-elevated);border-radius:24px;justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.qr-preview-skeleton-inner{background:linear-gradient(90deg, var(--bg-secondary) 0%, rgba(var(--primary-rgb), .08) 45%, var(--bg-secondary) 100%);background-size:220% 100%;border-radius:18px;width:200px;height:200px;animation:1.2s ease-in-out infinite article-skeleton-shimmer}@media (width<=900px){.qr-generator-shell{grid-template-columns:1fr}}@media (width<=560px){.qr-type-button{min-height:76px;padding:.74rem .82rem}.qr-download-group{width:100%}.qr-download-group .qr-download-button{padding-left:.5rem;padding-right:.5rem;font-size:.9rem}.qr-tool-page:before,.qr-tool-page:after{display:none}}.qr-tool-page{--qr-orange:#ff8a00;--qr-orange-soft:#ff8a0024;--qr-orange-border:#ff8a004d;--qr-orange-border-strong:#ff8a0080;--qr-orange-glow:#ff8a003d;--qr-panel:#070a0ed6;--qr-panel-strong:#0b0d12e6;--qr-panel-soft:#0f1218b8;--qr-line:#ff8a0029;--qr-text-muted:#a9b0bb;max-width:none}.qr-controls-panel.tool-page-panel,.qr-preview-shell{border:1px solid var(--qr-orange-border);background:radial-gradient(420px 260px at 12% 0%, #ff8a001c, transparent 64%), linear-gradient(180deg, var(--qr-panel-strong), var(--qr-panel));-webkit-backdrop-filter:blur(18px);border-radius:8px;box-shadow:inset 0 1px #ffffff0b,inset 0 0 46px #ff8a0006,0 20px 60px -42px #000000f5,0 0 0 1px #ff8a0009}.qr-controls-panel.tool-page-panel:before,.qr-preview-shell:before{content:"";background:linear-gradient(90deg,#0000,#ffb43a6b,#0000);height:1px;position:absolute;inset:0 0 auto}.qr-section{gap:1rem;padding:clamp(1rem,1.6vw,1.35rem)}.qr-section+.qr-section{border-top-color:var(--qr-line)}.qr-section .tool-section-heading h2{color:#f7f8fb;font-weight:760}.qr-section .tool-section-heading h2:before{content:"";background:linear-gradient(#ffb43a,#ff7900);border-radius:999px;width:7px;height:18px;box-shadow:0 0 16px #ff8a0052}.qr-section .tool-section-heading p,.qr-helper-text{color:var(--qr-text-muted)}.qr-tool-page .field label{color:#eef1f6}.qr-type-button{min-height:88px;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, background var(--transition-fast) ease, box-shadow var(--transition-fast) ease, color var(--transition-fast) ease;background:linear-gradient(#ffffff09,#ffffff03),#090c10d1;border-color:#ff8a002e;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 12px 34px -30px #000000f2}.qr-type-button:before{content:"";opacity:0;transition:opacity var(--transition-fast) ease;background:radial-gradient(160px 90px at 0 0,#ff8a0033,#0000 68%),linear-gradient(90deg,#ff8a001a,#0000 36%);position:absolute;inset:0}.qr-type-button__label,.qr-type-button__description{z-index:1;position:relative}.qr-type-button__label{color:#f6f8fb;font-weight:760}.qr-type-button__description{color:var(--qr-text-muted)}.qr-type-button:hover{border-color:var(--qr-orange-border-strong);background:linear-gradient(#ff8a0014,#ffffff04),#0b0e13eb;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,0 18px 42px -30px #000000f5,0 0 22px #ff8a001f}.qr-type-button:hover:before{opacity:1}.qr-type-button.is-active{color:#f8fafc;background:radial-gradient(180px 105px at 0 0,#34d6ff38,#0000 70%),linear-gradient(#ffffff10,#ffffff04),#070a0ee6;border-color:#34d6ff94;box-shadow:inset 0 1px #fff1,0 14px 34px -30px #000000f5,0 0 20px #34d6ff2e}.qr-type-button.is-active:before{opacity:.72;background:radial-gradient(150px 90px at 0 0,#34d6ff4d,#0000 72%),linear-gradient(90deg,#34d6ff1a,#0000 42%)}.qr-type-button.is-active:hover{background:radial-gradient(180px 105px at 0 0,#34d6ff47,#0000 70%),linear-gradient(#ffffff13,#ffffff04),#080c11f0;transform:none;box-shadow:inset 0 1px #ffffff13,0 14px 34px -30px #000000f5,0 0 22px #34d6ff38}.qr-type-button.is-active:active{transform:none}.qr-type-button.is-active .qr-type-button__label{color:#e8fbff}.qr-type-button.is-active .qr-type-button__description{color:#e2e8f0c7}.qr-type-button:focus,.qr-type-button:focus-visible{border-color:#ffb43ad1;box-shadow:0 0 0 3px #ff8a0038,0 0 24px #ff8a0029}.qr-type-button.is-active:focus,.qr-type-button.is-active:focus-visible{border-color:#34d6ffb8;box-shadow:0 0 0 3px #34d6ff2e,0 0 24px #34d6ff38}.qr-tool-page .field input:not([type=color]):not([type=file]),.qr-tool-page .field select,.qr-tool-page .field textarea,.qr-tool-page .field input[type=file],.qr-tool-page .custom-select__trigger{color:#f7f8fb;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff08,#ffffff03),#03060ab8;border-color:#ff8a002e;border-radius:8px;min-height:52px;box-shadow:inset 0 1px #ffffff0b,0 12px 28px -26px #000000e6}.qr-tool-page .field input:not([type=color]):not([type=file]):hover,.qr-tool-page .field select:hover,.qr-tool-page .field textarea:hover,.qr-tool-page .field input[type=file]:hover,.qr-tool-page .custom-select__trigger:hover{border-color:var(--qr-orange-border-strong)}.qr-tool-page .field input:not([type=color]):not([type=file]):focus,.qr-tool-page .field select:focus,.qr-tool-page .field textarea:focus,.qr-tool-page .custom-select.is-open .custom-select__trigger,.qr-tool-page .custom-select__trigger:focus{border-color:#ffb43ad1;box-shadow:0 0 0 3px #ff8a0033,0 0 24px #ff8a001f}.qr-tool-page .field input::placeholder,.qr-tool-page .field textarea::placeholder{color:#a9b0bbad}.qr-tool-page .field input:disabled{color:#a9b0bb8a;background:#0e10159e;border-color:#94a3b81a}.qr-tool-page .custom-select__dropdown{border-color:var(--qr-orange-border);background:linear-gradient(#12141afa,#06080cfa);border-radius:8px;padding:.35rem;box-shadow:0 20px 42px -26px #000000eb,0 0 22px #ff8a001a}.qr-tool-page .custom-select__option{color:#d7dce5;border-radius:6px}.qr-tool-page .custom-select__option:hover,.qr-tool-page .custom-select__option:focus{color:#fff;background:#ff8a001f}.qr-tool-page .custom-select__option.is-selected,.qr-tool-page .custom-select__check,.qr-tool-page .custom-select__arrow{color:var(--qr-orange)}.qr-tool-page input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff8a00b3,#ffb43a47),#03060ac7;border:1px solid #ff8a0024;height:9px;box-shadow:inset 0 1px 2px #00000061}.qr-tool-page input[type=range]::-moz-range-track{background:linear-gradient(90deg,#ff8a00b3,#ffb43a47),#03060ac7;border:1px solid #ff8a0024;height:9px;box-shadow:inset 0 1px 2px #00000061}.qr-tool-page input[type=range]::-webkit-slider-thumb{background:linear-gradient(#ffbf45,#ff8300);border-color:#130b04;width:22px;height:22px;margin-top:-7px;box-shadow:0 0 0 3px #ff8a002e,0 0 18px #ff8a0047}.qr-tool-page input[type=range]::-moz-range-thumb{background:linear-gradient(#ffbf45,#ff8300);border-color:#130b04;width:22px;height:22px;box-shadow:0 0 0 3px #ff8a002e,0 0 18px #ff8a0047}.qr-color-grid{gap:.8rem}.qr-color-grid>div{background:#03060a73;border:1px solid #ff8a0024;border-radius:8px;gap:.65rem;padding:.85rem}.qr-color-input{background:#03060ac7;border-color:#ff8a003d;border-radius:8px;width:100%;height:44px}.qr-color-input::-webkit-color-swatch{border-radius:5px;width:100%;height:34px}.qr-color-input::-moz-color-swatch{border-radius:5px;width:100%;height:34px}.qr-file-input-label,.qr-logo-preview-card{color:#f6f8fb;background:linear-gradient(#ff8a000f,#ffffff03),#03060aa8;border-color:#ff8a0038;border-radius:8px;box-shadow:inset 0 1px #ffffff0a}.qr-file-input-label:hover{border-color:var(--qr-orange-border-strong);background:linear-gradient(#ff8a001a,#ffffff05),#070a0ed1}.qr-logo-preview-frame{background:#03060ab8;border-color:#ff8a002e;border-radius:8px}.qr-logo-meta strong{color:#f7f8fb}.qr-logo-meta span{color:var(--qr-text-muted)}.qr-preview-shell{gap:.9rem;padding:clamp(1rem,1.6vw,1.35rem)}.qr-preview-shell .result-summary__kicker{color:var(--qr-orange)}.qr-preview-shell .result-summary__kicker:before{background:var(--qr-orange);box-shadow:0 0 12px var(--qr-orange-glow)}.qr-preview-shell .result-summary__title{color:#f7f8fb}.qr-preview-shell .result-summary__description{color:var(--qr-text-muted)}.qr-preview-badge{color:#d4dae3;background:#03060a9e;border-color:#ff8a002e;border-radius:6px;box-shadow:inset 0 1px #ffffff0a}.qr-preview-badge:before{background:var(--qr-orange);box-shadow:0 0 10px var(--qr-orange-glow)}.qr-preview-frame{background:radial-gradient(260px 180px at 50% 38%,#ff8a0029,#0000 72%),linear-gradient(#04070bbd,#0a0c10e6);border-color:#ff8a0033;border-radius:8px;box-shadow:inset 0 1px #ffffff0b,inset 0 0 44px #ff8a0006}.qr-preview-stage{background:radial-gradient(circle at 50% 36%,#ff8a001c,#0000 58%),linear-gradient(#04070bf5,#090b10f0);border-radius:8px;box-shadow:0 18px 44px -24px #000000e6,0 0 28px #ff8a0024}.qr-tool-page .qr-preview-canvas{background:0 0}.qr-preview-empty,.qr-preview-placeholder{background:radial-gradient(circle at 50% 36%,#ff8a0021,#0000 56%),#04070beb}.qr-preview-icon{color:var(--qr-orange);opacity:.72;filter:drop-shadow(0 0 14px #ff8a003d)}.qr-preview-empty p,.qr-preview-placeholder p{color:var(--qr-text-muted)}.qr-preview-metrics .result-metric{background:linear-gradient(#ffffff08,#ffffff03),#03060aa3;border-color:#ff8a0029;border-radius:8px;min-height:98px;box-shadow:inset 0 1px #ffffff0a}.qr-preview-metrics .result-metric__label,.qr-preview-metrics .result-metric__hint{color:var(--qr-text-muted)}.qr-preview-metrics .result-metric__value{color:#fff}.qr-download-group{border-radius:8px;width:min(100%,320px);box-shadow:0 18px 34px -22px #ff8a0080,0 0 24px #ff8a001f}.qr-download-button{color:#140c03;background:linear-gradient(#ffb43a 0%,#ff8a00 52%,#ff7000 100%);border-radius:8px 0 0 8px;min-height:52px;box-shadow:inset 0 1px #ffffff57}.qr-download-button:hover{background:linear-gradient(#ffc34f 0%,#ff970f 52%,#ff7800 100%);box-shadow:inset 0 1px #ffffff61}.qr-download-button:disabled{color:#140c03b3;background:linear-gradient(#ffb43a6b,#ff70006b)}.qr-format-dropdown-toggle{color:#fff8ef;background:linear-gradient(#d66f00 0%,#9f4c00 100%);border-left-color:#140c0340;border-radius:0 8px 8px 0;min-height:52px}.qr-format-dropdown-toggle:hover:not(:disabled),.qr-format-dropdown-toggle.is-open{background:linear-gradient(#e67a00 0%,#ad5600 100%)}.qr-format-dropdown{border-color:var(--qr-orange-border);background:linear-gradient(#12141afa,#06080cfa);border-radius:8px;box-shadow:0 18px 42px -24px #000000eb,0 0 20px #ff8a001a}.qr-format-option{color:#dce2ea;border-bottom-color:#ff8a001a}.qr-format-option:hover,.qr-format-option.is-active{color:#ffb43a;background:#ff8a0024}.qr-transparent-toggle{color:#d4dae3;background:#03060aa3;border-color:#ff8a002e;border-radius:8px}.qr-transparent-toggle:hover{border-color:var(--qr-orange-border-strong);background:#ff8a0014}.qr-transparent-toggle input[type=checkbox]{accent-color:var(--qr-orange)}.qr-tool-page.premium-tool-page .qr-preview-actions{gap:.85rem}.qr-tool-page.premium-tool-page .qr-download-group{background:radial-gradient(260px 120px at 0 0,#ffb43a47,#0000 70%),#060a0fc7;border:1px solid #ff8a005c;border-radius:8px;width:min(100%,340px);overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 16px 42px -26px #ff8a00b8,0 0 24px #ff8a001f}.qr-tool-page.premium-tool-page .qr-download-button{color:#ffd08a;min-height:56px;box-shadow:none;background:linear-gradient(#ffb43a3d,#ff8a001f),#080b10db;border:0;border-radius:0}.qr-tool-page.premium-tool-page .qr-download-button:hover{color:#d9f7ff;background:radial-gradient(180px 100px at 0 0,#34d6ff33,#0000 72%),linear-gradient(#34d6ff29,#ff8a0014),#080b10e6}.qr-tool-page.premium-tool-page .qr-format-dropdown-toggle{color:#9eeaff;background:radial-gradient(120px 80px at 0 0,#34d6ff38,#0000 70%),#060a0fdb;border:0;border-left:1px solid #ff8a0042;border-radius:0;min-height:56px}.qr-tool-page.premium-tool-page .qr-format-dropdown-toggle:hover:not(:disabled),.qr-tool-page.premium-tool-page .qr-format-dropdown-toggle.is-open{background:radial-gradient(140px 90px at 0 0,#34d6ff4d,#0000 70%),#080d12f0}.qr-tool-page.premium-tool-page .qr-transparent-toggle,.qr-tool-page.premium-tool-page .qr-secondary-actions button.secondary,.qr-tool-page.premium-tool-page .qr-logo-remove{color:#c9f2ff;background:radial-gradient(180px 100px at 0 0,#34d6ff24,#0000 70%),#060a0fb8;border-color:#34d6ff4d;border-radius:8px;min-height:48px;box-shadow:inset 0 1px #ffffff0b}.qr-tool-page.premium-tool-page .qr-secondary-actions button.secondary:nth-child(2){color:#e4c2ff;background:radial-gradient(180px 100px at 0 0,#c678ff29,#0000 70%),#060a0fb8;border-color:#c678ff57}.qr-tool-page.premium-tool-page .qr-transparent-toggle:hover,.qr-tool-page.premium-tool-page .qr-secondary-actions button.secondary:hover,.qr-tool-page.premium-tool-page .qr-logo-remove:hover{color:#d9f7ff;border-color:#34d6ff99;transform:translateY(-1px);box-shadow:0 16px 38px -26px #34d6ffb8}.qr-tool-page button.secondary{color:#f5f7fb;background:linear-gradient(#ffffff09,#ffffff03),#03060aad;border-color:#ff8a0033;border-radius:8px;box-shadow:inset 0 1px #ffffff0a}.qr-tool-page button.secondary:hover{border-color:var(--qr-orange-border-strong);color:#ffb43a;background:linear-gradient(#ff8a001f,#ffffff04),#070a0edb;box-shadow:inset 0 1px #ffffff0f,0 0 20px #ff8a001f}.qr-tool-page .result-notice{background:#03060aa8;border-color:#ff8a0029;border-radius:8px}.qr-inline-error,.qr-tool-page .field input[aria-invalid=true]:not([type=color]):not([type=file]),.qr-tool-page .field select[aria-invalid=true],.qr-tool-page .field textarea[aria-invalid=true]{border-color:#fb718585}.qr-tool-page .tool-description-section{border-color:var(--qr-orange-border);background:radial-gradient(420px 260px at 8% 0,#ff8a001a,#0000 66%),linear-gradient(#0b0d12e6,#06080cd6);border-radius:8px;box-shadow:inset 0 1px #ffffff0b,0 22px 62px -44px #000000f2}.qr-tool-page .tool-description-section h2,.qr-tool-page .tool-description-section h3{color:#f8fafc!important}.qr-tool-page .tool-description-section p,.qr-tool-page .tool-description-section li{color:#aeb6c2!important}.qr-tool-page .tool-description-section strong,.qr-tool-page .tool-description-faq-question{color:#fff!important}.qr-tool-page .tool-description-faq-item{background:#03060a8f;border-color:#ff8a0029;border-radius:8px}@media (width>=969px) and (height<=860px){.qr-preview-shell{gap:clamp(.45rem,1.15vh,.7rem);padding:clamp(.72rem,1.5vh,1rem)}.qr-preview-shell .result-summary__main{gap:.22rem}.qr-preview-shell .result-summary__title{font-size:clamp(1.05rem,2.45vh,1.22rem)}.qr-preview-shell .result-summary__description{font-size:.84rem;line-height:1.4}.qr-preview-badges{gap:.35rem;min-height:0}.qr-preview-badge{padding:.2rem .42rem;font-size:.66rem}.qr-preview-frame{min-height:clamp(230px,38vh,300px);padding:.38rem}.qr-preview-stage{width:min(var(--qr-preview-size,256px), calc(100% - .75rem), clamp(220px, 36vh, 292px))}.qr-preview-metrics{gap:.45rem}.qr-preview-metrics .result-metric{grid-template-rows:auto auto minmax(2em,1fr);min-height:76px;padding:.48rem}.qr-preview-metrics .result-metric__label{font-size:.66rem}.qr-preview-metrics .result-metric__value{font-size:.9rem}.qr-preview-metrics .result-metric__hint{font-size:.62rem}.qr-tool-page.premium-tool-page .qr-preview-actions{gap:.55rem}.qr-tool-page.premium-tool-page .qr-download-button,.qr-tool-page.premium-tool-page .qr-format-dropdown-toggle{min-height:48px}.qr-tool-page.premium-tool-page .qr-transparent-toggle,.qr-tool-page.premium-tool-page .qr-secondary-actions button.secondary{min-height:42px}.qr-export-row,.qr-secondary-actions{padding-block:0}}@media (width>=969px) and (height<=700px){.qr-preview-panel.tool-page-panel{position:static}}@media (width<=968px){.qr-tool-page{max-width:100%}}@media (width<=680px){.qr-field-grid,.qr-style-grid,.qr-color-grid,.qr-preview-metrics{grid-template-columns:1fr}.qr-type-button{min-height:78px}}