:root{--bg-page:#f8f9fc;--bg-surface:#fff;--bg-subtle:#f1f3f8;--bg-hover:#eaeff7;--bg-muted:#e2e6f0;--text-primary:#111318;--text-secondary:#626978;--text-tertiary:#8e96a8;--text-inverse:#fff;--brand:#635bff;--brand-hover:#5248e2;--brand-active:#4338ca;--brand-subtle:#635bff14;--brand-border:#635bff38;--border-subtle:#1113180f;--border-strong:#1113181f;--border-active:#635bff;--success-text:#0d9488;--success-bg:#f0fdf4;--success-border:#10b98133;--warning-text:#b45309;--warning-bg:#fffbeb;--warning-border:#f59e0b40;--danger-text:#b91c1c;--danger-bg:#fef2f2;--danger-border:#ef444433;--shadow-xs:none;--shadow-sm:0 1px 3px #11131805;--shadow-md:0 4px 16px -2px #11131808;--shadow-lg:0 8px 24px -4px #1113180a;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:30px;--radius-full:9999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.2s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand)}button,input,select{font:inherit}img,video,canvas{max-width:100%;height:auto;display:block}svg{max-width:100%}.tabular-nums,.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 1rem}@media (width>=640px){.container{padding:0 1.25rem}}.container-narrow{width:100%;max-width:720px;margin:0 auto;padding:0 1rem}@media (width>=640px){.container-narrow{padding:0 1.25rem}}.main-content{flex:1;padding-bottom:4rem}.main-content-wrapper{flex:1}.header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#f8f9fcf5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:54px;display:flex}@media (width>=768px){.header-inner{height:60px}}.brand{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:700;display:inline-flex}.brand:hover{color:var(--brand)}.brand-icon{border-radius:var(--radius-sm);background:var(--brand);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.brand-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);background:var(--brand-subtle);border-radius:var(--radius-xs);margin-left:-.125rem;padding:.15rem .45rem;font-size:.6875rem;font-weight:700}.nav-links{align-items:center;gap:1.5rem;display:none}@media (width>=768px){.nav-links{display:flex}}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--brand)}.nav-actions{align-items:center;gap:.625rem;display:flex}@media (width<=480px){.nav-actions .btn{display:none}}.mobile-nav-toggle{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.mobile-nav-toggle:hover{color:var(--brand);border-color:var(--brand-border)}@media (width>=768px){.mobile-nav-toggle{display:none}}.mobile-menu{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-direction:column;padding:.75rem 1rem 1.25rem;display:none}.mobile-menu.open{display:flex}.mobile-nav-link{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:.625rem 0;font-size:.9375rem;font-weight:500}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover{color:var(--brand)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--brand);color:#fff;border:1px solid #0000}.btn-primary:hover{background-color:var(--brand-hover);color:#fff}.btn-primary:active{background-color:var(--brand-active)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background-color:var(--bg-subtle);color:var(--brand);border-color:var(--brand-border)}.btn-sm{border-radius:var(--radius-sm);padding:.4375rem .875rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:.9375rem}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--brand);border-color:var(--brand-border)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.hero{text-align:center;padding:1.25rem 0 1.5rem}@media (width>=640px){.hero{padding:2.75rem 0 2.25rem}}@media (width>=768px){.hero{padding:3.75rem 0 3rem}}.hero-status-pill{color:var(--text-secondary);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:100%;margin-bottom:.625rem;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.hero-status-dot{background-color:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px}.hero-title{letter-spacing:-.035em;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;max-width:100%;margin-bottom:.5rem;font-size:clamp(32px,7vw,56px);font-weight:800;line-height:1.12}@media (width>=640px){.hero-title{margin-bottom:.75rem}}.hero-title-highlight{color:var(--brand)}.hero-subtitle{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;width:100%;max-width:580px;margin:0 auto 1rem;font-size:.875rem;line-height:1.45}@media (width>=640px){.hero-subtitle{margin:0 auto 1.5rem;font-size:1.0625rem;line-height:1.55}}.hero-upload-card{width:100%;max-width:680px;margin:0 auto .875rem}@media (width>=640px){.hero-upload-card{margin:0 auto 1.25rem}}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:1.25rem;display:flex}@media (width<=480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;max-width:100%}}.quick-tools-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;width:100%;max-width:760px;margin:0 auto 1.25rem;display:flex}.quick-tool-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);box-sizing:border-box;align-items:center;gap:.375rem;max-width:100%;padding:.3125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}@media (width>=640px){.quick-tool-btn{padding:.375rem .75rem;font-size:.8125rem}}.quick-tool-btn:hover{color:var(--brand);border-color:var(--brand-border);background:#fff}.quick-tool-spec{font-family:var(--font-mono);color:var(--brand);font-size:.75rem;font-weight:600}.trust-signals{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:100%;font-size:.8125rem;display:flex}.trust-item{text-align:center;align-items:center;gap:.375rem;max-width:100%;display:inline-flex}.trust-check{color:var(--brand);font-weight:700}.upload-box-wrapper{box-sizing:border-box;width:100%;max-width:100%}.upload-zone{border-radius:var(--radius-xl);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-normal);text-align:center;box-sizing:border-box;border:1.5px dashed #635bff47;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;padding:1.375rem 1rem;display:flex;position:relative}@media (width>=640px){.upload-zone{padding:2.25rem 1.5rem}}.upload-zone:hover{border-color:var(--brand);background:#fff}.upload-zone.dragover{border-color:var(--brand);background:var(--brand-subtle);border-style:solid}.upload-zone:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.upload-icon-bubble{border-radius:var(--radius-md);background:var(--brand-subtle);width:42px;height:42px;color:var(--brand);transition:transform var(--transition-fast);justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}@media (width>=640px){.upload-icon-bubble{width:48px;height:48px;margin-bottom:1rem}}.upload-zone:hover .upload-icon-bubble{transform:translateY(-2px)}.upload-primary-text{color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;max-width:100%;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}@media (width>=640px){.upload-primary-text{margin-bottom:.375rem;font-size:1.0625rem}}.upload-secondary-text{color:var(--text-secondary);overflow-wrap:break-word;max-width:100%;margin-bottom:.5rem;font-size:.75rem}@media (width>=640px){.upload-secondary-text{margin-bottom:.75rem;font-size:.8125rem}}.upload-formats-badge{font-size:.6875rem;font-weight:600;font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;max-width:100%;display:flex}@media (width>=640px){.upload-formats-badge{font-size:.75rem}}.section{border-top:1px solid var(--border-subtle);padding:2.75rem 0}@media (width>=768px){.section{padding:3.5rem 0}}.section-title-wrap{text-align:left;margin-bottom:1.75rem}.section-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-size:.75rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.375rem}.section-heading{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:.375rem;font-size:1.5rem;font-weight:700}@media (width>=640px){.section-heading{margin-bottom:.5rem;font-size:1.75rem}}.section-desc{color:var(--text-secondary);max-width:600px;font-size:.875rem}@media (width>=640px){.section-desc{font-size:.9375rem}}.tool-grid{grid-template-columns:1fr;gap:.875rem;display:grid}@media (width>=640px){.tool-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width>=1024px){.tool-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-fast);flex-direction:column;justify-content:space-between;padding:1.25rem;text-decoration:none;display:flex;position:relative}@media (width>=640px){.tool-card{padding:1.5rem}}.tool-card:hover{border-color:var(--brand-border);background:#fff;transform:translateY(-2px)}.tool-card-icon-wrap{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.tool-card-icon{border-radius:var(--radius-md);background:var(--brand-subtle);width:40px;height:40px;color:var(--brand);transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.tool-card-arrow{color:var(--text-tertiary);transition:transform var(--transition-fast), color var(--transition-fast)}.tool-card:hover .tool-card-arrow{color:var(--brand);transform:translate(3px)}.tool-card-title{letter-spacing:-.015em;color:var(--text-primary);margin-bottom:.375rem;font-size:1.0625rem;font-weight:700}.tool-card-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.tool-card-meta{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-top:1.125rem;padding-top:.75rem;display:flex}.tool-card-spec{color:var(--brand);font-weight:600}.steps-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.375rem}.step-header{align-items:center;gap:.75rem;margin-bottom:.625rem;display:flex}.step-badge{border-radius:var(--radius-sm);background:var(--brand-subtle);width:28px;height:28px;color:var(--brand);font-size:.8125rem;font-weight:700;font-family:var(--font-mono);justify-content:center;align-items:center;display:inline-flex}.step-title{color:var(--text-primary);font-size:1.0625rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.55}.privacy-feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:1fr;gap:1.75rem;padding:1.75rem 1.25rem;display:grid}@media (width>=768px){.privacy-feature-card{grid-template-columns:1.2fr 1fr;align-items:center;padding:2.25rem}}.privacy-content-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.625rem;font-size:1.5rem;font-weight:700}.privacy-content-text{color:var(--text-secondary);margin-bottom:1.125rem;font-size:.9375rem;line-height:1.6}.privacy-pillars{flex-direction:column;gap:.875rem;display:flex}.privacy-pillar-item{align-items:flex-start;gap:.75rem;display:flex}.privacy-pillar-icon{background:var(--brand-subtle);width:22px;height:22px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.privacy-pillar-title{color:var(--text-primary);margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.privacy-pillar-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.45}.use-cases-grid{grid-template-columns:1fr;gap:.625rem;display:grid}@media (width>=640px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.use-cases-grid{grid-template-columns:repeat(3,1fr)}}.use-case-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.875rem 1.125rem;display:flex}.use-case-bullet{background:var(--brand);border-radius:50%;flex-shrink:0;width:6px;height:6px}.use-case-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.faq-list{flex-direction:column;gap:.5rem;max-width:800px;display:flex}.faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.faq-item.open{border-color:var(--brand-border)}.faq-question-btn{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex}.faq-question-btn:hover{color:var(--brand)}.faq-icon-arrow{color:var(--text-tertiary);transition:transform var(--transition-fast)}.faq-item.open .faq-icon-arrow{color:var(--brand);transform:rotate(180deg)}.faq-answer-panel{color:var(--text-secondary);padding:0 1.25rem 1.125rem;font-size:.875rem;line-height:1.6;display:none}.faq-item.open .faq-answer-panel{display:block}.tool-view-wrapper{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}@media (width>=640px){.tool-view-wrapper{gap:1.5rem;margin-top:1.5rem}}.tool-view-header{margin-bottom:.25rem}@media (width>=640px){.tool-view-header{margin-bottom:.5rem}}.tool-view-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-size:.6875rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.25rem}@media (width>=640px){.tool-view-kicker{margin-bottom:.375rem;font-size:.75rem}}.tool-view-title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:.375rem;font-size:clamp(24px,5.5vw,36px);font-weight:800;line-height:1.2}.tool-view-desc{color:var(--text-secondary);max-width:640px;font-size:.875rem;line-height:1.45}@media (width>=640px){.tool-view-desc{font-size:.9375rem;line-height:1.55}}.selected-file-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.selected-file-info{align-items:center;gap:.75rem;display:flex}.selected-file-thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-subtle);width:40px;height:40px}.selected-file-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.selected-file-specs{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono)}.uploaded-preview-strip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:.875rem;padding:.75rem 1rem;display:flex}.uploaded-preview-info{align-items:center;gap:.75rem;min-width:0;display:flex}.uploaded-preview-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-shrink:0;width:40px;height:40px}.uploaded-preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}@media (width>=640px){.uploaded-preview-name{font-size:.9375rem}}.uploaded-preview-meta{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.settings-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem}@media (width>=640px){.settings-panel{padding:1.5rem}}.settings-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-hint{color:var(--text-tertiary);font-size:.75rem}.input-with-addon{align-items:center;gap:.5rem;display:flex}.input-addon-wrap{flex:1;position:relative}.input-number{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:.5625rem 2.5rem .5625rem .75rem;font-size:.9375rem}.input-number:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-subtle);outline:none}.input-unit{color:var(--text-tertiary);pointer-events:none;font-size:.75rem;font-weight:600;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.preset-chips{flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.375rem;display:flex}.preset-chip{font-size:.75rem;font-weight:600;font-family:var(--font-mono);background:var(--bg-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:.3125rem .6875rem}.preset-chip:hover{background:var(--bg-hover);color:var(--brand)}.preset-chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}@media (width>=640px){.format-grid{gap:.5rem}}.format-btn{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-width:0;padding:.625rem .375rem;display:flex}@media (width>=640px){.format-btn{padding:.625rem .5rem}}.format-btn-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}@media (width>=640px){.format-btn-name{font-size:.875rem}}.format-btn-desc{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.6875rem;overflow:hidden}.format-btn:hover{border-color:var(--brand-border);background:var(--bg-subtle)}.format-btn.active{border-color:var(--brand);background:var(--brand-subtle)}.format-btn-name{color:var(--text-primary);font-size:.875rem;font-weight:700}.format-btn.active .format-btn-name{color:var(--brand)}.format-btn-desc{color:var(--text-tertiary);margin-top:2px;font-size:.6875rem}.form-grid-2{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.form-grid-2{grid-template-columns:1fr 1fr}}.checkbox-row{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8125rem;display:flex}.checkbox-row.disabled{opacity:.5;cursor:not-allowed}.select-box{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);padding:.5625rem .75rem;font-size:.875rem}.select-box:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-subtle);outline:none}.btn-block{width:100%}.loading-box{background:var(--bg-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);align-items:center;gap:.875rem;padding:1.125rem 1.25rem;display:flex}.spinner{border:2.5px solid var(--brand-subtle);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.result-preview{background:#f1f3f8;justify-content:center;align-items:center;min-height:200px;max-height:360px;display:flex;position:relative;overflow:hidden}.result-preview img{object-fit:contain;max-width:100%;max-height:360px}.result-status-badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:700;font-family:var(--font-mono);align-items:center;gap:.375rem;padding:.3125rem .625rem;display:inline-flex;position:absolute;top:.875rem;right:.875rem}.result-status-badge.status-met{color:#15803d;background:#f0fdf4;border:1px solid #10b98140}.result-status-badge.status-not-met{color:#b45309;background:#fffbeb;border:1px solid #f59e0b4d}.result-body{padding:1.25rem}@media (width>=640px){.result-body{padding:1.5rem}}.result-hero-stat{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;margin-bottom:1rem;padding-bottom:1rem;display:flex}.result-hero-size{letter-spacing:-.03em;color:var(--text-primary);font-size:1.875rem;font-weight:800}@media (width>=640px){.result-hero-size{font-size:2.25rem}}.result-reduction-tag{color:#15803d;border-radius:var(--radius-xs);background:#f0fdf4;padding:.2rem .5rem;font-size:.8125rem;font-weight:700}.metrics-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;margin-bottom:1.25rem;display:grid}@media (width<=360px){.metrics-box{grid-template-columns:1fr;gap:.375rem}}@media (width>=640px){.metrics-box{gap:.75rem;margin-bottom:1.5rem}}.metric-item{background:var(--bg-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;min-width:0;padding:.5rem .375rem;display:flex;overflow:hidden}@media (width>=640px){.metric-item{text-align:left;padding:.625rem .75rem}}.metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.625rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;overflow:hidden}.metric-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}@media (width>=640px){.metric-value{font-size:1.0625rem}}.metric-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.625rem;overflow:hidden}.checklist{background:var(--bg-subtle);border-radius:var(--radius-lg);margin-bottom:1.25rem;padding:.875rem 1rem}.checklist-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:.75rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.5rem}.check-item{justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.8125rem;display:flex}.check-item-name{align-items:center;gap:.5rem;font-weight:500;display:flex}.check-item.passed .check-item-name{color:var(--success-text)}.check-item.failed .check-item-name{color:var(--warning-text)}.result-actions{flex-direction:column;gap:.625rem;display:flex}@media (width>=640px){.result-actions{flex-direction:row}.result-actions .btn{flex:1}}.file-list-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1rem}@media (width>=640px){.file-list-wrap{padding:1.25rem}}.file-list{flex-direction:column;gap:.5rem;display:flex}.file-item{background:var(--bg-subtle);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.file-index{color:var(--brand);min-width:24px;font-size:.75rem;font-weight:700}.file-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:36px;height:36px}.file-info{flex:1;min-width:0}.file-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.file-meta{color:var(--text-tertiary);font-size:.75rem}.file-actions{align-items:center;gap:.25rem;display:flex}.tool-guide-article{border-top:1px solid var(--border-subtle);margin-top:2.75rem;padding-top:2rem}@media (width>=640px){.tool-guide-article{margin-top:3.5rem;padding-top:2.5rem}}.tool-guide-header{margin-bottom:1.75rem}.tool-guide-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-size:.75rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.375rem}.tool-guide-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}@media (width>=640px){.tool-guide-title{margin-bottom:.625rem;font-size:1.75rem}}.tool-guide-lead{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}@media (width>=640px){.tool-guide-lead{font-size:1rem}}.tool-guide-section{margin-bottom:1.75rem}.tool-guide-section h2{color:var(--text-primary);margin-bottom:.625rem;font-size:1.125rem;font-weight:700}@media (width>=640px){.tool-guide-section h2{margin-bottom:.75rem;font-size:1.25rem}}.tool-guide-section p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}@media (width>=640px){.tool-guide-section p{font-size:.9375rem;line-height:1.65}}.tool-guide-steps{color:var(--text-secondary);flex-direction:column;gap:.5rem;font-size:.875rem;list-style-position:inside;display:flex}@media (width>=640px){.tool-guide-steps{font-size:.9375rem}}.tool-guide-steps li{padding:.25rem 0}.tool-guide-faqs{flex-direction:column;gap:.75rem;display:flex}.tool-guide-faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.125rem}.tool-guide-faq-item h3{color:var(--text-primary);margin-bottom:.375rem;font-size:.9375rem;font-weight:700}.tool-guide-faq-item p{color:var(--text-secondary);font-size:.875rem;line-height:1.55}.alert{border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.alert-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);margin-top:auto;padding:2.75rem 0 1.75rem}@media (width>=768px){.footer{padding:3.5rem 0 2rem}}.footer-inner{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (width>=768px){.footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}}.footer-brand-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.625rem;font-size:1.0625rem;font-weight:700;display:inline-flex}.footer-desc{color:var(--text-secondary);max-width:340px;font-size:.875rem;line-height:1.55}.footer-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:.75rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.875rem}.footer-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem}.footer-link:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.5rem;font-size:.8125rem;display:flex}