:root{--primary:#165dff;--primary-hover:#0e4fe0;--primary-active:#0a3fbd;--primary-dark:var(--primary-active);--primary-light:#edf3ff;--text:#1d2129;--text-secondary:#4e5969;--muted:#667085;--placeholder:#667085;--disabled:#98a2b3;--border:#e5e8ef;--border-strong:#cdd3df;--surface:#f6f8fb;--surface-raised:#fff;--surface-hover:#f2f4f7;--success:#067647;--success-bg:#ecfdf3;--warning:#a15c07;--warning-bg:#fffaeb;--danger:#c43228;--danger-bg:#fff2f0;--focus-ring:#165dff;--radius-sm:6px;--radius-control:8px;--radius-card:12px;--radius-panel:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-sm:0 2px 6px #1d21290a;--shadow:0 8px 32px -16px #1d2d4e29;--shadow-overlay:0 16px 48px #1d212929;--motion-fast:.15s;--motion-normal:.22s;--ease:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--surface);margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}img{max-width:100%}.brand,svg{flex-shrink:0}.url-textarea,textarea{resize:vertical}input,select,textarea{min-width:0}::selection{color:#123987;background:#d6e4ff}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}#main-content:focus,.form-input{outline:none}.page-width{width:calc(100% - 64px);max-width:1120px;margin-inline:auto}.site-shell{min-height:100vh;overflow-x:clip}.skip-link{z-index:100;border-radius:var(--radius-control);color:#fff;background:var(--primary);padding:12px 20px;position:fixed;top:-72px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;height:72px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 64px);max-width:1200px;height:100%;margin:auto;display:flex}.brand{border-radius:var(--radius-control);align-items:center;gap:10px;display:inline-flex}.brand-mark{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 10px #165dff29}.brand-name{white-space:nowrap;letter-spacing:.5px;align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.brand-english{border-left:1px solid var(--border-strong);letter-spacing:.3px;color:var(--muted);padding-left:12px;font-size:12px;font-weight:500;line-height:18px}.desktop-nav{align-self:stretch;align-items:stretch;gap:8px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--motion-fast),background var(--motion-fast);align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.nav-link:hover{color:var(--primary);background:#f8faff}.nav-link.active{color:var(--primary);font-weight:600}.nav-link.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;width:24px;height:3px;position:absolute;bottom:0;left:calc(50% - 12px)}.header-actions{gap:12px}.header-actions,.help-link{align-items:center;display:flex}.help-link{border-radius:var(--radius-control);min-height:40px;color:var(--text-secondary);white-space:nowrap;transition:color var(--motion-fast),background var(--motion-fast);gap:6px;padding:0 8px;font-size:14px}.help-link:hover{color:var(--primary);background:var(--primary-light)}.mobile-menu-button{display:none!important}.mobile-nav{border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:var(--surface-raised);padding:8px 16px 16px;position:absolute;top:71px}.mobile-nav a{border-radius:var(--radius-control);justify-content:space-between;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;display:flex}.mobile-nav a:hover{background:var(--surface-hover)}.mobile-nav a.active{color:var(--primary);background:var(--primary-light);font-weight:600}.menu-enter-active,.menu-leave-active{transition:opacity var(--motion-fast),transform var(--motion-fast)}.menu-enter-from,.menu-leave-to{opacity:0;transform:translateY(-6px)}.tool-page{background:radial-gradient(ellipse 70% 380px at 50% 0,#edf3ff 0,var(--surface) 84%)}.hero{text-align:center;padding:40px 0 32px;position:relative}.hero-eyebrow{color:#365b98;background:#ffffffd9;border:1px solid #dce7ff;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:500;line-height:20px;display:inline-flex}.eyebrow-dot{background:var(--primary);border-radius:50%;width:5px;height:5px}.hero h1{letter-spacing:-.8px;margin:16px 0 12px;font-size:40px;font-weight:700;line-height:1.35}.hero h1>span{color:var(--primary);display:inline-block}.hero-description{max-width:640px;color:var(--text-secondary);margin:auto;font-size:16px;line-height:26px}.hero-promises{color:var(--muted);justify-content:center;align-items:center;gap:24px;margin-top:16px;font-size:12px;line-height:20px;display:flex}.hero-promises>span{align-items:center;gap:5px;display:flex}.hero-promises svg{color:var(--success)}.hero-decoration{border-radius:var(--radius-card);color:#9eb5db;background:#ffffffbf;border:1px solid #e0e8f6;place-items:center;width:48px;height:48px;display:grid;position:absolute}.deco-left{top:68px;left:7%;transform:rotate(-10deg)}.deco-right{top:108px;right:7%;transform:rotate(10deg)}.workspace{max-width:1100px;scroll-margin-top:88px}.workspace-topbar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.workspace-switch{background:#eaf0f8;border:1px solid #e2e7ef;border-radius:10px;width:336px;padding:4px;display:flex}.workspace-switch button{min-height:40px;color:var(--text-secondary);transition:background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast);background:0 0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.workspace-switch button.selected{background:var(--surface-raised);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}.workspace-switch button:not(.selected):hover{color:var(--text);background:#ffffff8c}.workspace-assurance{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #e5f5ec}.generator-grid{border:1px solid var(--border);border-radius:var(--radius-panel);background:linear-gradient(90deg,var(--surface-raised) 55%,#f9fbff 55%);box-shadow:var(--shadow);grid-template-columns:55% 45%;display:grid;overflow:clip}.editor-pane{min-width:0;padding:28px 32px 24px}.pane-heading{justify-content:space-between;gap:12px;min-height:32px;margin-bottom:20px}.pane-heading,.pane-heading h2{align-items:center;display:flex}.pane-heading h2{gap:8px;font-size:16px;font-weight:600;line-height:24px}.step-number{background:var(--primary-light);font-variant-numeric:tabular-nums;border:1px solid #dce7ff;place-items:center;width:24px;height:24px;font-weight:600;display:grid}.step-number,.text-button{color:var(--primary);border-radius:6px;font-size:12px}.text-button{min-height:32px;transition:color var(--motion-fast),background var(--motion-fast);background:0 0;justify-content:center;align-items:center;gap:5px;padding:4px 6px;font-weight:500;line-height:20px;display:inline-flex}.text-button:hover:not(:disabled){color:var(--primary-hover);background:var(--primary-light)}.text-button:active:not(:disabled){color:var(--primary-active);background:#e1ebff}.text-button.muted{color:var(--muted)}.text-button.muted:hover:not(:disabled){color:var(--primary)}.text-button:disabled{color:var(--disabled);background:0 0}.type-selector{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.type-selector button{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-raised);height:48px;color:var(--text-secondary);white-space:nowrap;transition:border-color var(--motion-fast),background var(--motion-fast),color var(--motion-fast);justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;display:flex;position:relative}.type-selector button:hover{color:var(--primary);background:#f8faff;border-color:#adc6ff}.type-selector button.active{color:var(--primary);border-color:var(--primary);background:var(--primary-light);font-weight:600}.type-selected-dot{background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;top:5px;right:5px}.advanced-content,.content-form{animation:formEnter var(--motion-normal) var(--ease)}.label-row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;margin-bottom:8px;display:flex}.field>label,.label-row label{color:var(--text);font-size:14px;font-weight:500;line-height:22px}.required{color:var(--danger);margin-left:4px;font-size:14px}.label-meta{color:var(--muted);font-size:12px;font-weight:400;line-height:20px}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:20px;display:flex}.field>label{align-items:center;gap:4px;display:flex}.field>label .label-meta{margin-left:auto}.field .label-row{margin:0}.form-input{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);width:100%;min-height:44px;color:var(--text);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast);padding:10px 12px;font-size:14px;line-height:22px}.form-input:hover{border-color:#8da3c9}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #165dff1a}.form-input::-moz-placeholder{color:var(--placeholder);font-weight:400}.url-textarea::-moz-placeholder{color:var(--placeholder);font-weight:400}.form-input::placeholder,.url-textarea::placeholder{color:var(--placeholder);font-weight:400}.field.invalid .form-input,.form-input[aria-invalid=true]{border-color:var(--danger)}.form-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #c432281a}.form-input:disabled{color:var(--disabled);background:var(--surface-hover);border-color:var(--border)}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%23667085' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.url-input-shell{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);min-height:120px;transition:border-color var(--motion-fast),box-shadow var(--motion-fast);align-items:flex-start;gap:10px;padding:14px;display:flex}.url-input-shell:hover{border-color:#8da3c9}.url-input-shell>svg{color:var(--muted);margin-top:3px}.url-input-shell:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #165dff1a}.url-input-shell.invalid{border-color:var(--danger)}.url-input-shell.invalid:focus-within{box-shadow:0 0 0 3px #c432281a}.url-textarea{width:100%;min-height:82px;color:var(--text);background:0 0;border:0;font-size:14px;line-height:24px;outline:0!important}.input-footnote{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:12px;margin-top:8px;font-size:12px;line-height:20px;display:flex}.input-footnote>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.input-footnote .normalized-hint{white-space:normal;overflow-wrap:anywhere;min-width:0;color:var(--primary-active);align-items:flex-start;gap:4px;display:inline-flex}.field-error,.normalized-hint svg{margin-top:4px}.field-error{color:var(--danger);align-items:flex-start;gap:5px;font-size:12px;line-height:20px;display:flex}.field-error svg{margin-top:3px}.text-content{min-height:144px}.password-input{position:relative}.password-input>.form-input{padding-right:48px}.password-input>.icon-button{width:40px;height:40px;position:absolute;top:2px;right:2px}.icon-button{border-radius:var(--radius-control);width:36px;height:36px;color:var(--muted);transition:background var(--motion-fast),color var(--motion-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--primary);background:var(--primary-light)}.icon-button:active:not(:disabled){background:#e1ebff}.icon-button:disabled{color:var(--disabled)}.checkbox-row{min-height:36px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;display:flex}.checkbox-row input{accent-color:var(--primary);cursor:pointer;width:16px;height:16px;margin:0}.checkbox-row .label-meta{margin-left:auto}.more-contact{margin-bottom:12px}.contact-extra{padding-top:8px}.style-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.style-section .pane-heading{margin-bottom:16px}.size-presets{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.size-presets button{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);min-height:40px;color:var(--text-secondary);font-variant-numeric:tabular-nums;transition:border-color var(--motion-fast),background var(--motion-fast),color var(--motion-fast);justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-size:14px;font-weight:500;display:flex;position:relative}.size-presets button.active,.size-presets button:hover{border-color:var(--primary);color:var(--primary)}.size-presets button.active{background:var(--primary-light)}.size-recommend{color:var(--primary-active);background:#dfeaff;border-radius:3px;padding:0 4px;font-size:12px;font-weight:400;line-height:18px}.colors-row{margin-top:16px}.color-input{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);height:44px;transition:border-color var(--motion-fast),box-shadow var(--motion-fast);align-items:center;gap:8px;padding:8px 10px;display:flex}.color-input:hover{border-color:#8da3c9}.color-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #165dff1a}.color-input.invalid{border-color:var(--danger)}.color-input:has([aria-invalid=true]){border-color:var(--danger)}.color-input input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;flex-shrink:0;width:24px;height:24px;padding:0}.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:4px}.color-input input[type=color]::-moz-color-swatch{border:1px solid var(--border-strong);border-radius:4px}.color-input input:not([type]),.color-input input[type=text]{width:100%;color:var(--text-secondary);text-transform:uppercase;background:0 0;border:0;outline:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:20px}.advanced-wrapper{border-top:1px solid var(--border);margin-top:4px}.advanced-toggle{width:100%;min-height:48px;color:var(--text-secondary);text-align:left;background:0 0;border-radius:4px;justify-content:space-between;align-items:center;padding:12px 0 4px;font-size:14px;display:flex}.advanced-toggle:hover{color:var(--primary)}.advanced-toggle>span{align-items:center;gap:8px;display:flex}.advanced-summary{color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}.advanced-content{padding-top:20px}.rotated{transform:rotate(180deg)}.advanced-toggle svg,.more-contact svg{transition:transform var(--motion-normal) var(--ease)}.preview-pane{border-left:1px solid var(--border);background:#f9fbff;flex-direction:column;align-items:stretch;min-width:0;padding:28px 32px 24px;display:flex}.preview-header{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.preview-header h2{font-size:16px;font-weight:600;line-height:24px}.preview-status{border-radius:var(--radius-sm);min-height:26px;color:var(--muted);white-space:nowrap;background:#edf0f5;align-items:center;gap:4px;padding:3px 8px;font-size:12px;line-height:20px;display:inline-flex}.tiny-status-dot{background:currentColor;border-radius:50%;width:4px;height:4px}.preview-status.verified{color:var(--success);background:var(--success-bg)}.preview-status.generating{color:var(--primary);background:var(--primary-light)}.preview-status.error,.preview-status.invalid{color:var(--danger);background:var(--danger-bg)}.preview-status.capacity,.preview-status.success:not(.verified){color:var(--warning);background:var(--warning-bg)}.preview-status.empty,.preview-status.incomplete{color:var(--text-secondary);background:#edf0f5}.preview-stage{flex-direction:column;flex-grow:1;min-height:356px;padding:28px 0 24px}.preview-stage,.qr-paper{justify-content:center;align-items:center;display:flex}.qr-paper{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;width:256px;max-width:100%;height:256px;position:relative;box-shadow:0 4px 16px #2041740a}.qr-paper .qr-image{-o-object-fit:contain;object-fit:contain;border-radius:11px;width:100%;height:100%}.qr-paper.is-poster{height:auto}.beauty-export-block{margin-top:12px}.beauty-export-block strong{font-size:13px;line-height:22px;display:block}.beauty-export-block p{margin-top:4px;font-size:12px;line-height:20px}.beauty-export-block .text-button{color:var(--danger);margin-top:8px}@media (width>=801px) and (height>=780px){.preview-pane{align-self:start;position:sticky;top:88px}}.scan-corner{z-index:1;pointer-events:none;border:0 solid #adbfdf;width:14px;height:14px;position:absolute}.scan-corner.tl{border-top-width:2px;border-left-width:2px;border-top-left-radius:4px;top:-5px;left:-5px}.scan-corner.tr{border-top-width:2px;border-right-width:2px;border-top-right-radius:4px;top:-5px;right:-5px}.scan-corner.bl{border-left-width:2px;border-bottom-left-radius:4px;left:-5px}.scan-corner.bl,.scan-corner.br{border-bottom-width:2px;bottom:-5px}.scan-corner.br{border-right-width:2px;border-bottom-right-radius:4px;right:-5px}.has-result .scan-corner{border-color:#6b9aff}.preview-placeholder{color:#8ca8d6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:20px 16px;display:flex}.placeholder-icon{background:var(--primary-light);color:#a6bbdf;border-radius:18px;place-items:center;width:72px;height:72px;margin-bottom:8px;display:grid}.preview-placeholder strong{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:22px}.preview-placeholder>span{max-width:208px;color:var(--muted);font-size:12px;line-height:20px}.error-placeholder{color:var(--danger)}.error-placeholder strong{color:var(--text)}.preview-specs{min-height:20px;color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex}.spec-divider{background:#c1cad8;border-radius:50%;width:3px;height:3px}.preview-warnings{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.notice{border-radius:var(--radius-control);background:var(--primary-light);color:var(--primary-active);border:1px solid #d6e4ff;align-items:flex-start;gap:8px;padding:12px;font-size:12px;line-height:20px;display:flex}.notice>svg{margin-top:2px}.notice.warning{background:var(--warning-bg);color:var(--warning);border-color:#f2dfb5}.notice.subtle{padding:10px 12px}.notice.danger{color:var(--danger);background:var(--danger-bg);border-color:#f3c5c0}.export-area{width:100%;max-width:360px;margin:0 auto}.export-row{grid-template-columns:1fr 96px;gap:8px;display:grid}.btn{border-radius:var(--radius-control);white-space:nowrap;min-height:44px;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover)}.btn-primary:active:not(:disabled){border-color:var(--primary-active);background:var(--primary-active);box-shadow:inset 0 2px 3px #00000014}.btn-secondary{border-color:var(--border-strong);background:var(--surface-raised);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:#fafcff}.btn-secondary:active:not(:disabled){background:var(--primary-light)}.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#a92820;border-color:#a92820}.btn:disabled{opacity:1;color:var(--disabled);border-color:var(--border);box-shadow:none;background:#edf0f5}.btn[aria-busy=true]{cursor:progress}.btn-primary[aria-busy=true]{color:#fff;background:var(--primary);border-color:var(--primary)}.btn-secondary[aria-busy=true]{color:var(--text-secondary);background:var(--surface-raised)}.download-primary{gap:7px;padding-inline:12px}.download-primary>span{margin-left:2px;padding-left:10px;font-size:12px;font-weight:400;position:relative}.download-primary>span:before{content:"";opacity:.3;background:currentColor;width:1px;position:absolute;top:4px;bottom:4px;left:0}.download-svg{padding-inline:12px}.copy-image{background:var(--surface-raised);width:100%;margin-top:8px}.copy-image.is-copied{color:var(--success);background:var(--success-bg);border-color:#a6d9bc}.export-hint{color:var(--muted);text-align:center;justify-content:center;align-items:flex-start;gap:5px;margin-top:12px;font-size:12px;line-height:20px;display:flex}.export-hint>svg{margin-top:3px}.preview-tip{border-top:1px solid var(--border);align-self:center;align-items:center;gap:12px;width:100%;max-width:360px;margin-top:24px;padding-top:20px;display:flex}.tip-icon{border-radius:var(--radius-control);background:var(--primary-light);color:#5276b5;place-items:center;width:36px;height:36px;display:grid}.preview-tip p{flex-direction:column;gap:2px;display:flex}.preview-tip strong{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:20px}.preview-tip p>span,.workspace-bottom-note{color:var(--muted);font-size:12px;line-height:20px}.clipboard-fallback{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:12px}.workspace-bottom-note{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding-top:16px;display:flex}.workspace-bottom-note>a{color:var(--primary);border-radius:4px;align-items:center;gap:3px;margin-left:4px;display:inline-flex}.workspace-bottom-note>a:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.workspace-bottom-note .clear-session{font-weight:400}.note-divider{background:var(--border-strong);width:1px;height:12px;margin-inline:4px}.field-label{color:var(--text);font-size:14px;font-weight:500;line-height:22px}.export-error{flex-wrap:wrap;margin-top:12px}.section-heading{font-size:24px;font-weight:600;line-height:32px}.site-footer{border-top:1px solid var(--border);background:var(--surface-raised);margin-top:40px}.footer-top{justify-content:space-between;align-items:center;gap:24px;padding:32px 0;display:flex}.footer-brand .brand-mark{border-radius:var(--radius-control);width:32px;height:32px}.footer-brand .brand-name{font-size:20px}.footer-top p{color:var(--muted);margin-top:12px;font-size:12px}.footer-nav{color:var(--text-secondary);align-items:center;gap:24px;font-size:14px;display:flex}.footer-nav a{border-radius:3px;padding:8px 0}.footer-nav a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0;font-size:12px}.footer-bottom,.footer-bottom>span,.toast-stack{align-items:center;display:flex}.footer-bottom>span{gap:6px}.toast-stack{z-index:70;pointer-events:none;flex-direction:column;gap:8px;width:max-content;max-width:min(520px,100% - 32px);position:fixed;top:88px;left:50%;transform:translate(-50%)}.toast-item{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-raised);max-width:100%;color:var(--text);box-shadow:var(--shadow-overlay);pointer-events:auto;overflow-wrap:anywhere;align-items:flex-start;gap:8px;padding:12px 12px 12px 16px;font-size:14px;line-height:24px;display:flex}.toast-item>svg{color:var(--success);margin-top:3px}.toast-item.error>svg{color:var(--danger)}.toast-item.info>svg{color:var(--primary)}.toast-item>button{width:28px;height:28px;color:var(--muted);background:0 0;border-radius:4px;flex-shrink:0;place-items:center;margin:-2px 0 -2px 4px;padding:4px;display:grid}.toast-item>button:hover{background:var(--surface-hover);color:var(--text)}.toast-enter-active,.toast-leave-active{transition:opacity var(--motion-normal),transform var(--motion-normal)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-8px)}.spin{animation:.85s linear infinite spin}.confirm-dialog{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-raised);width:440px;max-width:calc(100vw - 32px);color:var(--text);box-shadow:var(--shadow-overlay);padding:28px}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b}.confirm-dialog h2{margin:16px 0 8px;font-size:20px;font-weight:600;line-height:28px}.confirm-dialog p{color:var(--text-secondary);font-size:14px;line-height:24px}.dialog-icon{border-radius:var(--radius-card);background:var(--danger-bg);width:44px;height:44px;color:var(--danger);place-items:center;display:grid}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.error-page{text-align:center;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.error-code{color:var(--primary);letter-spacing:-4px;font-size:88px;font-weight:700}.error-page h1{margin:16px 0 8px;font-size:28px}.error-page p{max-width:440px;color:var(--muted);margin-bottom:24px;font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes formEnter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.header-inner{gap:16px}.desktop-nav{gap:0}.nav-link{padding-inline:12px}.brand-english,.download-primary>span,.hero-decoration,.size-recommend{display:none}.editor-pane,.preview-pane{padding-inline:24px}.type-selector button{gap:5px;font-size:13px}}@media (width<=800px){.header-inner,.page-width{width:calc(100% - 32px)}.site-header{height:64px}.header-inner{gap:12px}.brand-name{font-size:20px}.brand-english{font-size:12px;display:block}.brand-mark{border-radius:9px;width:32px;height:32px}.desktop-nav{display:none}.help-link{min-height:44px;padding:0 4px;font-size:12px}.header-actions{gap:4px}.mobile-menu-button{width:44px;height:44px;display:inline-flex!important}.mobile-nav{top:63px}.hero{padding:28px 0 24px}.hero h1{letter-spacing:-.6px;margin:12px 0;font-size:32px;line-height:1.4}.hero-description{max-width:520px;font-size:14px;line-height:24px}.hero-promises{gap:16px;margin-top:12px}.url-input-shell>svg,.workspace-assurance{display:none}.workspace-switch{width:100%;max-width:380px;margin:auto}.workspace-switch button{min-height:44px;padding:8px}.generator-grid{border-radius:var(--radius-card);background:var(--surface-raised);grid-template-columns:1fr}.editor-pane{padding:24px}.text-button{min-height:40px}.type-selector{gap:8px;margin-bottom:24px}.type-selector button{flex-direction:column;gap:4px;height:64px;padding:8px 2px;font-size:12px}.type-selector button svg{width:20px;height:20px}.color-input input:not([type]),.color-input input[type=text],.form-input,.url-textarea{font-size:16px}.size-presets button{min-height:44px}.color-input{height:48px}.preview-pane{border-top:1px solid var(--border);border-left:0;padding:24px}.preview-stage{min-height:348px;padding:32px 0 24px}.qr-paper{width:256px;height:256px}.download-primary>span,.size-recommend{display:inline}.workspace-bottom-note{padding-top:16px}.footer-top{flex-direction:column;align-items:flex-start;gap:16px;padding-block:24px}.footer-nav{gap:24px;font-size:12px}.footer-nav a{align-items:center;min-height:44px;display:inline-flex}.site-footer{margin-top:32px}.toast-stack{top:76px}.toast-item{align-items:center;padding:8px 8px 8px 12px}.toast-item>svg{margin-top:0}.toast-item>button{width:40px;height:40px;margin:0}.checkbox-row{min-height:44px}.page-decoder .hero h1>span,.page-generator .hero h1>span,.page-vcard .hero h1>span,.page-wifi .hero h1>span{display:block}}@media (width<=420px){.brand-english,.download-primary>span,.size-recommend{display:none}.hero h1{letter-spacing:-.6px;font-size:28px}.hero-description{max-width:300px}.hero-promises{flex-wrap:wrap;gap:12px}.hero-promises>span{gap:4px}.hero-promises svg{width:12px}.editor-pane,.preview-pane{padding:20px 16px}.form-columns{gap:12px}.form-input{padding-inline:10px}.advanced-toggle,.field>label .label-meta{font-size:12px}.advanced-toggle>span,.size-presets{gap:6px}.advanced-summary{margin-left:0;font-size:12px}.preview-header{gap:8px}.preview-status{padding-inline:6px;font-size:12px}.preview-stage{min-height:316px}.qr-paper{width:232px;height:232px}.preview-specs{flex-wrap:wrap;gap:6px;font-size:12px}.export-row{grid-template-columns:1fr 88px}.btn{padding-inline:12px}.preview-tip{gap:8px}.input-footnote{flex-wrap:wrap;gap:8px}.checkbox-row{flex-wrap:wrap}.checkbox-row .label-meta{margin-left:24px}.confirm-dialog{padding:24px}.dialog-actions{gap:8px}.dialog-actions .btn{flex:1}}@media (width<=350px){.hero-promises{gap:4px 12px}.hero-promises>span:last-child{flex-basis:100%;justify-content:center}.form-columns{grid-template-columns:1fr;gap:0}.colors-row{grid-template-columns:1fr 1fr;gap:12px}.qr-paper{width:224px;height:224px}.advanced-toggle>span{flex-wrap:wrap}.advanced-summary{flex-basis:calc(100% - 22px);padding-left:22px}.preview-status{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}