.QRLivePreview-module__kn_oCq__container,.QRLivePreview-module__kn_oCq__form{gap:14px;display:grid}.QRLivePreview-module__kn_oCq__sectionTitle{color:var(--clutch-navy);font-family:var(--font-exo2), Arial, sans-serif;letter-spacing:-.01em;margin:0;font-size:1.12rem;font-weight:800}.QRLivePreview-module__kn_oCq__errorMessage{color:#c33;background:#fee;border:1px solid #fcc;border-radius:12px;padding:12px 14px;font-size:.9rem;font-weight:600}.QRLivePreview-module__kn_oCq__heroPreviewCard{background:radial-gradient(circle at 0 0,#ffa6652e,#0000 34%),linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #0f172a14;border-radius:28px;gap:16px;padding:clamp(18px,3vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 68px #0f172a1f}.QRLivePreview-module__kn_oCq__previewHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.QRLivePreview-module__kn_oCq__previewKicker{color:var(--clutch-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900;display:inline-flex}.QRLivePreview-module__kn_oCq__statusBadge{min-height:30px;color:var(--clutch-navy);letter-spacing:.08em;text-transform:uppercase;background:#ffa66524;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:900;display:inline-flex}.QRLivePreview-module__kn_oCq__previewVisual{background:radial-gradient(circle at 20% 20%,#ffa66524,#0000 26%),linear-gradient(#fff,#f6f8fb);border-radius:24px;place-items:center;min-height:280px;padding:18px;display:grid;position:relative}.QRLivePreview-module__kn_oCq__previewGlow{filter:blur(20px);background:radial-gradient(circle,#ffa66524,#0000 58%);border-radius:24px;position:absolute;inset:18px}.QRLivePreview-module__kn_oCq__previewCanvas{z-index:1;width:min(100%,330px);position:relative}.QRLivePreview-module__kn_oCq__previewCanvas .styled-qr-wrap{position:relative}.QRLivePreview-module__kn_oCq__previewCanvas .qr-preview{aspect-ratio:1;width:100%}.QRLivePreview-module__kn_oCq__previewTitleRow{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.QRLivePreview-module__kn_oCq__campaignName{color:var(--clutch-navy);letter-spacing:-.01em;margin:4px 0 0;font-size:1.05rem;font-weight:900}.QRLivePreview-module__kn_oCq__previewStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.QRLivePreview-module__kn_oCq__previewStrip article{background:#ffffffeb;border:1px solid #0f172a14;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.QRLivePreview-module__kn_oCq__previewStrip span{color:var(--clutch-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.QRLivePreview-module__kn_oCq__previewStrip strong{color:var(--clutch-navy);font-size:.9rem;font-weight:800}.QRLivePreview-module__kn_oCq__destinationPreviewCard,.QRLivePreview-module__kn_oCq__exportCard{background:#fff;border:1px solid #0f172a14;border-radius:22px;gap:10px;padding:16px;display:grid;box-shadow:0 12px 28px #0f172a0f}.QRLivePreview-module__kn_oCq__destinationPreviewCard p,.QRLivePreview-module__kn_oCq__exportCard p{color:var(--clutch-navy);gap:4px;margin:0;display:grid}.QRLivePreview-module__kn_oCq__destinationPreviewCard span,.QRLivePreview-module__kn_oCq__exportCard span{color:var(--clutch-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900}.QRLivePreview-module__kn_oCq__metaLabel{color:var(--clutch-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:900}.QRLivePreview-module__kn_oCq__metaValue{color:var(--clutch-navy);margin:0;font-size:.95rem;font-weight:700}.QRLivePreview-module__kn_oCq__formSection{background:#fff;border:1px solid #0f172a1a;border-radius:22px;gap:12px;padding:18px;display:grid;box-shadow:0 12px 28px #0f172a0f}.QRLivePreview-module__kn_oCq__field{cursor:text;gap:8px;display:grid}.QRLivePreview-module__kn_oCq__fieldLabel{color:var(--clutch-navy);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:900}.QRLivePreview-module__kn_oCq__input{border:1px solid var(--clutch-border);color:var(--clutch-navy);background:#fff;border-radius:10px;padding:12px 14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.QRLivePreview-module__kn_oCq__input:hover{border-color:var(--clutch-orange)}.QRLivePreview-module__kn_oCq__input:focus{border-color:var(--clutch-orange);outline:none;box-shadow:0 0 0 3px #ffa6651a}.QRLivePreview-module__kn_oCq__hint{color:var(--clutch-muted);font-size:.8rem;font-weight:500}.QRLivePreview-module__kn_oCq__finalUrl{background:var(--clutch-orange-soft);border:1px solid var(--clutch-border-strong);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.QRLivePreview-module__kn_oCq__finalUrlLabel{color:var(--clutch-navy);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.QRLivePreview-module__kn_oCq__finalUrlValue{color:var(--clutch-navy);word-break:break-all;font-family:monospace;font-size:.85rem;font-weight:600}.QRLivePreview-module__kn_oCq__actions{gap:12px;display:grid}.QRLivePreview-module__kn_oCq__primaryBtn{background:linear-gradient(135deg, var(--clutch-orange), #ff9633);color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;padding:14px 20px;font-size:.95rem;font-weight:900;transition:all .2s;box-shadow:0 8px 20px #ffa6653d}.QRLivePreview-module__kn_oCq__primaryBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #ffa66552}.QRLivePreview-module__kn_oCq__primaryBtn:active:not(:disabled){transform:translateY(0)}.QRLivePreview-module__kn_oCq__primaryBtn:disabled{opacity:.6;cursor:not-allowed}.QRLivePreview-module__kn_oCq__lockCallout{border:1px solid var(--clutch-border-strong);color:var(--clutch-navy);background:#fffbf8;border-radius:12px;gap:6px;padding:14px 16px;display:grid}.QRLivePreview-module__kn_oCq__lockCallout strong{font-size:.9rem;font-weight:700}.QRLivePreview-module__kn_oCq__lockCallout span{color:var(--clutch-muted);font-size:.85rem}@media (max-width:768px){.QRLivePreview-module__kn_oCq__form{gap:16px}.QRLivePreview-module__kn_oCq__heroPreviewCard{border-radius:24px}.QRLivePreview-module__kn_oCq__previewVisual{min-height:240px;padding:14px}.QRLivePreview-module__kn_oCq__previewCanvas{width:min(100%,290px)}.QRLivePreview-module__kn_oCq__previewStrip{grid-template-columns:1fr}.QRLivePreview-module__kn_oCq__destinationPreviewCard p,.QRLivePreview-module__kn_oCq__exportCard p{grid-template-columns:1fr;gap:2px}.QRLivePreview-module__kn_oCq__formSection{border-radius:16px;padding:14px}.QRLivePreview-module__kn_oCq__fieldLabel{font-size:.85rem}.QRLivePreview-module__kn_oCq__primaryBtn{padding:12px 16px;font-size:.9rem}}@media (max-width:520px){.QRLivePreview-module__kn_oCq__previewHeader,.QRLivePreview-module__kn_oCq__previewTitleRow{grid-template-columns:1fr}.QRLivePreview-module__kn_oCq__previewHeader{align-items:start}.QRLivePreview-module__kn_oCq__previewVisual{min-height:220px}.QRLivePreview-module__kn_oCq__previewCanvas{width:min(100%,250px)}}
.QRStylePanel-module__-nnu9q__container{background:#fff;border:1px solid #0f172a1a;border-radius:22px;gap:0;padding:clamp(18px,2.6vw,24px);display:grid;box-shadow:0 16px 30px #0f172a14}.QRStylePanel-module__-nnu9q__panelTitle{color:var(--clutch-navy);font-family:var(--font-exo2), Arial, sans-serif;letter-spacing:-.01em;margin:0 0 6px;font-size:1.18rem;font-weight:800}.QRStylePanel-module__-nnu9q__section{gap:12px;padding:14px 0;display:grid}.QRStylePanel-module__-nnu9q__section:first-child{padding-top:0}.QRStylePanel-module__-nnu9q__divider{background:var(--clutch-border);height:1px;margin:0}.QRStylePanel-module__-nnu9q__heading{color:var(--clutch-navy);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.QRStylePanel-module__-nnu9q__themeGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.QRStylePanel-module__-nnu9q__themeCard{cursor:pointer;color:var(--clutch-navy);background:#fff;border:1px solid #0f172a1a;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.QRStylePanel-module__-nnu9q__themeCard:hover{border-color:var(--clutch-orange);transform:translateY(-1px)}.QRStylePanel-module__-nnu9q__themeCard.QRStylePanel-module__-nnu9q__active{border-color:var(--clutch-orange-strong,#ff6b2c);background:#fff6ee;box-shadow:0 8px 18px #ff6b2c26}.QRStylePanel-module__-nnu9q__themeSwatch{border-radius:50%;width:48px;height:48px;box-shadow:0 2px 8px #0000001f}.QRStylePanel-module__-nnu9q__themeLabel{text-align:center;font-size:.8rem}.QRStylePanel-module__-nnu9q__colorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.QRStylePanel-module__-nnu9q__colorPicker{cursor:pointer;background:#fafcff;border:1px solid #0f172a14;border-radius:14px;justify-items:center;gap:8px;padding:10px;display:grid}.QRStylePanel-module__-nnu9q__colorLabel{color:var(--clutch-navy);letter-spacing:.07em;text-transform:uppercase;text-align:center;width:100%;font-size:.72rem;font-weight:900}.QRStylePanel-module__-nnu9q__inlineColorPicker{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;display:grid}.QRStylePanel-module__-nnu9q__inlineColorTrigger{justify-content:flex-start;width:100%;min-width:0}.QRStylePanel-module__-nnu9q__inlineColorValue{min-width:116px}.QRStylePanel-module__-nnu9q__input[type=color]{border:2px solid var(--clutch-border);cursor:pointer;appearance:none;background:0 0;border-radius:50%;width:60px;height:60px;padding:0;transition:all .2s;overflow:hidden}.QRStylePanel-module__-nnu9q__input[type=color]::-webkit-color-swatch-wrapper{border-radius:50%;padding:0}.QRStylePanel-module__-nnu9q__input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.QRStylePanel-module__-nnu9q__input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.QRStylePanel-module__-nnu9q__input[type=color]:hover{border-color:var(--clutch-orange);box-shadow:0 4px 12px #ffa66529}.QRStylePanel-module__-nnu9q__colorValue{color:var(--clutch-muted);text-transform:uppercase;text-align:center;font-family:monospace;font-size:.7rem;font-weight:600}.QRStylePanel-module__-nnu9q__selectLabel{color:var(--clutch-navy);letter-spacing:.06em;text-transform:uppercase;gap:8px;font-size:.8rem;font-weight:800;display:grid}.QRStylePanel-module__-nnu9q__patternGroup{background:#fafcff;border:1px solid #0f172a14;border-radius:14px;gap:10px;padding:10px;display:grid}.QRStylePanel-module__-nnu9q__optionGroup{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px;display:grid}.QRStylePanel-module__-nnu9q__optionButton{color:var(--clutch-navy);cursor:pointer;background:#fff;border:1px solid #0f172a24;border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .2s}.QRStylePanel-module__-nnu9q__optionButton:hover,.QRStylePanel-module__-nnu9q__optionButton:focus{border-color:var(--clutch-orange);outline:none;box-shadow:0 4px 12px #ffa66524}.QRStylePanel-module__-nnu9q__optionButton.QRStylePanel-module__-nnu9q__active{border-color:var(--clutch-orange-strong,#ff6b2c);background:#fff6ee;box-shadow:0 8px 18px #ff6b2c26}.QRStylePanel-module__-nnu9q__sizeGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.QRStylePanel-module__-nnu9q__sizeCard{cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.QRStylePanel-module__-nnu9q__sizeCard:hover{border-color:var(--clutch-orange);transform:translateY(-1px)}.QRStylePanel-module__-nnu9q__sizeCard.QRStylePanel-module__-nnu9q__active{border-color:var(--clutch-orange-strong,#ff6b2c);background:#fff6ee;box-shadow:0 8px 18px #ff6b2c26}.QRStylePanel-module__-nnu9q__sizeLabel{color:var(--clutch-navy);font-size:.85rem;font-weight:700}.QRStylePanel-module__-nnu9q__sizeValue{color:var(--clutch-muted);font-size:.75rem;font-weight:600}.QRStylePanel-module__-nnu9q__uploadBox{cursor:pointer;text-align:center;background:linear-gradient(#fffaf6,#fff);border:1px dashed #ffa6659e;border-radius:16px;gap:10px;padding:18px;transition:all .2s;display:grid}.QRStylePanel-module__-nnu9q__uploadBox:hover{background:var(--clutch-orange-soft);border-color:var(--clutch-orange)}.QRStylePanel-module__-nnu9q__uploadLabel{color:var(--clutch-navy);font-size:.9rem;font-weight:700;display:block}.QRStylePanel-module__-nnu9q__fileInput{display:none}.QRStylePanel-module__-nnu9q__uploadHint{color:var(--clutch-muted);font-size:.75rem;font-weight:500;display:block}@media (max-width:1200px){.QRStylePanel-module__-nnu9q__container{padding:16px}.QRStylePanel-module__-nnu9q__section{padding:14px 0}}@media (max-width:768px){.QRStylePanel-module__-nnu9q__colorGrid{grid-template-columns:1fr}.QRStylePanel-module__-nnu9q__inlineColorValue{min-width:110px}.QRStylePanel-module__-nnu9q__sizeGrid{grid-template-columns:1fr}.QRStylePanel-module__-nnu9q__themeGrid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.QRStylePanel-module__-nnu9q__inlineColorPicker{grid-template-columns:1fr}.QRStylePanel-module__-nnu9q__inlineColorValue{width:100%;min-width:0}}