:root{--font-heading: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #1c1c1f;--bg-secondary: #222226;--bg-card: #28282c;--bg-hover: #323238;--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--accent-primary: #3875f6;--accent-hover: #2563eb;--accent-muted: rgba(56, 117, 246, .14);--accent-success: #34d399;--text-primary: #f3f3f6;--text-secondary: #a0a0b2;--text-tertiary: #6e6e80;--radius-xs: 6px;--radius-sm: 10px;--radius-panel: 18px;--radius-pill: 9999px;--transition-smooth: all .35s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button:focus,input:focus,select:focus,a:focus,[role=slider]:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=slider]:focus-visible,.dropzone:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.custom-dropdown-trigger:focus-visible{border-color:var(--accent-primary)!important}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes popoverIn{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes popoverOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.95)}}.tools-dropdown-menu.opening{animation:popoverIn .18s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}.tools-dropdown-menu.closing{animation:popoverOut .15s cubic-bezier(.4,0,1,1) forwards;transform-origin:top center}.nav-wrapper{position:sticky;top:0;z-index:1000;width:100%;display:flex;justify-content:center;pointer-events:none}.navbar{pointer-events:auto;width:calc(100% - 3rem);max-width:960px;margin-top:1.25rem;display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;border-radius:var(--radius-pill);background:#222226d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000059;transition:var(--transition-smooth)}.navbar.scrolled{max-width:620px;margin-top:.75rem;padding:.45rem 1rem;background:#28282cf0;border-color:#ffffff29;box-shadow:0 14px 40px #0000008c,0 0 15px #3875f624}.brand-mark{display:flex;align-items:center;gap:.6rem;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.2px}.brand-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%}.container{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem;width:100%;flex:1}.dropzone{border:1px dashed var(--border-strong);background:var(--bg-secondary);border-radius:var(--radius-panel);padding:4rem 2rem;text-align:center;cursor:pointer;transition:var(--transition-fast)}.dropzone:hover,.dropzone.active{border-color:var(--accent-primary);background:var(--bg-card)}.dropzone.processing{cursor:progress;opacity:.72}.dropzone-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-top:.75rem}.dropzone-sub{color:var(--text-secondary);font-size:.9rem;margin-top:.35rem}.panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:1.5rem;margin-top:1.5rem}.panel-title{font-family:var(--font-heading);font-size:.92rem;font-weight:700;color:var(--text-secondary);margin-bottom:.85rem}.format-group{display:flex;gap:.5rem}.format-tab{flex:1;background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.6rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.88rem;font-weight:500;cursor:pointer;text-align:center;transition:var(--transition-fast)}.format-tab:hover{border-color:var(--border-strong);color:var(--text-primary)}.format-tab.selected{background:var(--accent-muted);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.slider-row{margin-top:1.25rem}.slider-label{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-secondary);margin-bottom:.45rem}.range-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);outline:none;cursor:pointer;transition:var(--transition-fast)}.range-input:disabled{cursor:not-allowed;opacity:.45}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 10px #3875f666;cursor:pointer;transition:transform .15s ease,background .15s ease}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2);background:#60a5fa}.range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-primary);border:none;box-shadow:0 0 10px #3875f666;cursor:pointer}.select-input,.text-input{width:100%;background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.65rem .9rem;border-radius:var(--radius-sm);font-size:.88rem;outline:none}.select-input:focus,.text-input:focus{border-color:var(--accent-primary)}.comparison-box{position:relative;width:100%;height:380px;background:#141417;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);overflow:hidden;margin-top:1.5rem;user-select:none;touch-action:none;cursor:ew-resize}.comparison-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.comparison-image--converted{clip-path:inset(0 calc(100% - var(--slider-position)) 0 0);will-change:clip-path}.divider-line{position:absolute;top:0;bottom:0;width:2px;left:var(--slider-position);background:var(--accent-primary);box-shadow:none!important;cursor:ew-resize;z-index:10}.slider-handle-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#121215;display:flex;align-items:center;justify-content:center;gap:1px;box-shadow:none!important;border:1px solid rgba(255,255,255,.2);cursor:ew-resize;transition:transform .15s ease,background .15s ease}.comparison-box:hover .slider-handle-knob{transform:translate(-50%,-50%) scale(1.08);background:#60a5fa}.tag-mono{position:absolute;top:12px;padding:4px 10px;background:#1c1c1fe6;border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;border-radius:var(--radius-xs);z-index:5}.btn-action{background:var(--accent-primary);color:#121215;border:none;border-radius:var(--radius-sm);padding:.65rem 1.25rem;font-weight:600;font-size:.9rem;font-family:var(--font-body);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:var(--transition-fast)}.btn-action:hover:not(:disabled){opacity:.92}.btn-action:disabled,.btn-outline:disabled{cursor:not-allowed;opacity:.55}.btn-outline{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:var(--transition-fast)}.btn-outline:hover{border-color:var(--border-strong);color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-body{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:1.75rem;max-width:460px;width:100%;position:relative}.footer{padding:2rem 0;border-top:1px solid var(--border-subtle);margin-top:4rem;text-align:center;color:var(--text-tertiary);font-size:.82rem}.validation-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-panel);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem;color:#f87171}.validation-alert-icon{flex-shrink:0;margin-top:2px}.validation-alert-content{flex:1;font-size:.85rem}.validation-alert-title{font-weight:700;margin-bottom:.25rem}.validation-alert-item{margin-top:2px}.validation-alert-close{background:none;border:none;color:#f87171;cursor:pointer}.hero-section{text-align:center;max-width:600px;margin:1.25rem auto 2.5rem}.hero-title{font-size:2.2rem;font-weight:800;letter-spacing:-.5px}.hero-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.5rem}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.workspace-title{font-size:1.35rem;font-weight:700}.workspace-subtitle{color:var(--text-secondary);font-size:.85rem}.workspace-actions{display:flex;gap:.5rem}.navbar-left{display:flex;align-items:center;gap:1.25rem}.brand-name{font-size:1.25rem;font-weight:800}.tools-trigger{background:none;border:none;color:var(--text-secondary);font-size:.88rem;font-weight:600;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.2rem .4rem;border-radius:var(--radius-xs);transition:var(--transition-fast)}.tools-trigger:hover,.tools-trigger[aria-expanded=true]{color:var(--text-primary)}.tools-trigger-chevron{color:var(--text-tertiary);transition:transform .2s cubic-bezier(.16,1,.3,1)}.tools-trigger-chevron--open{transform:rotate(180deg)}.tools-dropdown{position:absolute;top:calc(100% + 10px);left:50%;width:220px;background:#222226f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:.4rem;z-index:2000;box-shadow:0 10px 25px -5px #00000040,0 8px 10px -6px #0003}.tools-dropdown-header{font-size:.68rem;font-family:var(--font-mono);color:var(--text-tertiary);padding:.25rem .5rem .35rem;text-transform:uppercase;letter-spacing:.5px}.tools-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius-xs);cursor:pointer;background:var(--accent-muted);transition:var(--transition-fast);margin-bottom:1px}.tools-dropdown-item:hover{background:var(--bg-hover)}.tools-dropdown-item-icon{color:var(--accent-primary)}.tools-dropdown-item-info{flex:1;min-width:0}.tools-dropdown-item-name{font-size:.8rem;font-weight:600;color:var(--accent-primary);line-height:1.2}.tools-dropdown-item-desc{font-size:.68rem;color:var(--text-tertiary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-dropdown-footer{margin-top:.35rem;padding-top:.45rem;border-top:1px solid var(--border-subtle);text-align:center;font-size:.68rem;color:var(--text-tertiary);font-family:var(--font-mono)}.comparison-section{margin-top:1.75rem}.comparison-title{margin-bottom:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:.85rem 1rem;border-radius:var(--radius-sm)}.stat-card-label{font-size:.75rem;color:var(--text-tertiary)}.stat-card-value{font-family:var(--font-mono);font-size:1rem;font-weight:600;margin-top:2px}.stat-card-value--success{color:var(--accent-success)}.stat-card-value--accent{color:var(--accent-primary)}.stat-card-detail{font-size:.72rem;color:var(--text-tertiary);margin-top:2px}.batch-section{margin-top:2rem}.batch-summary{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.batch-summary-title{font-weight:600;font-size:.95rem}.batch-summary-stats{font-size:.82rem;color:var(--text-secondary);margin-top:2px;font-family:var(--font-mono)}.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.batch-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.85rem;display:flex;flex-direction:column;justify-content:space-between}.batch-card-preview{position:relative;border-radius:var(--radius-xs);overflow:hidden;aspect-ratio:16 / 9;background:#141417;margin-bottom:.65rem}.batch-card-preview img{width:100%;height:100%;object-fit:contain}.batch-card-name{font-size:.85rem;font-weight:600;word-break:break-all}.batch-card-meta{font-size:.78rem;color:var(--text-tertiary);margin-top:4px;display:flex;justify-content:space-between;font-family:var(--font-mono)}.batch-card-actions{margin-top:.85rem;display:flex;gap:.4rem}.batch-card-actions .btn-outline,.batch-card-actions .btn-action{flex:1;justify-content:center;font-size:.78rem;padding:.35rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer}.modal-close:hover{color:var(--text-primary)}.modal-filename{font-size:1rem;font-weight:600;word-break:break-all;margin-bottom:1.25rem}.modal-rows{display:flex;flex-direction:column;gap:.65rem;font-size:.85rem}.modal-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:.4rem}.modal-row:last-child{border-bottom:none;padding-top:.2rem;padding-bottom:0}.modal-row-label{color:var(--text-tertiary)}.modal-row-value{font-family:var(--font-mono)}.modal-row-value--success{color:var(--accent-success)}.custom-dropdown-wrapper{position:relative;width:100%}.custom-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;border-radius:var(--radius-xs);font-size:.85rem;cursor:pointer;background:transparent;color:var(--text-primary);transition:var(--transition-fast);margin-bottom:2px}.custom-dropdown-item:hover{background:var(--bg-hover)}.custom-dropdown-item--selected{background:var(--accent-muted);color:var(--accent-primary)}.custom-dropdown-item--selected:hover{background:var(--accent-muted)}.custom-dimensions-row{display:flex;gap:.5rem;margin-top:.6rem;align-items:center}.custom-dimensions-separator{color:var(--text-tertiary)}.dropzone-sample-wrapper{margin-top:1.25rem}.dropzone-icon{color:var(--text-tertiary);margin-bottom:.75rem}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--bg-primary)}.error-boundary-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:2.5rem;max-width:500px;width:100%;text-align:center}.error-boundary-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.error-boundary-message{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.error-boundary-details{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem;font-family:var(--font-mono);font-size:.8rem;color:#f87171;text-align:left;margin-bottom:1.5rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.seo-content{margin-top:3rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}.seo-content h2{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:.5rem}.seo-content>p{color:var(--text-secondary);font-size:.9rem;max-width:760px}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.seo-feature-grid div{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.seo-feature-grid h3{font-size:.9rem;color:var(--text-primary);margin-bottom:.35rem}.seo-feature-grid p{color:var(--text-tertiary);font-size:.8rem}.batch-export-error{color:#f87171;font-size:.78rem;margin-top:.4rem}.tools-dropdown-item--active{background:var(--accent-muted)}.qr-studio-root{width:100%}.qr-layout-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;align-items:start}.qr-controls-column{display:flex;flex-direction:column;gap:1.25rem}.qr-preview-column{position:sticky;top:5rem}.qr-sticky-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:1.5rem;box-shadow:0 12px 35px #0006}.qr-scan-badge{display:inline-flex;align-items:center;gap:.35rem;background:#34d3991f;border:1px solid rgba(52,211,153,.25);border-radius:var(--radius-pill);padding:.2rem .6rem;font-size:.72rem;font-weight:600;color:var(--accent-success)}.qr-canvas-frame{width:100%;aspect-ratio:1 / 1;background:#141417;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);display:flex;align-items:center;justify-content:center;padding:1.25rem;margin-top:.75rem;overflow:hidden;box-shadow:inset 0 2px 8px #00000080}.qr-preview-canvas{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm)}.qr-export-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1.25rem}.qr-btn-primary{grid-column:1 / -1;justify-content:center;padding:.75rem 1rem}.qr-type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem}.qr-type-tab{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.65rem .5rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:var(--transition-fast)}.qr-type-tab:hover{border-color:var(--border-strong);color:var(--text-primary)}.qr-type-tab.selected{background:var(--accent-muted);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.qr-input-label{display:block;font-size:.78rem;color:var(--text-secondary);margin-bottom:.35rem;font-weight:500}.qr-input-hint{font-size:.72rem;color:var(--text-tertiary);margin-top:.35rem}.qr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.qr-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer;user-select:none}.qr-checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);width:16px;height:16px;cursor:pointer}.qr-mode-switch{display:flex;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:2px}.qr-mode-btn{background:none;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition-fast)}.qr-mode-btn.active{background:var(--accent-primary);color:#121215}.qr-presets-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem}.qr-preset-pill{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-pill);padding:.3rem .65rem;font-size:.75rem;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:var(--transition-fast)}.qr-preset-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.qr-preset-swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.qr-colors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.qr-color-input-wrap{display:flex;align-items:center;gap:.5rem}.qr-native-color{-webkit-appearance:none;border:1px solid var(--border-subtle);width:38px;height:38px;border-radius:var(--radius-sm);cursor:pointer;background:none;padding:0}.qr-native-color::-webkit-color-swatch-wrapper{padding:2px}.qr-native-color::-webkit-color-swatch{border:none;border-radius:6px}.qr-shapes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.qr-shape-buttons{display:flex;flex-direction:column;gap:.4rem}.qr-logo-dropzone{border:1px dashed var(--border-strong);background:var(--bg-primary);border-radius:var(--radius-sm);padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:var(--transition-fast)}.qr-logo-dropzone:hover{border-color:var(--accent-primary);background:var(--bg-card)}.qr-logo-dropzone-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-top:.5rem}.qr-logo-dropzone-sub{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.qr-logo-active-card{display:flex;align-items:center;gap:.85rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem 1rem}.qr-logo-active-preview{width:44px;height:44px;border-radius:var(--radius-xs);background:#141417;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px}.qr-logo-active-preview img{width:100%;height:100%;object-fit:contain}.qr-logo-active-name{font-size:.85rem;font-weight:600;color:var(--text-primary);word-break:break-all}.qr-logo-active-size{font-size:.75rem;font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px}.home-root{width:100%}.home-hero{text-align:center;max-width:680px;margin:1rem auto 3rem}.home-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-muted);border:1px solid rgba(56,117,246,.3);color:var(--accent-primary);border-radius:var(--radius-pill);padding:.3rem .85rem;font-size:.78rem;font-weight:600;margin-bottom:1.25rem}.home-section-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.home-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:3.5rem}.home-tool-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:1.35rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:inherit;transition:var(--transition-smooth);position:relative;cursor:pointer}.home-tool-card:hover{border-color:#3875f673;background:var(--bg-card);transform:translateY(-3px);box-shadow:0 16px 35px #00000073,0 0 20px #3875f61f}.home-tool-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.home-tool-icon-wrap{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-muted);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.home-tool-arrow{width:30px;height:30px;border-radius:50%;background:#ffffff0a;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.home-tool-card:hover .home-tool-arrow{background:var(--accent-primary);color:#121215;transform:translate(2px,-2px)}.home-tool-content{margin-bottom:1.1rem}.home-tool-title{font-family:var(--font-heading);font-size:1.08rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;line-height:1.3}.home-tool-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45}.home-tool-tags{display:flex;align-items:center;gap:.4rem;margin-top:auto}.home-tool-tag{font-size:.73rem;font-family:var(--font-sans);font-weight:500;color:#f4f4f5;background:#ffffff0f;padding:.25rem .7rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.1);letter-spacing:-.01em;white-space:nowrap;transition:var(--transition-fast)}.home-tool-card:hover .home-tool-tag{background:#ffffff1a;border-color:#ffffff29;color:#fff}.home-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}.home-pillar-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:1.5rem}.home-pillar-icon{color:var(--accent-primary);margin-bottom:.75rem}.home-pillar-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-bottom:.4rem}.home-pillar-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.qr-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.qr-preview-title{display:flex;align-items:center;gap:.45rem;font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary)}.qr-scannable-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;color:var(--accent-success);background:#34d3991f;border:1px solid rgba(52,211,153,.25);padding:.25rem .65rem;border-radius:var(--radius-pill)}.favicon-device-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:1.25rem}.favicon-device-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem .35rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.74rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);text-align:center;line-height:1.2}.favicon-device-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.favicon-device-tab.selected{background:var(--accent-muted);border-color:var(--accent-primary);color:var(--accent-primary)}.favicon-mockup-display{background:#141417;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:1.5rem 1rem;min-height:210px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mockup-browser-window{width:100%;max-width:380px;background:#202024;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px #00000080}.mockup-browser-topbar{display:flex;align-items:center;padding:8px 12px;background:#18181b;gap:6px;border-bottom:1px solid rgba(255,255,255,.08)}.mockup-browser-dot{width:9px;height:9px;border-radius:50%}.mockup-browser-tab-row{padding:6px 10px 0;background:#18181b;display:flex;align-items:center}.mockup-browser-tab-active{background:#202024;padding:6px 12px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:8px;width:190px;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.mockup-browser-url-row{padding:8px 12px 10px;background:#202024;border-top:1px solid rgba(255,255,255,.05)}.mockup-browser-url-input{background:#161618;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:4px 10px;font-size:.72rem;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.mockup-phone-wallpaper{width:100%;max-width:320px;padding:1.5rem 1rem;border-radius:16px;background:linear-gradient(145deg,#18181b,#27272a);border:1px solid rgba(255,255,255,.1);text-align:center;box-shadow:0 15px 35px #00000080}.pdf-mode-tabs{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px;gap:4px}.pdf-mode-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:var(--radius-xs);font-size:.82rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:var(--transition-fast)}.pdf-mode-tab:hover{color:var(--text-primary)}.pdf-mode-tab.active{background:var(--accent-primary);color:#121215}.pdf-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;margin-top:1rem}.pdf-page-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.6rem;display:flex;flex-direction:column;position:relative;transition:var(--transition-fast)}.pdf-page-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.pdf-page-badge{position:absolute;top:8px;left:8px;background:#000000bf;backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;z-index:2}.pdf-page-thumb-wrap{width:100%;aspect-ratio:3/4;background:#111113;border-radius:var(--radius-xs);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.pdf-page-thumb{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease}.pdf-page-meta{margin-bottom:.4rem}.pdf-page-filename{font-size:.72rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-page-filesize{font-size:.68rem;color:var(--text-tertiary);font-family:var(--font-mono)}.pdf-page-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:.4rem}.pdf-action-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.pdf-action-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.pdf-action-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-action-delete:hover{color:#f87171!important;background:#f871711f!important}@media (max-width: 900px){.qr-layout-grid{grid-template-columns:1fr}.qr-preview-column{position:static}.home-pillars-grid{grid-template-columns:1fr}}@media (max-width: 680px){.navbar{width:calc(100% - 1.5rem);padding:.7rem 1rem}.navbar-left{gap:.7rem}.container{padding:2rem 1rem}.hero-title{font-size:1.8rem}.workspace-header{align-items:flex-start;flex-direction:column;gap:.9rem}.workspace-actions{width:100%}.workspace-actions button{flex:1;justify-content:center}.format-group{flex-direction:column}.comparison-box{height:300px}.seo-feature-grid{grid-template-columns:1fr}.modal-row{align-items:flex-start;flex-direction:column;gap:.2rem}.qr-type-tabs{grid-template-columns:repeat(2,1fr)}.qr-form-grid,.qr-colors-grid,.qr-shapes-grid,.qr-export-buttons,.home-tools-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}