@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/google-sans-latin-wght-normal-Bwkq70f6.woff2)format("woff2")}@font-face{font-family:Google Sans Code;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/google-sans-code-latin-full-normal-CX9MY_Ck.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b172a;--foreground:#f4f4f5;--surface:#10213a;--surface-raised:#142743;--surface-soft:#0d1b30;--border:#263a58;--border-strong:#385273;--muted:#8f96a5;--muted-strong:#b8bdc8;--accent:#c4b5fd;--accent-soft:#c4b5fd24;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--action-primary:#7c3aed;--action-primary-hover:#6d28d9;--control-hover:#526c89;--surface-hover:#12233d;--font-ui:"Google Sans", Arial, Helvetica, sans-serif;--font-code:"Google Sans Code", ui-monospace, monospace;--radius-md:.25rem;--radius-lg:.375rem;--radius-xl:.5rem;--radius-2xl:.625rem;--shadow-card:0 18px 50px #0000002e}*{box-sizing:border-box;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}html{background:var(--background)}body{color:var(--foreground);font:.875rem/1.5 var(--font-ui);background:radial-gradient(circle at 72% -10%, #c4b5fd1a, transparent 34rem), radial-gradient(circle at 8% 92%, #2563eb0f, transparent 28rem), var(--background);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .16s,border-color .16s,color .16s}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{color:#fff;background:#8b5cf685}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--border);background:var(--background)}.header-inner{align-items:center;gap:24px;max-width:1480px;min-height:68px;margin:auto;padding:12px clamp(24px,4vw,72px);display:flex}.brand{letter-spacing:-.045em;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;display:flex}.brand-mark{border-radius:var(--radius-xl);width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border:1px solid #c4b5fd40;place-items:center;display:grid}.brand-light{font-weight:500}.brand-period{color:var(--accent)}.header-divider{background:var(--border);width:1px;height:24px}.header-caption{color:var(--muted);font-size:.75rem}.header-right{align-items:center;gap:24px;margin-left:auto;display:flex}.header-actions{gap:8px;display:flex}.help-link{color:var(--muted-strong);align-items:center;gap:8px;font-size:.75rem;display:flex}.help-link:hover{color:var(--accent)}.workspace{max-width:1480px;margin:auto;padding:32px clamp(24px,4vw,72px) 24px}.button{border-radius:var(--radius-lg);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:.875rem;font-weight:500;display:inline-flex}.button.secondary,.copy-button{background:var(--surface);border-color:var(--border-strong);color:var(--foreground)}.button.secondary:hover,.copy-button:hover{background:var(--surface-raised);border-color:var(--control-hover)}.button.subtle{color:var(--muted-strong);background:0 0}.button.subtle:hover{color:var(--foreground);background:#ffffff0a}.button.primary{background:var(--action-primary);color:#fff;border-color:var(--action-primary)}.button.primary:hover:not(:disabled){background:var(--action-primary-hover);border-color:var(--action-primary-hover)}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);align-items:start;gap:24px;display:grid}.editor-column,.preview-column{flex-direction:column;gap:16px;min-width:0;display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#12233df7,#0d1c31f7);overflow:hidden}.section-heading{align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.section-heading h2{letter-spacing:-.015em;font-size:1rem;font-weight:600}.step-number{width:28px;height:28px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-md);border:1px solid #c4b5fd26;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:600;display:grid}.content-select{color:var(--muted-strong);align-items:center;gap:8px;margin-left:auto;display:flex}.content-select select{appearance:none;cursor:pointer;background:0 0;border:0;width:auto;max-width:150px;padding:4px 0;font-size:.875rem}.content-fields{flex-direction:column;gap:16px;padding:0 24px 24px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field-label{color:var(--muted-strong);font-size:.875rem;font-weight:500;display:block}input:not([type=range],[type=checkbox],[type=color],[type=file]),textarea,select{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-soft);width:100%;min-width:0;color:var(--foreground);padding:10px 12px;font-size:.875rem;line-height:1.4;transition:border-color .16s,background .16s}input:not([type=range],[type=checkbox],[type=color],[type=file]):hover,textarea:hover,select:hover,input:not([type=range],[type=checkbox],[type=color],[type=file]):focus,textarea:focus,select:focus{border-color:var(--control-hover);background:var(--surface-hover)}select option{background:var(--surface);color:var(--foreground)}textarea{resize:vertical;min-height:88px}input::placeholder,textarea::placeholder{color:var(--muted)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:var(--muted);position:absolute;left:12px}.input-with-icon input{padding-left:40px}.hint{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.6}.compact-hint{margin-top:-12px}.inline-error{color:var(--danger);gap:8px;font-size:.875rem;line-height:1.5;display:flex}.inline-error svg{margin-top:3px}.history-buttons{gap:4px;margin-left:auto;display:flex}.icon-button{border-radius:var(--radius-lg);width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;display:grid}.icon-button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.icon-button.danger:hover{color:var(--danger);background:#fb718514}.tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 1fr 1.4fr;padding:0 16px;display:grid}.tabs button{border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--muted);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 4px;font-size:.875rem;display:flex;position:relative}.tabs button:hover{color:var(--foreground);background:#ffffff06}.tabs button[aria-selected=true]{color:var(--accent);background:#c4b5fd0f}.tabs button[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-content{flex-direction:column;gap:20px;min-height:390px;padding:24px;display:flex}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.choice-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.choice{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-soft);min-height:84px;color:var(--muted-strong);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:.875rem;display:flex;position:relative}.choice:hover{border-color:var(--control-hover);background:var(--surface-raised)}.choice.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.choice-check{color:var(--accent);position:absolute;top:6px;right:6px}.shape-icon{width:28px;height:28px;color:var(--muted-strong);display:block}.selected .shape-icon{color:var(--accent)}.pattern-icon{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.pattern-icon i{background:currentColor}.shape-rounded i{border-radius:2px}.shape-dots i{border-radius:50%}.shape-diamond i{transform:scale(.82)rotate(45deg)}.shape-classy i{border-radius:4px 0}.shape-connected{gap:0}.shape-connected i{border-radius:4px}.shape-connected i:nth-child(2n){border-radius:0}.eye-icon{border:3px solid;place-items:center;display:grid}.eye-icon i{background:currentColor;width:10px;height:10px}.eye-icon.shape-rounded{border-radius:7px}.eye-icon.shape-rounded i{border-radius:3px}.eye-icon.shape-circle,.eye-icon.shape-circle i{border-radius:50%}.eye-icon.shape-leaf{border-radius:11px 0}.eye-icon.shape-leaf i{border-radius:4px 0}.eye-icon.shape-diamond{border:0}.eye-icon.shape-diamond i{width:22px;height:22px}.range-field{color:var(--muted-strong);flex-direction:column;gap:12px;font-size:.875rem;display:flex}.range-heading{justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.value-badge{color:var(--muted-strong);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;padding:2px 8px;font-size:.75rem;font-weight:400}input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--range-progress), var(--border-strong) var(--range-progress));cursor:pointer;border:0;border-radius:4px;width:100%;height:5px;margin:4px 0}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);background:var(--surface);border-radius:50%;width:16px;height:16px}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);background:var(--surface);border-radius:50%;width:13px;height:13px}.control-divider{background:var(--border);height:1px}.advanced{border-top:1px solid var(--border);padding-top:16px}.advanced summary,.filename-options summary,.scan-warnings summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.advanced summary{color:var(--muted-strong);font-size:.875rem}.advanced summary svg:last-child{margin-left:auto}.advanced[open] .field{margin-top:16px}.design-footer{border-top:1px solid var(--border);color:var(--muted);background:#0b172a4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;font-size:.75rem;display:flex}.design-footer>span{align-items:center;gap:8px;display:flex}.text-button{color:var(--accent);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:4px 0;font-size:.875rem;display:inline-flex}.text-button:hover{color:#e8e0ff}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.preview-title{color:var(--muted-strong);letter-spacing:.09em;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.preview-controls{gap:10px;display:flex}.preview-swatch{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;width:18px;height:18px;padding:0}.preview-swatch.dark{background:var(--background)}.preview-swatch.grid{background:conic-gradient(#385273 25%, #142743 0 50%, #385273 0 75%, #142743 0);background-size:8px 8px}.preview-swatch.active{outline:1px solid var(--accent);outline-offset:3px}.preview-stage{background:var(--surface-soft);justify-content:center;align-items:center;min-height:352px;padding:24px 40px 48px;display:flex;position:relative}.preview-grid{background-image:radial-gradient(var(--border-strong) .8px, transparent .8px);background-size:16px 16px}.preview-dark{background:var(--background)}.preview-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f4f5}.qr-paper{width:268px;max-width:100%;line-height:0}.qr-image{object-fit:contain;width:100%;height:auto;max-height:320px;display:block}.preview-caption{color:var(--muted);font-size:.75rem;position:absolute;bottom:16px}.preview-light .preview-caption{color:#606777}.preview-meta{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 24px;font-size:.75rem;display:flex}.preview-meta span{align-items:center;gap:6px;display:flex}.preview-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;max-width:300px;display:flex}.preview-empty h3{color:var(--muted-strong);font-size:1rem;font-weight:500}.preview-empty p{font-size:.875rem}.preview-light .preview-empty,.preview-light .preview-empty h3{color:#606777}.presets-panel,.saved-presets-panel{padding:20px 24px}.preset-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.preset-heading h3{align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.preset-heading>span{color:var(--muted);font-size:.75rem}.presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.preset{min-width:0;color:var(--muted-strong);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:.875rem;display:flex}.preset-art{border:1px solid var(--border-strong);border-radius:var(--radius-lg);place-items:center;width:100%;height:52px;display:grid}.preset:hover{color:var(--accent)}.preset:hover .preset-art{outline:2px solid var(--accent);outline-offset:2px}.count-badge{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);min-width:24px;height:22px;color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:.75rem;font-weight:400;display:inline-grid}.saved-presets>.preset-heading{margin-bottom:4px}.save-preset-form{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-soft);margin-top:16px;padding:16px}.preset-form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.saved-preset-list{flex-direction:column;gap:8px;max-height:320px;margin-top:16px;padding:3px;display:flex;overflow-y:auto}.saved-preset-row{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-soft);align-items:center;gap:4px;padding:6px;display:flex}.saved-preset-row.active{border-color:var(--accent);background:var(--accent-soft)}.saved-preset-load{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;font-size:.875rem;display:flex}.saved-preset-load img{object-fit:contain;border-radius:var(--radius-md);background:#fff;flex-shrink:0}.saved-preset-load span{overflow-wrap:anywhere}.saved-preset-load>svg{color:var(--accent);margin-left:auto}.preset-empty{color:var(--muted);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);margin-top:16px;padding:12px;font-size:.75rem}.preset-error{margin-top:12px}.preset-undo{color:var(--muted);align-items:center;gap:12px;margin-top:12px;font-size:.75rem;display:flex}.preset-undo>.icon-button{margin-left:auto}.export-options{grid-template-columns:1fr 1.2fr;gap:16px;padding:0 24px;display:grid}.filename-options{color:var(--muted-strong);margin-top:12px;padding:0 24px;font-size:.75rem}.filename-options input{margin-top:8px}.filename-preview{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--muted);flex:1;overflow:hidden}.filename-help{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:8px;display:flex}.filename-help .text-button{min-height:44px}.download-row{gap:8px;padding:16px 24px;display:flex}.download-button{flex:1;justify-content:flex-start;min-width:0;min-height:44px;padding:12px}.download-button>span{color:#e8e0ff;margin-left:auto;font-size:.75rem;font-weight:400}.copy-button{width:44px;padding:8px}.no-watermark{color:var(--muted);margin-left:auto;font-size:.75rem}.export-hint{padding:0 24px 16px}.scan-status{border-top:1px solid var(--border);color:var(--success);background:#34d3990a;align-items:center;gap:12px;padding:16px 24px;font-size:.75rem;display:flex}.scan-status small{color:var(--muted-strong);margin-top:4px;font-size:.75rem;display:block}.scan-status>svg:last-child{margin-left:auto}.scan-status.scan-failed{color:var(--warning);background:#fbbf240f}.scan-status.scan-checking,.scan-status.scan-idle{color:var(--accent);background:#c4b5fd0a}.scan-warnings{color:var(--warning);border-top:1px solid var(--border);background:#fbbf240d;padding:12px 24px;font-size:.75rem}.scan-warnings summary svg:last-child{margin-left:auto}.scan-warnings ul{color:var(--muted-strong);margin:12px 0 0;padding-left:16px;line-height:1.7}.scan-warnings li+li{margin-top:8px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.segmented{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-lg);gap:4px;padding:4px;display:flex}.segmented button{color:var(--muted-strong);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;flex:1;padding:8px 4px;font-size:.875rem}.segmented button.active{background:var(--accent-soft);color:var(--accent);border-color:#c4b5fd40}.color-input{background:var(--surface-soft);border:1px solid var(--border-strong);border-radius:var(--radius-lg);align-items:center;gap:8px;min-height:42px;padding:8px;display:flex}.color-input input[type=color]{appearance:none;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;width:26px;min-width:26px;height:26px;padding:0;overflow:hidden}.color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input input[type=color]::-webkit-color-swatch{border:1px solid var(--border-strong);border-radius:var(--radius-md)}.color-input input[type=text]{font-family:var(--font-code);background:0 0;border:0;border-radius:0;padding:0;font-size:.875rem}.color-input>span{color:var(--muted);font-size:.75rem}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.toggle-row .hint{margin-top:4px;display:block}.toggle-row>input{opacity:0;cursor:pointer;width:40px;height:28px;position:absolute;right:0}.switch{border:1px solid var(--border-strong);background:var(--border-strong);pointer-events:none;border-radius:99px;flex-shrink:0;width:36px;height:22px;position:relative}.switch:after{content:"";background:var(--foreground);border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggle-row input:checked+.switch{background:var(--accent);border-color:var(--accent)}.toggle-row input:checked+.switch:after{background:var(--background);transform:translate(14px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:3px}.info-note{background:var(--accent-soft);border-radius:var(--radius-lg);color:var(--muted-strong);border:1px solid #c4b5fd26;align-items:flex-start;gap:12px;padding:12px;font-size:.75rem;display:flex}.info-note svg{color:var(--accent);margin-top:2px}.upload-zone{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-soft);color:var(--muted-strong);flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.upload-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.upload-zone strong{font-size:.875rem;font-weight:500}.upload-zone>span:last-child{color:var(--muted);font-size:.75rem}.upload-icon{border-radius:var(--radius-xl);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);place-items:center;margin-bottom:4px;display:grid}.logo-attached{border:1px solid var(--border-strong);border-radius:var(--radius-xl);align-items:center;gap:12px;padding:12px;display:flex}.logo-attached img{object-fit:contain;border-radius:var(--radius-md);background:#fff;width:44px;height:44px}.logo-attached strong{font-size:.875rem;font-weight:500;display:block}.logo-attached>.icon-button{margin-left:auto}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:.75rem;display:flex}.site-footer>span:first-child{align-items:center;gap:8px;display:flex}.toast{background:var(--surface-raised);color:var(--foreground);border:1px solid var(--border-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);z-index:10;align-items:center;gap:24px;max-width:calc(100% - 32px);padding:16px 20px;font-size:.875rem;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast button{color:var(--muted-strong);background:0 0;border:0;place-items:center;padding:4px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1440px){.workspace{padding-top:40px}.preview-stage{min-height:368px}.qr-paper{width:284px}}@media (width<=1100px){.header-caption,.header-divider{display:none}.workspace-grid{gap:16px}.section-heading{padding:20px 20px 16px}.content-fields{padding:0 20px 20px}.tab-content{padding:20px}.tabs{padding:0 12px}.tabs button{gap:6px}.tabs button svg{display:none}.presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.download-button>span,.no-watermark{display:none}.preview-meta{padding:12px 20px}.preview-meta span:last-child,.color-input>span{display:none}.export-options{grid-template-columns:1fr;gap:12px}}@media (width<=800px){.workspace-grid{grid-template-columns:1fr}.workspace{padding:24px 20px}.header-inner{padding:12px 20px}.help-link{display:none}.tabs button svg{display:block}.preview-stage{min-height:352px}.export-options{grid-template-columns:1fr 1.2fr}.site-footer{flex-direction:column;align-items:flex-start;gap:8px}.button{min-height:44px}.icon-button{width:44px;height:44px}.tabs button{min-height:48px}.text-button{min-height:44px}.preview-swatch{width:24px;height:24px}.toggle-row{min-height:44px}.content-select select{max-width:145px}}@media (width<=480px){.workspace{padding:24px 16px}.header-inner{flex-wrap:wrap;gap:12px;padding:12px 16px}.brand{gap:8px}.header-right{width:100%;margin-left:0}.header-actions{width:100%}.header-actions .button{flex:1}.section-heading{gap:8px;padding:16px}.section-heading h2{font-size:.875rem}.content-fields{padding:0 16px 20px}.tab-content{padding:20px 16px}.tabs{padding:0 8px}.tabs button{gap:4px}.tabs button svg{display:none}.choice-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.export-options{grid-template-columns:1fr}.presets-panel,.saved-presets-panel{padding:16px}.presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.design-footer,.preview-toolbar{padding:12px 16px}.preview-stage{padding:24px 24px 48px}.preview-meta{padding:12px 16px}.preview-caption{text-align:center;max-width:90%}.content-select{gap:4px}.content-select select{max-width:116px}.preset-heading{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}