:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #2563eb;--blue-dark: #1d4ed8;--green: #0f766e;--ink: #111827;--muted: #64748b;--line: #e5e7eb;--surface: #ffffff;--soft: #f1f5f9;--danger: #b91c1c;--radius: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.ad-sidebar{position:fixed;top:50%;z-index:10;display:none;transform:translateY(-50%);pointer-events:none}.ad-sidebar-left{left:16px}.ad-sidebar-right{right:16px}.ad-slot{display:grid;width:160px;height:600px;place-items:center;color:#64748b73;font-size:.75rem;letter-spacing:.04em;background:#f8fafc59;border:1px solid rgba(226,232,240,.45);border-radius:8px}@media(min-width:1024px){.ad-sidebar{display:block}}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:12px clamp(18px,4vw,56px);background:#ffffffeb;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.2rem;font-weight:800;text-decoration:none}.brand-mark{display:inline-grid;width:40px;height:40px;place-items:center;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 1px 6px #0f172a1f}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.header-nav-stack{display:grid;gap:7px;min-width:0;justify-items:center}.site-header nav{display:flex;gap:18px;color:#475569;font-size:.95rem}.site-header nav a,.footer nav a{text-decoration:none}.site-header nav a:hover,.footer nav a:hover{color:var(--blue)}.language-nav{flex-wrap:wrap;justify-content:center;gap:14px;color:#64748b;font-size:.9rem;line-height:1.2}.language-nav a{padding:0;border:0;background:transparent;border-radius:0}.language-nav a.active{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:14px;font-weight:800;text-decoration:none;transition:transform .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#fff;background:var(--blue)}.button.primary:hover:not(:disabled){background:var(--blue-dark)}.button.secondary{color:var(--ink);background:#fff;border-color:var(--line)}.button.ghost{color:var(--ink);background:transparent;border-color:var(--line)}.button.small{min-height:38px;padding:0 14px;font-size:.9rem}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(24px,5vw,60px);align-items:center;max-width:1180px;margin:0 auto;padding:clamp(34px,5vw,58px) 24px 18px}.eyebrow{margin:0 0 10px;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero h1{max-width:780px;margin:0;font-size:clamp(2.25rem,5vw,4rem);line-height:1.02;letter-spacing:0}.hero-subtitle{max-width:620px;margin:16px 0;color:#475569;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.trust-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:22px 0 0;list-style:none}.trust-list li{display:inline-flex;align-items:center;gap:7px;color:#334155;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px}.hero-visual{display:grid;gap:18px;justify-items:center;padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 70px #0f172a17}.sample-qr{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;width:min(280px,70vw);aspect-ratio:1}.sample-qr span{border-radius:7px;background:#e2e8f0}.sample-qr span.on{background:var(--ink)}.generator-wrap{max-width:1220px;margin:30px auto;padding:0 24px}.generator-shell{display:grid;grid-template-columns:minmax(0,740px) minmax(360px,440px);align-items:start;gap:24px;margin-top:16px;overflow:visible}.generator-left{display:grid;gap:18px}.generator-right{position:sticky;top:90px}.main-generator-card{display:grid;gap:22px}.main-generator-card>.panel,.preview-card .download-panel{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.qr-type-bar{position:relative;display:grid;gap:12px}.qr-type-bar .type-grid{display:flex;flex-wrap:wrap;gap:7px;overflow-x:visible;padding:2px 2px 4px;scrollbar-width:none}.qr-type-bar .type-card{position:relative;flex:1 1 94px;min-width:86px;min-height:46px;padding:8px 10px;text-align:center;background:#fff;border-radius:999px;box-shadow:0 8px 20px #0f172a0d}.qr-type-bar .type-card strong{display:block;font-size:.9rem;line-height:1.12}.qr-type-bar .type-card span{display:none}.qr-type-bar .type-card.active{color:#fff;background:#111827;border-color:#111827}.qr-type-bar .more-type-card{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:96px}.more-type-drawer{padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px #0f172a14}.main-generator-card .section-heading h2,.preview-card .section-heading h2{margin-bottom:10px;font-size:clamp(1.25rem,2vw,1.6rem)}.primary-action-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;background:#f8fafc;border:1px solid var(--line);border-radius:16px}.primary-action-row span{color:#64748b;font-weight:700;line-height:1.45}.customization-accordion{display:grid;gap:10px}.accordion-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.accordion-panel.open{border-color:#bfdbfe;box-shadow:0 10px 28px #0f172a0f}.accordion-trigger{display:flex;width:100%;min-height:68px;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;color:#111827;text-align:left;background:#fff;border:0}.accordion-trigger:hover{background:#f8fafc}.accordion-trigger strong{display:block;font-size:1.02rem}.accordion-trigger small{display:block;margin-top:3px;color:#64748b;font-size:.88rem;line-height:1.35}.accordion-trigger>span:last-child{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:#2563eb;background:#eff6ff;border-radius:50%;font-size:1.25rem;font-weight:900}.accordion-body{padding:0 16px 18px;border-top:1px solid var(--line)}.accordion-content-panel{display:grid;gap:14px;padding-top:16px}.panel,.preview-card,.ad-placeholder,.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 34px #0f172a0e}.panel,.preview-card{padding:clamp(18px,3vw,28px)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-heading h2,.footer h2,.policy-card h1{margin:0 0 16px;font-size:clamp(1.45rem,2.4vw,2rem);letter-spacing:0}.section-heading.center{text-align:center}.type-grid,.sticker-grid,.preset-grid,.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.sticker-gallery{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px}.type-card,.chip,.sticker,.preset{min-height:74px;padding:14px;text-align:left;color:var(--ink);background:#f8fafc;border:1px solid var(--line);border-radius:16px}.type-card span,.sticker small,.preset small{display:block;margin-top:5px;color:var(--muted)}.type-card.active,.chip.active,.sticker.active,.preset:hover{border-color:var(--blue);background:#eff6ff}.chip{min-height:40px;border-radius:999px;text-align:center}.more-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset-types{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.qr-preset-chip{display:inline-flex;align-items:center;gap:7px}.chip-swatch{width:12px;height:12px;border:1px solid rgba(15,23,42,.18);border-radius:999px}.link-button{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:0;color:var(--blue);background:transparent;border:0;font-weight:800}.field-stack,.control-grid{display:grid;gap:14px}.two-grid,.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-label{display:grid;gap:7px;color:#334155;font-size:.92rem;font-weight:800}.range-label.wide-range{grid-column:1 / -1}.range-label.wide-range input[type=range]{width:100%}.range-label small{color:var(--muted);font-weight:650;line-height:1.35}input,textarea,select{width:100%;min-height:50px;padding:13px 14px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:12px;font-size:1rem}textarea{resize:vertical}input[type=color]{padding:4px;min-height:48px}input[type=range]{padding:0}.check-row{display:flex;align-items:center;gap:10px;color:#334155;font-weight:700}.check-row input{width:18px;min-height:18px}.inline-check{align-self:end;min-height:46px}.error-text{color:var(--danger);font-weight:800;margin:0}.generate{width:fit-content;min-width:190px}.preview-generate{width:100%;margin:4px 0 2px}.preview-download-main{width:100%;margin:10px 0 2px;min-height:54px;border:0;border-radius:16px;background:#16a34a;color:#fff;font-size:1rem;font-weight:900;box-shadow:0 14px 28px #16a34a33}.preview-download-main:hover{background:#15803d}.upload-box{position:relative;display:grid;gap:6px;padding:18px;border:1px dashed #94a3b8;border-radius:16px;background:#f8fafc;cursor:pointer}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.privacy-note,.test-note{color:var(--muted);line-height:1.55}.frame-customization{margin:14px 0 16px}.advanced-frame-settings-control{display:grid;gap:8px;margin:12px 0 14px;padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:16px}.advanced-frame-settings-control .section-helper{margin:0}.frame-customization>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:#f8fafc;color:var(--ink);cursor:pointer;font-size:1.04rem;font-weight:900;line-height:1.2;list-style:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.frame-customization>summary::-webkit-details-marker{display:none}.frame-customization>summary:after{content:"+";display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:999px;background:#eaf1ff;color:var(--brand);font-size:1.15rem;font-weight:900}.frame-customization[open]>summary:after{content:"-"}.frame-customization>summary:hover{border-color:#bcd0ff;background:#f3f7ff;box-shadow:0 10px 24px #2563eb14}.frame-customization>summary:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:3px}.frame-customization>summary small{display:block;margin-top:4px;color:var(--muted);font-size:.88rem;font-weight:700}.frame-customization>.privacy-note{margin:12px 0 14px;font-size:1.1em}.frame-subsection>summary{min-height:48px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:#fff;cursor:pointer;font-weight:850;list-style-position:inside}.frame-subsection{margin:10px 0}.frame-subsection[open]>summary{border-color:#c7d8ff;background:#f8fbff}.warning-note{margin:12px 0 0;color:#92400e;line-height:1.55;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:12px}.logo-toggle{width:fit-content;padding:10px 12px;background:#f8fafc;border:1px solid var(--line);border-radius:14px}.clear-preset{margin:0}.preset-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}.toggle-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:14px 0}.style-toggle-row{margin:16px 0 8px}.style-upload-box{margin:8px 0 6px}.style-privacy-note{margin:0 0 10px}.switch-control{display:inline-flex;align-items:center;gap:10px;width:fit-content;min-height:44px;padding:8px 12px;color:#334155;background:#f8fafc;border:1px solid var(--line);border-radius:999px;font-weight:800;cursor:pointer;user-select:none}.switch-control.compact{min-height:38px;padding:6px 10px}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:48px;height:26px;flex:0 0 auto;background:#cbd5e1;border-radius:999px;box-shadow:inset 0 1px 3px #0f172a2e;transition:background .22s ease,box-shadow .22s ease}.switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0f172a47;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.switch-control input:checked+.switch-track{background:var(--blue);box-shadow:inset 0 1px 3px #0f172a2e,0 0 0 4px #2563eb1f}.switch-control input:checked+.switch-track .switch-thumb{transform:translate(22px)}.switch-control:focus-within{outline:3px solid #93c5fd;outline-offset:3px}.switch-label{white-space:nowrap}.reset-customize{min-height:44px;margin-left:auto;padding:8px 16px;border-color:#cbd5e1;background:#f8fafc;color:#334155;white-space:nowrap}.reset-customize:hover{border-color:#94a3b8;background:#eef2f7}.heading-reset{margin-top:22px}.qr-style-section{display:grid;gap:10px;margin:16px 0}.qr-style-section h3{margin:0;color:#1f2937;font-size:1rem}.qr-style-section h3 span{font-weight:500}.section-helper{margin:-4px 0 4px;color:var(--muted);font-size:.86rem;line-height:1.45}.simple-disclosure{border-top:1px solid var(--line);padding-top:14px}.simple-disclosure+.simple-disclosure{margin-top:14px}.simple-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:12px 14px;color:#1f2937;background:#f8fafc;border:1px solid var(--line);border-radius:14px;cursor:pointer;list-style:none}.simple-disclosure summary::-webkit-details-marker{display:none}.simple-disclosure summary:after{flex:0 0 auto;color:#64748b;content:"+";font-size:1.35rem;font-weight:900}.simple-disclosure[open] summary:after{content:"-"}.simple-disclosure summary span{display:block;font-weight:900}.simple-disclosure summary small{display:block;max-width:520px;color:var(--muted);font-size:.86rem;line-height:1.35}.disclosure-content{display:grid;gap:14px;padding-top:16px}.qr-style-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.style-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:10px}.style-option-grid.compact{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.style-option{display:grid;gap:7px;justify-items:center;min-height:92px;padding:8px;color:#334155;background:#fff;border:1px solid #d8dee8;border-radius:8px;font-size:.72rem;font-weight:800}.style-option.active{border-color:#a855f7;box-shadow:0 0 0 2px #a855f724}.style-option.disabled{cursor:not-allowed;opacity:.56}.style-option small{color:#64748b;font-size:.62rem;font-weight:800}.pattern-thumb{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:48px;height:48px;padding:5px;background:#f8fafc;border-radius:5px}.pattern-thumb i{background:transparent;border-radius:1px}.pattern-thumb i.on{background:#111}.pattern-dots i.on,.pattern-micro i.on,.pattern-bubble i.on{border-radius:999px}.pattern-round i.on,.pattern-soft i.on,.pattern-soft-blocks i.on,.pattern-modern i.on{border-radius:4px}.pattern-micro{gap:3px;padding:7px}.pattern-dense{gap:1px;padding:4px}.pattern-mixed i:nth-child(3n).on,.pattern-pixel i:nth-child(4n).on{border-radius:999px;transform:scale(.72)}.pattern-mixed-round i:nth-child(2n).on{border-radius:999px 3px}.pattern-bars-v i.on{border-radius:999px;transform:scaleX(.45) scaleY(1.18)}.pattern-bars-h i.on{border-radius:999px;transform:scaleX(1.18) scaleY(.45)}.pattern-confetti i:nth-child(2n).on{border-radius:999px;transform:scale(.62)}.pattern-confetti i:nth-child(3n).on{border-radius:2px;transform:rotate(18deg) scale(.82)}.pattern-mosaic i.on{border-radius:0 5px}.pattern-rounded-pixel i.on{border-radius:6px}.pattern-tiny-square{gap:3px;padding:8px}.pattern-ring i.on{border-radius:999px;box-shadow:inset 0 0 0 2px #111;background:transparent}.pattern-staggered i:nth-child(odd).on{transform:translateY(2px);border-radius:4px 1px}.eye-thumb{position:relative;display:grid;width:48px;height:48px;place-items:center;background:#f8fafc;border:7px solid #111111}.eye-thumb i{display:block;width:16px;height:16px;background:#111}.external-preview i{background:#d9dee5}.internal-preview{border-color:#d9dee5}.internal-preview i{background:#111}.external-preview.outer-eye-none,.internal-preview.inner-ball-none{border-color:transparent;background:linear-gradient(45deg,transparent 47%,#777 48%,#777 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#777 48%,#777 52%,transparent 53%),#fff}.external-preview.outer-eye-none i,.internal-preview.inner-ball-none i{display:none}.outer-eye-dot{border-radius:50%}.outer-eye-ring{border-color:transparent;border-radius:50%;background:radial-gradient(circle at center,#f8fafc 39%,transparent 40%),repeating-conic-gradient(#111111 0 8deg,transparent 8deg 15deg)}.outer-eye-ring i{background:#d9dee5}.outer-eye-badge{border-color:transparent;clip-path:polygon(50% 0,61% 10%,75% 7%,83% 19%,96% 25%,93% 39%,100% 50%,90% 61%,93% 75%,81% 83%,75% 96%,61% 93%,50% 100%,39% 90%,25% 93%,17% 81%,4% 75%,7% 61%,0 50%,10% 39%,7% 25%,19% 17%,25% 4%,39% 7%);background:#111}.outer-eye-badge i{background:#d9dee5}.outer-eye-rounded{border-radius:9px}.outer-eye-card{border-radius:5px}.outer-eye-pill{height:36px;border-radius:999px}.outer-eye-square,.outer-eye-frame{border-radius:2px}.outer-eye-soft{border-radius:9px 16px}.outer-eye-cut{clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%)}.outer-eye-leaf{border-radius:18px 4px}.outer-eye-rough{border-style:dotted;border-width:8px;border-radius:3px}.inner-ball-dot i{width:13px;height:13px;border-radius:50%}.inner-ball-round i{width:18px;height:18px;border-radius:50%}.inner-ball-gem i{clip-path:polygon(50% 0,88% 22%,78% 78%,50% 100%,22% 78%,12% 22%)}.inner-ball-flower i{width:9px;height:9px;border-radius:50%;box-shadow:0 -7px #111,7px 0 #111,0 7px #111,-7px 0 #111}.inner-ball-square i,.inner-ball-tile i,.inner-ball-clean i,.inner-ball-pixel i{border-radius:2px}.inner-ball-tile i{width:7px;height:7px;box-shadow:10px 0 #111,0 10px #111,10px 10px #111}.inner-ball-offset i{width:13px;height:13px;transform:translate(5px,5px)}.inner-ball-diamond i{transform:rotate(45deg) scale(.82)}.inner-ball-star i{clip-path:polygon(50% 0,61% 34%,98% 34%,68% 55%,80% 92%,50% 70%,20% 92%,32% 55%,2% 34%,39% 34%)}.inner-ball-offset i{transform:translate(4px,4px)}.inner-ball-soft-square i{border-radius:6px}.inner-ball-pixel i{box-shadow:-9px -9px 0 -4px #111,9px 9px 0 -4px #111}.scannability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:14px}.scan-card{display:grid;gap:8px;justify-items:start;min-height:202px;padding:14px;color:#1f2937;text-align:left;background:#fff;border:1px solid #d8dee8;border-radius:7px}.scan-card.active{border-color:#a855f7;box-shadow:0 0 0 2px #a855f71f}.scan-card strong{font-size:.95rem}.scan-card span{color:var(--muted);font-size:.78rem;line-height:1.45}.mini-qr{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;width:96px;height:96px;padding:8px;background:#fff}.mini-qr i{background:transparent}.mini-qr i.on{background:#111}.mini-qr-H{gap:1px;padding:6px}.mini-qr-Q{gap:2px;padding:7px}.mini-qr-M{gap:3px;padding:8px}.mini-qr-L{gap:4px;padding:10px}.preset{display:grid;gap:2px}.preset span{width:28px;height:28px;border-radius:50%}.compact .preset{min-height:62px}.category-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.category-row span{padding:7px 10px;color:#475569;background:var(--soft);border-radius:999px;font-size:.86rem}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.cta-override{margin:14px 0}.template-card{display:grid;gap:6px;justify-items:center;min-height:126px;padding:8px;text-align:center}.template-thumb{position:relative;display:grid;width:68px;height:68px;place-items:center;overflow:hidden;border:2px solid #d1d5db;border-radius:5px;box-shadow:inset 0 0 0 3px #fff}.template-card strong{max-width:86px;overflow:hidden;font-size:.76rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.template-card small{max-width:86px;overflow:hidden;font-size:.62rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.template-thumb .thumb-label{position:absolute;left:10px;width:48px;height:10px;border-radius:2px;z-index:2}.template-thumb .thumb-label.bottom{bottom:5px}.template-thumb .thumb-label.top{top:5px}.template-thumb .thumb-label:after{content:"SCAN ME";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:4px;font-style:normal;font-weight:900}.template-thumb b,.thumb-symbol{position:relative;display:grid;width:22px;height:22px;place-items:center;color:currentColor;background:#fff;border-radius:5px;font-size:.58rem}.thumb-symbol{position:absolute;top:4px;right:5px;z-index:2;width:14px;height:14px;color:#fff;background:currentColor;font-size:.42rem}.no-frame-thumb{color:#c7cbd1;background:#fff;border-color:#22c55e;border-width:2px}.no-frame-thumb b{color:#c7cbd1;font-size:1.4rem;background:transparent}.thumb-qr{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;width:34px;height:34px;padding:3px;background:#fff;border:1px solid #d1d5db}.thumb-qr span{background:#e5e7eb}.thumb-qr span.on{background:#111}.tc{position:absolute;width:15px;height:15px;border-color:currentColor;border-style:solid;border-width:0;text-decoration:none}.tc.tl{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.tc.tr{top:12px;right:12px;border-top-width:2px;border-right-width:2px}.tc.bl{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}.tc.br{right:12px;bottom:12px;border-right-width:2px;border-bottom-width:2px}.thumb-pin{position:absolute;top:3px;left:50%;z-index:2;width:16px;height:4px;background:currentColor;border-radius:999px;transform:translate(-50%)}.thumb-ticket{border-style:dashed}.thumb-product-tag{border-radius:5px 14px 14px 5px}.thumb-speech-bubble:after{content:"";position:absolute;right:12px;bottom:8px;width:10px;height:10px;background:inherit;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.thumb-wifi-card:before,.thumb-restaurant:before,.thumb-video-watch:before,.thumb-app-download:before,.thumb-music:before{position:absolute;top:4px;left:7px;z-index:2;font-size:9px;font-weight:900}.thumb-wifi-card:before{content:"WiFi"}.thumb-restaurant:before{content:"MENU";font-size:7px}.thumb-video-watch:before{content:"PLAY";font-size:7px}.thumb-app-download:before{content:"APP";font-size:7px}.thumb-music:before{content:"M"}.preview-card{display:grid;gap:16px}.qr-stage{position:relative;display:grid;place-items:center;min-height:360px;padding:18px;overflow:visible;background:#f8fafc;border:1px solid var(--line);border-radius:20px}.qr-composition{display:inline-grid;width:fit-content;max-width:100%;place-items:center;overflow:visible;padding:10px;box-sizing:border-box}.qr-composition.export-mode{max-width:none}.qr-frame,.raw-qr-wrap{width:min(100%,330px);aspect-ratio:1}.sticker-renderer{--frame-bg: #ffffff;--frame-fg: #111111;--frame-accent: #111111;--label-bg: #111111;--label-text: #ffffff;position:relative;display:grid;gap:14px;width:min(100%,382px);min-height:458px;place-items:center;padding:24px 24px 28px;overflow:hidden;color:var(--frame-fg);background:var(--frame-bg);border:2px solid color-mix(in srgb,var(--frame-accent),transparent 35%);border-radius:30px;box-shadow:0 16px 34px #0f172a14}.qr-safe-area{position:relative;display:grid;width:min(100%,330px);place-items:center;padding:18px;background:#fff;border-radius:22px}.sticker-renderer .qr-frame{width:100%;max-width:294px}.sticker-label{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:min(82%,290px);min-height:54px;padding:12px 20px;color:var(--label-text);text-align:center;text-transform:uppercase;background:var(--label-bg);border-radius:16px;box-shadow:0 10px 24px #0f172a1f;font-weight:950}.sticker-icon{display:inline-grid;min-width:30px;height:30px;place-items:center;color:var(--label-bg);background:var(--label-text);border-radius:999px;font-size:.78rem}.corner{position:absolute;width:44px;height:44px;border-color:var(--frame-accent);border-style:solid;border-width:0}.corner-tl{top:2px;left:2px;border-top-width:6px;border-left-width:6px;border-radius:14px 0 0}.corner-tr{top:2px;right:2px;border-top-width:6px;border-right-width:6px;border-radius:0 14px 0 0}.corner-bl{bottom:2px;left:2px;border-bottom-width:6px;border-left-width:6px;border-radius:0 0 0 14px}.corner-br{right:2px;bottom:2px;border-right-width:6px;border-bottom-width:6px;border-radius:0 0 14px}.frame-decor{position:absolute;background:color-mix(in srgb,var(--frame-accent),transparent 78%);border-radius:999px;pointer-events:none}.decor-a{top:18px;right:-24px;width:74px;height:74px}.decor-b{bottom:26px;left:-14px;width:42px;height:42px}.style-minimal-corners,.style-corner-bold-label{background:#fff;border-color:transparent;box-shadow:none}.style-bold-bottom-label .sticker-label{min-width:86%;border-radius:12px}.style-pill-label .sticker-label,.style-social-follow .sticker-label{border-radius:999px}.style-speech-bubble .sticker-label:after{position:absolute;bottom:-13px;left:50%;width:24px;height:24px;content:"";background:var(--label-bg);transform:translate(-50%) rotate(45deg)}.style-ticket,.style-coupon{border-width:3px;border-style:dashed}.style-discount-badge:before{position:absolute;top:22px;right:24px;display:grid;width:58px;height:58px;place-items:center;color:var(--label-text);content:"%";background:var(--frame-accent);border-radius:50%;font-size:1.4rem;font-weight:950}.style-poster{border-width:7px}.style-product-tag{border-radius:18px 34px 34px 18px}.style-product-tag:before{position:absolute;top:30px;left:22px;width:12px;height:12px;content:"";background:var(--frame-accent);border-radius:50%}.frame-selector-panel{display:grid;gap:14px}.frame-category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px;padding-bottom:4px}.frame-category-tabs .chip{flex:0 0 auto}.frame-text-controls{display:grid;gap:10px}.frame-switch-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.frame-color-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.frame-text-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.text-style-handoff{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45;background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.field-label.compact{gap:5px;font-size:.82rem}.frame-text-controls textarea{min-height:86px;resize:vertical;line-height:1.35}.character-counter{justify-self:end;margin-top:-8px;color:#64748b;font-size:.82rem;font-weight:800}.input-warning{margin:-2px 0 0;color:#b45309;font-size:.86rem}.frame-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}.frame-template-card{display:grid;gap:7px;min-height:148px;padding:8px;color:var(--ink);background:#f8fafc;border:1px solid var(--line);border-radius:8px;text-align:center}.frame-template-card:hover{border-color:#94a3b8;background:#fff}.frame-template-card.active{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a2e;background:#f0fdf4}.frame-template-card strong{align-self:end;font-size:.78rem;line-height:1.15}.frame-template-card small{color:var(--muted);font-size:.7rem}.frame-thumbnail{display:grid;width:86px;height:86px;margin:0 auto;place-items:center;overflow:hidden;background:#fff;border:1px solid #dbe3ed;border-radius:6px}.frame-thumbnail .qr-frame-renderer{width:78px;min-height:72px;max-height:72px;gap:3px;padding:4px;border-width:1px;border-radius:6px}.frame-thumbnail .frame-label{min-height:10px;padding:2px 6px;font-size:5px;gap:2px}.frame-thumbnail .frame-top-icon,.frame-thumbnail .frame-hero-icon{width:12px;height:12px;margin-bottom:2px}.frame-thumbnail .frame-top-icon .frame-icon,.frame-thumbnail .frame-hero-icon .frame-icon{width:9px;height:9px}.frame-thumbnail .frame-qr-shell{width:44px;padding:3px;border-radius:5px}.frame-thumbnail .frame-body.has-side-label{gap:2px}.frame-thumbnail .frame-body.has-side-label .frame-qr-shell{width:36px}.frame-thumbnail .frame-main-stack{width:44px;gap:2px}.frame-thumbnail .frame-main-stack .frame-qr-shell{width:100%}.frame-thumbnail .frame-label.vertical-label{min-width:9px;max-width:10px;min-height:44px;padding:4px 2px;font-size:4px}.frame-thumbnail .frame-label.upright-label{min-width:10px;min-height:46px;gap:1px;padding:3px 1px}.frame-thumbnail .frame-label.upright-label span{gap:0}.frame-thumbnail .frame-corner{width:9px;height:9px}.frame-thumbnail .corner-tl,.frame-thumbnail .corner-tr,.frame-thumbnail .corner-bl,.frame-thumbnail .corner-br{border-width:0}.frame-thumbnail .corner-tl{border-top-width:2px;border-left-width:2px}.frame-thumbnail .corner-tr{border-top-width:2px;border-right-width:2px}.frame-thumbnail .corner-bl{border-bottom-width:2px;border-left-width:2px}.frame-thumbnail .corner-br{border-right-width:2px;border-bottom-width:2px}.frame-thumbnail .frame-layout-phone-card{padding-top:10px;border-width:2px;border-radius:12px}.frame-thumbnail .phone-notch{top:5px;width:18px;height:2px}.frame-thumbnail .phone-home{bottom:4px;width:12px;height:2px}.frame-thumbnail .tag-hole,.frame-thumbnail .ticket-cut,.frame-thumbnail .coupon-dots{display:none}.frame-thumbnail .coupon-strip{width:6px}.frame-thumbnail .frame-layout-circle-badge{padding:10px 8px}.frame-thumbnail .frame-layout-star{padding:13px 9px}.frame-thumbnail .frame-layout-triangle{padding-top:20px}.thumb-real-qr{display:grid;width:38px;height:38px;grid-template-columns:repeat(7,1fr);gap:1px;padding:2px;background:#fff}.thumb-real-qr i.on{background:#111}.no-frame-thumb{background:#fff}.no-frame-circle{position:relative;width:34px;height:34px;border:2px solid #cbd5e1;border-radius:50%}.no-frame-circle:after{content:"";position:absolute;top:15px;left:-3px;width:38px;height:2px;background:#cbd5e1;transform:rotate(-45deg)}.qr-frame-renderer{--frame-bg: #ffffff;--frame-qr-bg: #ffffff;--frame-fg: #111111;--frame-accent: #111111;--frame-label-bg: #111111;--frame-label-text: #ffffff;--frame-border: #111111;--frame-muted: #6b7280;--frame-font-family: Inter, Arial, sans-serif;--frame-font-style: normal;--frame-text-decoration: none;--qr-safe-padding: 16px;--qr-safe-radius: 18px;--qr-safe-opacity: 1;--corner-color: var(--frame-accent);--corner-thickness: 5px;--corner-radius: 8px;--corner-length: 36px;--top-icon-size: 48px;--top-icon-padding: 10px;--top-icon-bg: #ffffff;--top-icon-radius: 16px;--top-icon-opacity: 1;--top-icon-offset-x: 0px;--top-icon-offset-y: 0px;--text-icon-size: 21px;--text-icon-padding: 0px;--text-icon-bg: transparent;--text-icon-radius: 999px;--text-icon-opacity: 1;--text-icon-offset-x: 0px;--text-icon-offset-y: 0px;--frame-text-align: center;position:relative;display:grid;width:min(100%,420px);max-width:100%;box-sizing:border-box;min-height:500px;margin:0 auto;gap:16px;align-content:center;justify-items:center;padding:34px 30px;overflow:visible;color:var(--frame-fg);background:var(--frame-bg);border:2px solid var(--frame-border);border-radius:28px}.frame-bg-layer,.frame-bg-image-layer,.frame-bg-overlay{position:absolute;inset:0;pointer-events:none}.frame-bg-layer{z-index:0}.frame-bg-image-layer{z-index:0;background-image:var(--frame-bg-image);background-position:var(--frame-bg-image-position);background-repeat:var(--frame-bg-image-repeat);background-size:var(--frame-bg-image-size);filter:blur(var(--frame-bg-image-blur));opacity:var(--frame-bg-image-opacity);transform:scale(1.02)}.frame-bg-overlay{z-index:1;background:var(--frame-overlay-color);opacity:var(--frame-overlay-opacity)}.raw-qr-wrap{display:grid;width:min(100%,360px);margin:0 auto;place-items:center}.frame-qr-shell{position:relative;z-index:2;display:grid;width:min(100%,292px);aspect-ratio:1;place-items:center;padding:var(--qr-safe-padding);background:var(--frame-qr-bg);border-radius:var(--qr-safe-radius);opacity:var(--qr-safe-opacity);box-shadow:0 1px #0f172a14}.qr-frame-renderer.no-qr-safe-area .frame-qr-shell{background:transparent;box-shadow:none}.frame-body{position:relative;z-index:2;display:grid;place-items:center}.frame-body.has-side-label{--side-qr-size: min(100%, 218px);grid-template-columns:auto var(--side-qr-size);gap:12px;width:100%;align-items:end;justify-content:center}.frame-body.side-right{grid-template-columns:var(--side-qr-size) auto}.frame-body.has-side-label .frame-qr-shell,.frame-body.has-side-label .frame-main-stack{width:var(--side-qr-size)}.frame-main-stack{display:grid;gap:14px;place-items:center;width:min(100%,292px)}.frame-main-stack .frame-qr-shell{width:100%}.qr-frame-renderer .qr-frame{width:100%;max-width:252px}.frame-body.has-side-label .qr-frame{max-width:190px}.frame-label{position:relative;z-index:3;display:inline-flex;min-height:48px;min-width:68%;max-width:92%;align-items:center;justify-content:center;gap:9px;padding:10px 22px;overflow:hidden;color:var(--frame-label-text);background:var(--frame-label-bg);border-radius:14px;font-family:var(--frame-font-family);font-style:var(--frame-font-style);font-weight:var(--frame-text-weight);text-decoration:var(--frame-text-decoration);line-height:1;text-align:center;text-align:var(--frame-text-align);letter-spacing:0}.frame-label.no-label-bg{background:transparent}.frame-label:not(.vertical-label)>span{display:grid;gap:2px;max-width:100%;max-height:100%;overflow:hidden}.frame-label .label-line{display:block;max-width:100%;overflow:hidden;line-height:1.08;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal}.frame-label.text-small{font-size:.88rem}.frame-label.text-medium{font-size:1.08rem}.frame-label.text-large{font-size:1.28rem}.frame-label.text-custom{font-size:var(--frame-custom-font-size)}.frame-label.label-density-compact.text-small{font-size:.76rem}.frame-label.label-density-compact.text-medium{font-size:.9rem}.frame-label.label-density-compact.text-large{font-size:1.02rem}.frame-label.label-density-tight.text-small{font-size:.64rem}.frame-label.label-density-tight.text-medium{font-size:.76rem}.frame-label.label-density-tight.text-large{font-size:.86rem}.frame-label.label-density-micro.text-small,.frame-label.label-density-micro.text-medium,.frame-label.label-density-micro.text-large{font-size:.58rem}.frame-label.label-density-tight .frame-icon,.frame-label.label-density-micro .frame-icon{display:none}.frame-label.weight-400{font-weight:400}.frame-label.weight-500{font-weight:500}.frame-label.weight-600{font-weight:600}.frame-label.weight-700{font-weight:700}.frame-label.weight-800{font-weight:800}.frame-label.weight-900{font-weight:900}.frame-label.shape-rounded{border-radius:14px}.frame-label.shape-square{width:148px;min-width:148px;max-width:148px;min-height:148px;aspect-ratio:1;border-radius:0}.frame-label.shape-pill{border-radius:999px}.frame-label.shape-rectangle{width:min(92%,340px);min-width:min(78%,300px);min-height:56px;border-radius:2px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--frame-label-text) 18%,transparent)}.frame-label.shape-circle{width:82px;min-width:82px;max-width:82px;min-height:82px;aspect-ratio:1;padding:13px;border-radius:50%}.frame-label.shape-circle .frame-icon{display:none}.frame-label.shape-circle.label-density-compact{width:98px;min-width:98px;max-width:98px;min-height:98px}.frame-label.shape-circle.label-density-tight{width:116px;min-width:116px;max-width:116px;min-height:116px}.frame-label.shape-circle.label-density-micro{width:136px;min-width:136px;max-width:136px;min-height:136px}.frame-label.shape-diamond{min-width:132px;min-height:132px;padding:28px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.frame-label.shape-square.label-density-tight,.frame-label.shape-square.label-density-micro,.frame-label.shape-circle.label-density-tight,.frame-label.shape-circle.label-density-micro,.frame-label.shape-diamond.label-density-tight,.frame-label.shape-diamond.label-density-micro{padding:18px}.frame-label.shape-ticket{border:2px dashed color-mix(in srgb,var(--frame-label-text) 76%,transparent);border-radius:12px}.frame-label.shape-ribbon{border-radius:0;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}.frame-label.shape-bubble{min-height:64px;padding:12px 26px 18px;border-radius:24px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--frame-label-text) 18%,transparent)}.frame-label.shape-bubble:after{content:"";position:absolute;bottom:-9px;left:50%;width:22px;height:22px;background:var(--frame-label-bg);border-right:2px solid color-mix(in srgb,var(--frame-label-text) 18%,transparent);border-bottom:2px solid color-mix(in srgb,var(--frame-label-text) 18%,transparent);transform:translate(-50%) rotate(45deg)}.frame-label.shape-tag{padding-left:30px;clip-path:polygon(13% 0,100% 0,100% 100%,13% 100%,0 50%)}.frame-label.vertical-label{display:flex;flex-direction:column;width:96px;min-width:96px;min-height:var(--side-qr-size, 252px);height:var(--side-qr-size, 252px);max-height:var(--side-qr-size, 252px);max-width:108px;padding:14px 10px;overflow:hidden;writing-mode:horizontal-tb;text-orientation:mixed}.frame-label.vertical-label.shape-square,.frame-label.vertical-label.shape-rectangle,.frame-label.vertical-label.shape-circle,.frame-label.vertical-label.shape-diamond{width:96px;min-width:96px;max-width:108px;aspect-ratio:auto}.frame-label.vertical-label.shape-circle{border-radius:999px}.frame-label.vertical-label.shape-diamond{padding:26px 12px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.frame-label.vertical-label .frame-icon{margin:0 0 8px;transform:none}.frame-body.side-left .vertical-label{writing-mode:horizontal-tb;transform:none}.frame-body.side-left .vertical-label .frame-icon{transform:none}.frame-label.vertical-label:not(.upright-label)>span{display:grid;gap:4px;width:100%;max-height:100%;overflow:hidden}.frame-label.vertical-label:not(.upright-label) .label-line{line-height:1.08;overflow-wrap:anywhere}.frame-label.upright-label{display:flex;flex-direction:column;min-width:62px;width:62px;min-height:var(--side-qr-size, 252px);height:var(--side-qr-size, 252px);max-height:var(--side-qr-size, 252px);max-width:72px;align-items:center;justify-content:center;gap:8px;overflow:hidden;writing-mode:horizontal-tb;text-orientation:mixed;transform:none}.frame-label.upright-label span{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1px;min-width:0;max-height:calc(var(--side-qr-size, 252px) - 58px);overflow:hidden;line-height:.92}.frame-label.upright-label .upright-line{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:.9em;max-height:calc(var(--side-qr-size, 252px) - 58px)}.frame-label.upright-label i{display:block;font-style:normal;line-height:.92}.frame-label.upright-label i.label-break{height:.55em;opacity:0}.frame-label.upright-label .frame-icon{order:2;flex:0 0 auto;margin:8px 0 0}.frame-body.side-left .upright-label{writing-mode:horizontal-tb;text-orientation:mixed;transform:none}.frame-body.side-left .upright-label span{display:flex;flex-direction:row}.frame-body.side-left .upright-label .frame-icon,.frame-body.side-right .upright-label .frame-icon{transform:rotate(90deg)}.frame-thumbnail .frame-label.vertical-label{width:12px;min-width:12px;max-width:14px;min-height:44px;height:44px;max-height:44px;padding:4px 2px;font-size:4px}.frame-thumbnail .frame-label.upright-label{width:11px;min-width:11px;max-width:12px;min-height:46px;height:46px;max-height:46px;gap:1px;padding:3px 1px}.frame-thumbnail .frame-label.upright-label span{gap:0;max-height:36px}.frame-thumbnail .frame-label.upright-label .upright-line{min-width:4px;max-height:35px}.frame-thumbnail .frame-label.upright-label .frame-icon{width:5px;height:5px;margin-top:2px}.frame-icon{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.frame-icon path,.frame-icon circle,.frame-icon rect{vector-effect:non-scaling-stroke}.frame-top-icon,.frame-hero-icon{position:relative;z-index:2;display:grid;width:48px;height:48px;place-items:center;color:var(--frame-accent);background:color-mix(in srgb,var(--frame-accent) 12%,white);border-radius:16px}.frame-top-icon{width:calc(var(--top-icon-size) + (var(--top-icon-padding) * 2));height:calc(var(--top-icon-size) + (var(--top-icon-padding) * 2));margin:0 auto;padding:var(--top-icon-padding);background:var(--top-icon-bg);border-radius:var(--top-icon-radius);opacity:var(--top-icon-opacity);transform:translate(var(--top-icon-offset-x),var(--top-icon-offset-y))}.qr-frame-renderer.top-icon-top-left .frame-main-stack{justify-items:start}.qr-frame-renderer.top-icon-top-right .frame-main-stack{justify-items:end}.frame-top-icon img,.text-icon-slot img{display:block;width:100%;height:100%;object-fit:contain}.frame-hero-icon{position:absolute;top:18px;right:18px;opacity:.9}.frame-top-icon .frame-icon{width:var(--top-icon-size);height:var(--top-icon-size)}.frame-hero-icon .frame-icon{width:28px;height:28px}.text-icon-slot{display:inline-grid;width:calc(var(--text-icon-size) + (var(--text-icon-padding) * 2));height:calc(var(--text-icon-size) + (var(--text-icon-padding) * 2));flex:0 0 auto;place-items:center;padding:var(--text-icon-padding);background:var(--text-icon-bg);border-radius:var(--text-icon-radius);opacity:var(--text-icon-opacity);transform:translate(var(--text-icon-offset-x),var(--text-icon-offset-y))}.text-icon-slot .frame-icon{width:var(--text-icon-size);height:var(--text-icon-size)}.frame-label.text-icon-above-text,.frame-label.text-icon-below-text{flex-direction:column}.frame-corner{position:absolute;width:var(--corner-length);height:var(--corner-length);border-color:var(--corner-color);border-style:solid;border-width:0;pointer-events:none}.corner-tl{top:4px;left:4px;border-top-width:var(--corner-thickness);border-left-width:var(--corner-thickness);border-radius:var(--corner-radius) 0 0 0}.corner-tr{top:4px;right:4px;border-top-width:var(--corner-thickness);border-right-width:var(--corner-thickness);border-radius:0 var(--corner-radius) 0 0}.corner-bl{bottom:4px;left:4px;border-bottom-width:var(--corner-thickness);border-left-width:var(--corner-thickness);border-radius:0 0 0 var(--corner-radius)}.corner-br{right:4px;bottom:4px;border-right-width:var(--corner-thickness);border-bottom-width:var(--corner-thickness);border-radius:0 0 var(--corner-radius) 0}.qr-frame-renderer.no-corners .frame-corner{display:none}.qr-frame-renderer.corners-minimal{--corner-thickness: 2px}.qr-frame-renderer.corners-dashed .frame-corner{border-style:dashed}.qr-frame-renderer.corners-aligned .frame-corner{inset:12px auto auto 12px}.qr-frame-renderer.corners-aligned .corner-tr{right:12px;left:auto}.qr-frame-renderer.corners-aligned .corner-bl{bottom:12px;top:auto}.qr-frame-renderer.corners-aligned .corner-br{inset:auto 12px 12px auto}.frame-layout-corner-brackets{border-color:transparent;box-shadow:inset 0 0 0 1px #0f172a14}.frame-layout-corner-brackets .frame-qr-shell{box-shadow:none}.frame-layout-rounded-card,.frame-layout-menu-card,.frame-layout-wifi-card,.frame-layout-social-card,.frame-layout-video-card,.frame-layout-business-card,.frame-layout-event-card,.frame-layout-poster{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--frame-border) 35%,transparent)}.frame-layout-phone-card{width:min(100%,360px);border-radius:44px;border-width:5px;padding-top:58px}.phone-notch,.phone-home{position:absolute;left:50%;z-index:3;background:var(--frame-border);transform:translate(-50%)}.phone-notch{top:24px;width:74px;height:8px;border-radius:999px}.phone-home{bottom:20px;width:42px;height:7px;border-radius:999px;opacity:.55}.frame-layout-ticket,.frame-layout-coupon,.frame-layout-stamp{border-style:dashed}.ticket-cut{position:absolute;top:48%;width:32px;height:56px;background:#fff;border-radius:999px}.cut-left{left:-16px}.cut-right{right:-16px}.coupon-strip{position:absolute;inset:0 auto 0 0;width:30px;background:var(--frame-accent)}.coupon-dots{position:absolute;top:10%;bottom:10%;left:42px;border-left:3px dashed var(--frame-accent)}.frame-layout-hanging-tag{clip-path:polygon(12% 0,88% 0,100% 13%,100% 100%,0 100%,0 13%)}.tag-hole{position:absolute;top:18px;left:50%;z-index:2;width:20px;height:20px;background:#fff;border:3px solid var(--frame-border);border-radius:50%;transform:translate(-50%)}.frame-layout-circle-badge{border-radius:50%;aspect-ratio:1;min-height:auto;padding:54px 44px}.frame-layout-star{clip-path:polygon(50% 0,61% 31%,95% 18%,75% 49%,98% 76%,64% 68%,50% 100%,36% 68%,2% 76%,25% 49%,5% 18%,39% 31%);padding:72px 50px}.frame-layout-heart{border-radius:48% 48% 38% 38%}.frame-layout-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:96px}.frame-layout-creative-icon{background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--frame-accent) 30%,transparent) 0 26px,transparent 27px),radial-gradient(circle at 82% 88%,color-mix(in srgb,var(--frame-accent) 22%,transparent) 0 32px,transparent 33px),var(--frame-bg)}.frame-layout-wifi-card .frame-top-icon,.frame-layout-video-card .frame-top-icon,.frame-layout-social-card .frame-top-icon,.frame-layout-menu-card .frame-top-icon{border-radius:999px}.svg-note{margin:0;color:#64748b;font-size:.9rem;line-height:1.45}.qr-render,.qr-render svg{width:100%;height:100%}.preview-empty{position:absolute;inset:auto 20px 18px;margin:0;color:var(--muted);text-align:center}.contrast{display:grid;gap:4px;padding:12px;color:#14532d;background:#ecfdf5;border-radius:14px}.contrast.warning{color:#7f1d1d;background:#fef2f2}.download-panel{padding:0;border:0;box-shadow:none}.download-formats-wrap{display:none;margin-top:14px}.download-formats-wrap.visible{display:block}.download-row{display:flex;flex-wrap:wrap;gap:10px}.preview-card .download-row .button{flex:1 1 110px}.quick-help{max-width:1160px;margin:24px auto 44px;padding:0 24px}.quick-help h2{margin:0 0 12px;font-size:clamp(1.35rem,2.2vw,1.85rem)}.quick-help ol{margin:0 0 12px;padding-left:22px;color:#475569;line-height:1.7}.quick-help p{max-width:820px;color:#475569;line-height:1.65}.coming-soon summary{margin-top:14px;cursor:pointer;font-weight:800}.format-grid{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.format-grid span,.format-grid button{display:grid;align-items:center;justify-content:center;place-items:center;gap:4px;min-height:72px;padding:12px;background:var(--soft);border:1px solid var(--border);border-radius:12px;color:var(--ink);font-weight:800}.format-grid button{cursor:pointer}.format-grid button:disabled{cursor:not-allowed;opacity:.58}.format-grid .disabled-format{color:var(--muted);opacity:.78}.format-grid small{display:block;color:var(--muted);font-size:.76rem;font-weight:750}.download-helper{margin:8px 0 0;color:var(--muted);font-weight:700}@media(max-width:520px){.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ad-placeholder{display:grid;place-items:center;gap:4px;max-width:1160px;min-height:96px;margin:22px auto;padding:18px;color:#64748b;text-align:center;background:repeating-linear-gradient(135deg,#fff,#fff 12px,#f8fafc 12px 24px)}.ad-placeholder strong{color:#334155}.ad-placeholder small{max-width:440px}.mobile-after-generation{display:none}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;max-width:1180px;margin:46px auto;padding:0 24px}.seo-content{display:grid;gap:20px}.seo-content article{padding:clamp(20px,4vw,34px);background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.seo-content h2{margin-top:0;font-size:clamp(1.5rem,3vw,2.3rem)}.seo-content p,.faq-item p,.footer p,.policy-card p{color:#475569;line-height:1.7}.sidebar-ad .ad-placeholder{position:sticky;top:92px;margin-top:0}.faq-section{width:min(100% - 48px,1160px);margin:40px auto;padding:0}.faq-grid{display:grid;gap:12px;width:100%;justify-items:stretch}.faq-item{padding:18px 20px}.faq-item summary{cursor:pointer;font-weight:900}.faq-section .ad-placeholder{width:100%;max-width:100%;margin:22px 0}.footer{display:grid;gap:20px;margin-top:60px;padding:42px clamp(20px,5vw,64px);color:#cbd5e1;background:#0f172a}.footer h2,.footer a{color:#fff}.footer-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}.footer-brand img{width:34px;height:34px;border-radius:10px;object-fit:cover}.footer-brand h2{margin:0}.footer nav{display:flex;flex-wrap:wrap;gap:14px}.footer small{color:#94a3b8;line-height:1.65}.cookie-banner{position:fixed;z-index:30;right:18px;bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;max-width:760px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #0f172a2e}.cookie-banner p{margin:6px 0 0;color:#475569;line-height:1.45}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.policy-page{min-height:56vh;padding:80px 24px}.policy-card{max-width:840px;margin:0 auto}@media(max-width:980px){.site-header{align-items:flex-start}.site-header .primary-nav{display:none}.header-nav-stack{flex:1;justify-items:stretch}.language-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:4px 0}.hero,.generator-shell,.content-wrap{grid-template-columns:1fr}.generator-right{position:static}.sidebar-ad{display:none}}@media(max-width:760px){.site-header{gap:10px;padding:12px 14px}.brand{font-size:1rem}.site-header .button{display:none}.hero{padding-top:42px}.hero-visual{padding:20px}.generator-wrap,.content-wrap{padding:0 14px}.generator-shell{margin-top:12px}.faq-section{width:calc(100% - 28px)}.frame-category-tabs{flex-wrap:nowrap;overflow-x:auto}.frame-template-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr))}.qr-frame-renderer{min-height:440px;padding:24px 18px}.section-heading{flex-direction:column;align-items:stretch}.reset-customize{width:100%;margin-left:0}.two-grid,.control-grid{grid-template-columns:1fr}.generate{width:100%}.qr-stage{min-height:310px}.ad-placeholder{display:none}.mobile-after-generation,.seo-content .ad-placeholder{display:grid;margin-inline:14px}.faq-section .ad-placeholder{display:grid;margin-inline:0}.cookie-banner{left:12px;right:12px;bottom:12px;grid-template-columns:1fr}.cookie-actions{justify-content:stretch}.cookie-actions .button{width:100%}}