@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter Fallback';src:local('BlinkMacSystemFont'),local('Segoe UI'),local('Arial');size-adjust:100%;ascent-override:90%;descent-override:22%;line-gap-override:0%}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#08090a;--surface-1:#0f1012;--surface-2:#161719;--surface-3:#1e1f22;--text:#f5f5f5;--text-secondary:#e0e0e0;--text-muted:#a3a3a3;--border:rgba(255, 255, 255, 0.08);--border-hover:rgba(255, 255, 255, 0.15);--blue:#60a5fa;--purple:#a78bfa;--green:#34d399;--pink:#fb7185;--radius:12px;--radius-lg:16px}html{scroll-behavior:smooth}body{font-family:Inter,'Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.skip-link{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--blue);color:var(--bg);border-radius:0 0 8px 8px;font-size:.875rem;font-weight:500;text-decoration:none;z-index:100;transition:top .2s}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(96,165,250,.15)}.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12}.orb-1{width:600px;height:600px;background:var(--blue);top:-200px;right:-100px;animation:float1 25s ease-in-out infinite}.orb-2{width:500px;height:500px;background:var(--purple);bottom:-150px;left:-100px;animation:float2 30s ease-in-out infinite}.orb-3{width:400px;height:400px;background:var(--green);top:50%;left:50%;transform:translate(-50%,-50%);animation:float3 20s ease-in-out infinite}@keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(-80px,60px)}}@keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,-80px)}}@keyframes float3{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-40%,-60%)}}.site-footer,.site-header,main{position:relative;z-index:1}main{max-width:960px;margin:0 auto;padding:0 24px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:960px;margin:0 auto}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:1.1rem;font-weight:500}.logo strong{font-weight:700}.header-nav{display:flex;align-items:center;gap:8px}.nav-hamburger{display:none;background:0 0;border:1px solid var(--border);color:var(--text);padding:8px;border-radius:var(--radius);cursor:pointer;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.nav-hamburger:hover{background:var(--surface-2);border-color:var(--border-hover)}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.875rem;padding:6px 12px;border-radius:8px;transition:color .2s,background .2s}.nav-link:hover{color:var(--text);background:var(--surface-2)}.sign-link{display:flex;align-items:center;gap:6px;color:var(--blue)}.sign-link:hover{color:var(--text);background:rgba(96,165,250,.1)}.nav-btn{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.875rem;padding:6px 12px;border-radius:8px;border:1px solid var(--border-hover);background:0 0;font-family:inherit;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.nav-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--text-muted)}#btn-install{color:var(--green);border-color:rgba(52,211,153,.4)}#btn-install:hover{background:rgba(52,211,153,.1);border-color:var(--green);color:var(--green)}.hero{text-align:center;padding:48px 0 32px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 12px;margin-bottom:18px;background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(167,139,250,.12));border:1px solid var(--border-hover);border-radius:999px;color:var(--text);font-size:.8125rem;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s,transform .15s}.hero-pill:hover{border-color:var(--blue);background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(167,139,250,.2));transform:translateY(-1px)}.hero-pill-spark{font-size:.875rem;line-height:1}.hero-pill-arrow{color:var(--blue);font-weight:600;transition:transform .15s}.hero-pill:hover .hero-pill-arrow{transform:translateX(2px)}.hero h1{font-size:clamp(1.75rem, 4.5vw, 2.75rem);font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:var(--text-muted);font-size:1.125rem;margin-top:12px}.hero-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px auto 0;padding:0;list-style:none;max-width:720px}.hero-features li{padding:6px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:.8125rem;color:var(--text-muted);transition:border-color .15s,background .15s,color .15s,transform .15s}.hero-features li.featured{background:linear-gradient(135deg,var(--blue),#a78bfa);color:var(--bg);border-color:transparent;font-weight:600;cursor:pointer;box-shadow:0 2px 12px rgba(96,165,250,.3)}.hero-features li.featured:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(96,165,250,.45)}.feature-callout{display:flex;flex-direction:column;gap:8px;padding:22px 24px;margin:24px auto;max-width:720px;background:linear-gradient(135deg,rgba(96,165,250,.1),rgba(167,139,250,.1));border:1px solid var(--border-hover);border-radius:var(--radius-lg);text-align:left}.feature-callout .callout-badge{display:inline-block;padding:3px 10px;background:var(--blue);color:var(--bg);border-radius:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;align-self:flex-start}.feature-callout h2{font-size:1.125rem;font-weight:600;color:var(--text);margin:4px 0 0 0}.feature-callout p{color:var(--text-muted);font-size:.9375rem;line-height:1.5;margin:0}.feature-callout .callout-link{color:var(--blue);font-weight:600;text-decoration:none;font-size:.9375rem;margin-top:4px;align-self:flex-start}.feature-callout .callout-link:hover{text-decoration:underline}.mode-toggle{display:flex;justify-content:center;gap:4px;margin-bottom:24px;padding:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);max-width:280px;margin-left:auto;margin-right:auto}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:0 0;color:var(--text-muted);font-size:.9375rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--blue);color:var(--bg)}.generator{padding-bottom:48px}.generator-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.controls-panel{display:flex;flex-direction:column;gap:0}.panel-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-1);overflow:hidden}.panel-tab{flex:1;padding:12px 16px;border:none;background:0 0;color:var(--text-muted);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.panel-tab:hover{color:var(--text);background:var(--surface-2)}.panel-tab.active{color:var(--blue);border-bottom-color:var(--blue);background:var(--surface-2)}.panel-content{display:none;flex-direction:column;gap:20px;padding:20px;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);background:var(--surface-1)}.panel-content.active{display:flex}.type-categories{display:flex;gap:4px;margin-bottom:4px}.cat-btn{padding:5px 12px;border:1px solid var(--border);border-radius:20px;background:0 0;color:var(--text-muted);font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.cat-btn:hover{border-color:var(--border-hover);color:var(--text)}.cat-btn.active{border-color:var(--blue);color:var(--blue);background:rgba(96,165,250,.08)}.type-selector{display:flex;flex-wrap:wrap;gap:6px}.type-btn{display:none;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-muted);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s}.type-btn.visible{display:flex}.type-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface-3)}.type-btn.active{border-color:var(--blue);color:var(--blue);background:rgba(96,165,250,.08)}.field-group{display:none;flex-direction:column;gap:12px}.field-group.active{display:flex}.field-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.field-group input:not([type=checkbox]):not([type=file]):not([type=color]),.field-group select,.field-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:.9375rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:0}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.field-group input::placeholder,.field-group textarea::placeholder{color:var(--text-muted)}.field-group textarea{resize:vertical;min-height:80px}.field-group input[type=datetime-local]{color-scheme:dark}.field-group input[type=number]{-moz-appearance:textfield}.field-group input[type=number]::-webkit-inner-spin-button{opacity:.5}.field-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-muted);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}.char-count{font-size:.75rem;color:var(--text-muted);text-align:right}.field-hint{font-size:.75rem;color:var(--text-muted);font-style:italic}.transparent-toggle{margin-left:4px;font-size:.75rem!important;white-space:nowrap}.transparent-toggle input[type=checkbox]{width:14px;height:14px}.vcard-photo-preview{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--border-hover);background:var(--surface-2)}.vcard-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.upload-label{margin-top:6px}.file-input-styled{display:block;width:100%;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.8125rem;font-family:inherit;cursor:pointer}.file-input-styled::file-selector-button{margin-right:10px;padding:4px 10px;background:var(--surface-3);color:var(--text);border:1px solid var(--border);border-radius:4px;font-size:.75rem;cursor:pointer}.file-input-styled:hover::file-selector-button{background:var(--blue);color:var(--bg);border-color:var(--blue)}.section-heading{font-size:1.0625rem;font-weight:600;color:var(--text);margin:0 0 6px 0}.section-lead{color:var(--text-muted);font-size:.9375rem;margin:0 0 8px 0;line-height:1.5}.field-hint code,.section-lead+.field-hint code{background:var(--surface-3);padding:1px 6px;border-radius:4px;font-size:.75rem}.extra-fields{margin-top:12px;padding:10px 14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius)}.extra-fields>summary{cursor:pointer;color:var(--text-muted);font-size:.8125rem;font-weight:500;list-style:none;padding:4px 0;user-select:none}.extra-fields>summary::-webkit-details-marker{display:none}.extra-fields>summary::before{content:"▸";display:inline-block;margin-right:6px;transition:transform .15s}.extra-fields[open]>summary::before{transform:rotate(90deg)}.extra-fields[open]>summary{color:var(--text);margin-bottom:6px}.extra-fields-subhead{margin-top:14px;margin-bottom:4px;color:var(--text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.style-section{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}.style-section:last-child{border-bottom:none;padding-bottom:0}.section-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.template-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:2px solid var(--border);border-radius:8px;background:0 0;cursor:pointer;transition:all .2s}.template-btn:hover{border-color:var(--border-hover)}.template-btn.active{border-color:var(--blue)}.template-preview{width:100%;aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.template-preview>svg{width:90%;height:90%}.template-name{font-size:.625rem;color:var(--text-muted);font-family:inherit}.template-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.logo-preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}.logo-preset-btn{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:border-color .15s,background .15s,transform .15s}.logo-preset-btn:hover{border-color:var(--blue);background:var(--surface-3);transform:translateY(-1px)}.logo-preset-btn.active{border-color:var(--blue);background:rgba(96,165,250,.1)}.logo-preset-btn svg{width:100%;height:100%}.templates-more{margin-top:8px}.templates-more>summary{cursor:pointer;color:var(--text-muted);font-size:.75rem;text-align:center;padding:6px 8px;background:var(--surface-1);border:1px dashed var(--border);border-radius:var(--radius);list-style:none;user-select:none;transition:border-color .15s,color .15s}.templates-more>summary::-webkit-details-marker{display:none}.templates-more>summary:hover{border-color:var(--blue);color:var(--text)}.templates-more[open]>summary{margin-bottom:8px}.templates-more #template-grid-more{margin-top:0}#my-styles-empty{margin-top:4px;margin-bottom:8px}#my-styles-grid:not(:empty)+.template-actions{margin-top:10px}#my-styles-grid:empty+.template-actions{margin-top:8px}#my-styles-grid:not(:empty)~#my-styles-empty,#my-styles-section #my-styles-grid:not(:empty)~#my-styles-empty{display:none}.color-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-row label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.color-input-wrap{display:flex;align-items:center;gap:8px}.color-input-wrap input[type=color]{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:0 0;cursor:pointer;padding:2px}.color-input-wrap input[type=color]:disabled{opacity:.3;cursor:not-allowed}.color-hex{font-size:.75rem;font-family:'SF Mono','Fira Code',monospace;color:var(--text-muted);min-width:60px}.color-row select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:.8125rem;font-family:inherit;cursor:pointer;outline:0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.gradient-options{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--surface-2);border-radius:8px}.frame-text-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:.8125rem;font-family:inherit;outline:0;width:160px;transition:border-color .2s}.frame-text-input:focus{border-color:var(--blue)}.frame-text-input::placeholder{color:var(--text-muted)}.logo-upload{display:flex;flex-direction:column;gap:8px}.logo-upload>label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.logo-upload-row{display:flex;align-items:center;gap:8px}.logo-name{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.export-buttons{display:flex;flex-direction:column;gap:8px}.export-buttons .btn{justify-content:center}.batch-progress{display:flex;align-items:center;gap:12px;margin-top:8px}.batch-bar{flex:1;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.batch-bar-fill{height:100%;width:0%;background:var(--blue);border-radius:3px;transition:width .2s}.batch-status{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.batch-results{margin-top:12px;padding:12px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border)}.batch-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.batch-results-count{font-size:.8rem;font-weight:600;color:var(--text)}.batch-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:460px;overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--surface-2)}.batch-preview-grid::-webkit-scrollbar{width:10px;height:10px}.batch-preview-grid::-webkit-scrollbar-track{background:var(--surface-2);border-radius:6px}.batch-preview-grid::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:6px;border:2px solid var(--surface-2)}.batch-preview-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.batch-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--surface-3);border:1px solid var(--border);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.batch-preview-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4);border-color:var(--blue)}.batch-preview-item img{width:100%;height:100%;object-fit:contain;padding:6px}.batch-preview-item .batch-preview-label{position:absolute;bottom:0;left:0;right:0;font-size:.6875rem;text-align:center;padding:4px 6px;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.4));color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-preview-num{position:absolute;top:4px;left:4px;background:var(--blue);color:var(--bg);font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:10px;line-height:1}.batch-zoom-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .15s ease}.batch-zoom-content{display:flex;flex-direction:column;align-items:center;gap:12px}.batch-zoom-content img{max-width:90vw;max-height:80vh;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.batch-zoom-label{font-size:.9rem;color:#fff;font-weight:600}.qr-preview.cb-protanopia .qr-canvas-wrap{filter:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='p'><feColorMatrix type='matrix' values='0.567,0.433,0,0,0 0.558,0.442,0,0,0 0,0.242,0.758,0,0 0,0,0,1,0'/></filter></svg>#p")}.qr-preview.cb-deuteranopia .qr-canvas-wrap{filter:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='d'><feColorMatrix type='matrix' values='0.625,0.375,0,0,0 0.7,0.3,0,0,0 0,0.3,0.7,0,0 0,0,0,1,0'/></filter></svg>#d")}.qr-preview.cb-tritanopia .qr-canvas-wrap{filter:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='t'><feColorMatrix type='matrix' values='0.95,0.05,0,0,0 0,0.433,0.567,0,0 0,0.475,0.525,0,0 0,0,0,1,0'/></filter></svg>#t")}.shortcuts-list{display:flex;flex-direction:column;gap:6px}.shortcut-row{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-muted)}.shortcut-row span{margin-left:auto}kbd{display:inline-block;padding:2px 6px;background:var(--surface-3);border:1px solid var(--border-hover);border-radius:4px;font-size:.6875rem;font-family:'SF Mono','Fira Code',monospace;color:var(--text-secondary);line-height:1.4}.preview-panel{position:sticky;top:80px;display:flex;flex-direction:column;gap:12px}.qr-preview{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;display:flex;align-items:center;justify-content:center;min-height:340px;transition:border-color .3s}.qr-preview.has-qr{border-color:var(--border-hover)}.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-muted);text-align:center;font-size:.875rem}.qr-canvas-wrap{display:flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius);box-shadow:0 2px 12px rgba(0,0,0,.3);overflow:hidden;animation:qrFadeIn .3s ease}@keyframes qrFadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#qr-canvas{max-width:100%;height:auto;display:block}.quick-actions{display:flex;gap:8px}.quick-actions .btn{flex:1;justify-content:center}.history-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);padding:12px}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.btn-text{background:0 0;border:none;color:var(--text-muted);font-size:.75rem;font-family:inherit;cursor:pointer;transition:color .2s}.btn-text:hover{color:var(--pink)}.history-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.history-item{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);cursor:pointer;overflow:hidden;transition:border-color .2s;padding:4px}.history-item:hover{border-color:var(--blue)}.history-item img{width:100%;height:100%;object-fit:contain;display:block}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;border:none;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--blue);color:#08090a}.btn-primary:hover:not(:disabled){background:#7db8fb;transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);transform:translateY(-1px)}.btn-outline{background:0 0;color:var(--text-muted);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){color:var(--text);border-color:var(--border-hover);background:var(--surface-1)}.btn-gradient{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-weight:600}.btn-gradient:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(96,165,250,.3)}.sign-cta{padding:48px 0}.sign-cta-inner{padding:32px;border:1px solid rgba(96,165,250,.15);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(96,165,250,.05),rgba(167,139,250,.05));overflow:hidden;position:relative}.sign-cta-badge{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}.sign-cta-body{display:flex;align-items:center;justify-content:space-between;gap:40px}.sign-cta-content{display:flex;flex-direction:column;gap:14px;flex:1}.sign-cta h2{font-size:clamp(1.25rem, 3vw, 1.625rem);font-weight:700;letter-spacing:-.02em;line-height:1.3}.sign-cta p{color:var(--text-muted);font-size:.9375rem;line-height:1.6;max-width:440px}.sign-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin:4px 0}.sign-features li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--text-secondary)}.sign-features svg{flex-shrink:0}.sign-cta .btn-gradient{align-self:flex-start;margin-top:4px}.sign-cta-visual{flex-shrink:0}.sign-doc-mock{width:160px;padding:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px}.sign-doc-line{height:6px;background:var(--surface-3);border-radius:3px;width:100%}.sign-doc-line-title{height:8px;width:60%;background:rgba(96,165,250,.2)}.sign-doc-line-short{width:70%}.sign-doc-spacer{height:8px}.sign-doc-sig{margin-top:4px;padding-top:8px;border-top:1px dashed var(--border-hover);display:flex;justify-content:center}.how-it-works{padding:40px 0;text-align:center}.how-it-works h2{font-size:1.5rem;font-weight:700;margin-bottom:32px;letter-spacing:-.02em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);transition:border-color .2s}.step:hover{border-color:var(--border-hover)}.step-number{width:36px;height:36px;border-radius:50%;background:rgba(96,165,250,.1);color:var(--blue);font-weight:700;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.step h3{font-size:1rem;font-weight:600;margin-bottom:6px}.step p{color:var(--text-muted);font-size:.875rem}.faq{padding:40px 0 80px}.faq h2{font-size:1.5rem;font-weight:700;margin-bottom:24px;letter-spacing:-.02em;text-align:center}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);transition:border-color .2s}.faq-item[open]{border-color:var(--border-hover)}.faq-item summary{padding:16px 20px;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::after{content:'+';font-size:1.25rem;color:var(--text-muted);transition:transform .2s}.faq-item[open] summary::after{content:'\2212'}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 20px 16px;color:var(--text-muted);font-size:.9375rem;line-height:1.7}.site-footer{border-top:1px solid var(--border);padding:24px}.footer-inner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;width:100%}.footer-type-links{width:100%;text-align:center;padding-bottom:16px;border-bottom:1px solid var(--border)}.footer-type-links h3{font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.footer-type-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.footer-type-grid a{display:inline-block;padding:4px 10px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.75rem;text-decoration:none;transition:background .15s,color .15s}.footer-type-grid a:hover{background:var(--surface-2);color:var(--text)}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.8125rem;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--text-muted);font-size:.75rem}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--surface-3);color:var(--text);padding:12px 24px;border-radius:8px;font-size:.875rem;border:1px solid var(--border-hover);z-index:1000;animation:toastIn .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.4)}@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.scanner-section{padding:0 0 48px;max-width:500px;margin:0 auto}.scanner-layout{display:flex;flex-direction:column;gap:16px}.scanner-area{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center}.scanner-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;text-align:center;color:var(--text-muted);font-size:.875rem}.scanner-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.scanner-video-wrap{position:relative;width:100%}.scanner-video-wrap video{display:block;width:100%;height:auto}.scanner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-frame{width:200px;height:200px;border:2px solid var(--blue);border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.3);animation:scanPulse 2s ease-in-out infinite}@keyframes scanPulse{0%,100%{border-color:var(--blue)}50%{border-color:var(--green)}}.scanner-stop-btn{position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}.scanner-video-actions{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px}#scanner-torch-btn.torch-on{background:var(--blue);color:var(--bg);border-color:var(--blue)}.scanner-drop-active{outline:3px dashed var(--blue);outline-offset:-8px;background:rgba(96,165,250,.05)}.scanner-result{border:1px solid var(--border-hover);border-radius:var(--radius);background:var(--surface-1);padding:16px;display:flex;flex-direction:column;gap:12px;animation:qrFadeIn .3s ease}.scanner-result-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.scanner-result-content{font-size:.9375rem;color:var(--text);word-break:break-all;line-height:1.6;padding:12px;background:var(--surface-2);border-radius:8px}.scanner-result-actions{display:flex;gap:8px;flex-wrap:wrap}.contrast-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:8px;font-size:.8125rem;line-height:1.5;animation:qrFadeIn .3s ease}.contrast-warning svg{flex-shrink:0;margin-top:1px}.contrast-warning.warning-low{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);color:#fbbf24}.contrast-warning.warning-fail{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.crop-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.crop-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.crop-dialog{position:relative;background:var(--surface-1);border:1px solid var(--border-hover);border-radius:var(--radius-lg);padding:24px;max-width:500px;width:calc(100% - 32px);display:flex;flex-direction:column;gap:16px}.crop-dialog h3{font-size:1.125rem;font-weight:600}.crop-hint{font-size:.8125rem;color:var(--text-muted)}.crop-container{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface-2);user-select:none;-webkit-user-select:none;touch-action:none}.crop-container img{display:block;width:100%;height:auto}.crop-selection{position:absolute;border:2px solid var(--blue);box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move}.crop-handle{position:absolute;width:20px;height:20px;background:var(--blue);border:2px solid var(--bg);border-radius:50%}.crop-handle-nw{top:-10px;left:-10px;cursor:nw-resize}.crop-handle-ne{top:-10px;right:-10px;cursor:ne-resize}.crop-handle-sw{bottom:-10px;left:-10px;cursor:sw-resize}.crop-handle-se{bottom:-10px;right:-10px;cursor:se-resize}.crop-actions{display:flex;gap:8px;justify-content:flex-end}.crop-actions .btn{flex:0}.btn-design-card{margin-top:12px;width:100%;justify-content:center}.custom-modal{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center}.custom-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.custom-dialog{position:relative;background:var(--surface-1);border:1px solid var(--border-hover);border-radius:var(--radius-lg);padding:22px;width:min(440px,calc(100% - 32px));display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.custom-modal-title{font-size:1.0625rem;font-weight:600;color:var(--text);margin:0}.custom-modal-message{font-size:.9375rem;color:var(--text-muted);margin:0;line-height:1.5}.custom-modal-input{width:100%;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9375rem;font-family:inherit}.custom-modal-input:focus{outline:0;border-color:var(--blue)}.custom-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.card-modal{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center}.card-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.card-dialog{position:relative;background:var(--surface-1);border:1px solid var(--border-hover);border-radius:var(--radius-lg);width:min(960px,calc(100% - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.card-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card-dialog-header h3{font-size:1rem;font-weight:600;color:var(--text)}.card-close-btn{background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background .15s,color .15s}.card-close-btn:hover{background:var(--surface-2);color:var(--text)}.card-dialog-body{display:grid;grid-template-columns:1fr 280px;gap:20px;padding:20px;overflow-y:auto;flex:1}.card-preview-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}#card-canvas,#card-canvas-back{width:100%;max-width:100%;height:auto;aspect-ratio:7/4;background:#fff;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.4)}#card-canvas-back{margin-top:12px}.card-preview-hint{font-size:.75rem;color:var(--text-muted)}.card-controls{display:flex;flex-direction:column;gap:18px}.card-section h4{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.card-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.card-preset-btn{padding:8px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.75rem;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.card-preset-btn:hover{border-color:var(--border-hover);background:var(--surface-3)}.card-preset-btn.active{border-color:var(--blue);background:rgba(96,165,250,.12);color:var(--blue)}.card-color-row,.card-option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-color-row label,.card-option-row label{font-size:.8125rem;color:var(--text)}.card-color-row input[type=color]{width:40px;height:28px;border:1px solid var(--border);border-radius:4px;background:0 0;cursor:pointer;padding:2px}.card-option-row select{flex:0 0 auto;min-width:150px;padding:8px 36px 8px 12px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-2);color:var(--text);font-size:.875rem;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s,box-shadow .2s;outline:0}.card-option-row select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.card-option-row select:hover{border-color:var(--border-hover)}.card-option-row input[type=number],.card-option-row input[type=text]{flex:0 0 auto;min-width:150px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:.875rem;font-family:inherit;outline:0;transition:border-color .2s,box-shadow .2s}.card-option-row input[type=number]:focus,.card-option-row input[type=text]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.card-option-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);cursor:pointer}.section-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-label-row .section-label{margin-bottom:0}.section-label-row .btn-sm{padding:4px 10px;font-size:.75rem;gap:4px}.card-header-actions{display:flex;align-items:center;gap:4px}.overflow-menu{position:relative}.overflow-menu-btn{width:36px;height:36px;padding:0;border:none;background:0 0;color:var(--text);cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.overflow-menu-btn:hover,.overflow-menu-btn[aria-expanded=true]{background:var(--surface-2)}.overflow-menu-list{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;padding:6px;background:var(--surface-1);border:1px solid var(--border-hover);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.45);display:none;flex-direction:column;gap:2px;z-index:100}.overflow-menu-list.open{display:flex}.overflow-menu-list .overflow-menu-file,.overflow-menu-list button{display:block;width:100%;padding:10px 14px;border:none;background:0 0;color:var(--text);text-align:left;font:inherit;font-size:.875rem;cursor:pointer;border-radius:6px;transition:background .12s}.overflow-menu-list .overflow-menu-file:focus-visible,.overflow-menu-list .overflow-menu-file:hover,.overflow-menu-list button:focus-visible,.overflow-menu-list button:hover{background:var(--surface-2);outline:0}.card-dialog-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-dialog-footer-spacer{flex:1 1 auto;min-width:0}@media (max-width:560px){.card-dialog-footer{flex-direction:column-reverse;align-items:stretch}.card-dialog-footer-spacer{display:none}.card-dialog-footer .btn{width:100%}}.scanability-badge{position:absolute;bottom:12px;right:12px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;backdrop-filter:blur(8px);pointer-events:auto;cursor:help;display:none;z-index:2}.scanability-badge.ok{display:inline-block;background:rgba(34,197,94,.18);color:#4ade80;border:1px solid rgba(34,197,94,.4)}.scanability-badge.fail{display:inline-block;background:rgba(239,68,68,.18);color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.qr-preview{position:relative}.info-page{max-width:720px;margin:0 auto;padding:64px 24px 80px}.info-article h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.info-lead{font-size:1.1rem;color:var(--text-muted);margin:0 0 32px;line-height:1.5}.info-article h2{font-size:1.25rem;font-weight:600;margin:32px 0 12px;letter-spacing:-.01em}.info-article p{line-height:1.65;margin:0 0 16px;color:var(--text)}.info-article a{color:var(--blue)}.info-article code{background:var(--surface-2);padding:1px 6px;border-radius:4px;font-size:.9em}.info-meta{margin-top:48px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.875rem}.footer-nav{display:flex;gap:16px;flex-wrap:wrap}.footer-nav a{color:var(--text-muted);text-decoration:none;font-size:.875rem}.footer-nav a:hover{color:var(--text)}.card-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--border)}@media (max-width:720px){.card-dialog-body{grid-template-columns:1fr}.card-controls{gap:14px}}.mobile-fab{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--blue);color:var(--bg);border:none;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(96,165,250,.4);z-index:50;transition:transform .2s}.mobile-fab:hover{transform:scale(1.05)}.mobile-fab.visible{display:flex}.seo-content{max-width:720px;margin:48px auto;padding:0 20px}.seo-content h2{font-size:1.375rem;font-weight:700;margin:32px 0 12px;letter-spacing:-.01em}.seo-content h2:first-child{margin-top:0}.seo-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;margin:0 0 12px}.seo-content a{color:var(--blue);text-decoration:none}.seo-content a:hover{text-decoration:underline}.seo-content ol,.seo-content ul{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;padding-left:24px;margin:0 0 16px}.seo-content li{margin-bottom:6px}.type-links{max-width:720px;margin:32px auto 48px;padding:0 20px}.type-links h2{font-size:1.25rem;font-weight:700;margin-bottom:16px}.type-links-grid{display:flex;flex-wrap:wrap;gap:8px}.type-links-grid a{display:inline-block;padding:6px 14px;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:8px;color:var(--text-secondary);font-size:.8125rem;text-decoration:none;transition:background .15s,color .15s}.type-links-grid a:hover{background:var(--surface-3);color:var(--text)}.type-link-current{display:inline-block;padding:6px 14px;background:var(--blue);border-radius:8px;color:var(--bg);font-size:.8125rem;font-weight:600}.input-warning{border-color:#f59e0b!important;box-shadow:0 0 0 1px rgba(245,158,11,.3)}.field-validation{display:block;color:#f59e0b;font-size:.75rem;margin-top:4px;line-height:1.4}.lang-switcher{appearance:none;-webkit-appearance:none;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:6px 28px 6px 10px;font-size:.8125rem;font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a3a3a3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s,background .15s,color .15s;transition:border-color .2s}.lang-switcher:hover{border-color:var(--border-hover);color:var(--text)}.lang-switcher:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.lang-switcher option{background:var(--surface-2);color:var(--text)}@media print{body{background:#fff;color:#000}.qr-preview.cb-deuteranopia .qr-canvas-wrap,.qr-preview.cb-protanopia .qr-canvas-wrap,.qr-preview.cb-tritanopia .qr-canvas-wrap{filter:none!important}.bg-orbs,.controls-panel,.faq,.hero,.history-panel,.how-it-works,.mobile-fab,.mode-toggle,.quick-actions,.scanner-section,.sign-cta,.site-footer,.site-header,.skip-link,.toast{display:none!important}.generator-layout{display:block}.preview-panel{position:static}.qr-preview{border:none;background:0 0;padding:0;display:flex;justify-content:center;min-height:auto}.qr-canvas-wrap{box-shadow:none;padding:0}#qr-canvas{max-width:none;width:100%;height:auto}main{max-width:none;padding:40px}@page{margin:12mm}}@media (pointer:coarse){.batch-preview-item,.btn-sm,.card-preset-btn,.cat-btn,.history-item,.lang-switcher,.logo-preset-btn,.nav-btn,.panel-tab,.template-btn,.type-btn{min-height:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.bg-orbs{display:none!important}}@media (max-width:768px){.generator-layout{grid-template-columns:1fr}.preview-panel{position:static}.hero{padding:32px 0 20px}.nav-hamburger{display:inline-flex}.header-nav{position:fixed;top:60px;right:12px;left:12px;flex-direction:column;align-items:stretch;gap:6px;padding:14px;background:var(--surface-1);border:1px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:0 12px 32px rgba(0,0,0,.4);z-index:1500;transform:translateY(-12px);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}body.nav-open .header-nav{transform:translateY(0);opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}.header-nav .nav-btn,.header-nav .nav-link{padding:12px 14px;width:100%;justify-content:flex-start;border-radius:var(--radius);font-size:.9375rem}.header-nav .nav-btn span,.header-nav .nav-link span{font-size:.9375rem}.header-nav .lang-switcher{width:100%;padding:12px 32px 12px 14px;font-size:.9375rem}.steps{grid-template-columns:1fr}.sign-cta-body{flex-direction:column;text-align:center}.sign-cta-badge{text-align:center}.sign-cta-content{align-items:center}.sign-cta p{max-width:none}.sign-cta .btn-gradient{align-self:center}.sign-features{align-items:center}.sign-cta-visual{display:none}.footer-inner{flex-direction:column;gap:12px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.type-selector{gap:4px}.type-btn{padding:6px 10px;font-size:.8125rem}.template-grid{grid-template-columns:repeat(5,1fr)}.history-list{grid-template-columns:repeat(4,1fr)}.header-nav .nav-link:not(.sign-link){display:none}.nav-btn{padding:6px 8px;font-size:0}.nav-btn svg{width:18px;height:18px}}@media (max-width:480px){main{padding:0 16px}.site-header{padding:12px 16px}.hero h1{font-size:1.5rem}.hero-subtitle{font-size:.9375rem}.qr-preview{padding:24px;min-height:280px}.template-grid{grid-template-columns:repeat(5,1fr);gap:4px}.type-categories{flex-wrap:wrap}}