@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#fff;--bg-subtle:#f8faf9;--bg-card:#fff;--border:#e5e7eb;--border-hover:#d1d5db;--text:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#04b148;--accent-hover:#039d40;--accent-light:#04b14814;--accent-medium:#04b14826;--success:#04b148;--error:#dc2626;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{font-size:62.5%}body{min-height:100vh;font-family:var(--font);color:var(--text);background:var(--bg-subtle);-webkit-font-smoothing:antialiased;margin:0;font-size:1.5rem;line-height:1.6}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}.layout{flex-direction:column;min-height:100vh;display:flex}.site-header{background:var(--bg);border-bottom:1px solid var(--border);padding:0 2.4rem}.site-header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:6.4rem;margin:0 auto;display:flex}.site-logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:1rem;font-size:1.8rem;font-weight:600;text-decoration:none;display:inline-flex}.site-logo:hover{color:var(--text)}.site-logo-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden}.site-logo-mark img{object-fit:contain;width:100%;height:100%}.site-logo-text{letter-spacing:-.03em;font-weight:700}.site-logo-text span{color:var(--accent)}.site-tagline{color:var(--text-muted);margin:0;font-size:1.35rem}.site-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:3.2rem 2.4rem 4rem}.site-footer{background:var(--bg);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:2rem 2.4rem;font-size:1.35rem}.site-footer a{color:var(--text-secondary)}.site-footer a:hover{color:var(--accent)}.page-home .hero{text-align:center;padding:4rem 0 3rem}.page-home .hero h1{letter-spacing:-.03em;color:var(--text);margin:0 0 1.2rem;font-size:clamp(2.8rem,4vw,3.6rem);font-weight:700;line-height:1.2}.page-home .hero p{color:var(--text-secondary);max-width:48ch;margin:0 auto;font-size:1.6rem}.tools-grid{gap:2rem;margin-top:2rem;display:grid}@media (width>=640px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;padding:2.4rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.tool-card h2{letter-spacing:-.01em;margin:0 0 .8rem;font-size:1.9rem;font-weight:600}.tool-card p{color:var(--text-secondary);flex:1;margin:0;font-size:1.45rem;line-height:1.5}.tool-card-cta{color:var(--accent);align-items:center;gap:.5rem;margin-top:1.6rem;font-size:1.4rem;font-weight:600;display:inline-flex}.tool-card:hover .tool-card-cta{gap:.8rem}.tool-card--soon{opacity:.5;pointer-events:none}.tool-card-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.8rem;font-size:1.1rem;font-weight:600;display:inline-block}.page-tool{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:2.4rem}@media (width>=768px){.page-tool{padding:3.2rem}}.breadcrumb{color:var(--text-muted);align-items:center;gap:.8rem;margin-bottom:2rem;font-size:1.35rem;display:flex}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span[aria-hidden]{color:var(--border)}.breadcrumb span:last-child{color:var(--text);font-weight:500}.tool-header{margin-bottom:2.4rem}.tool-header h1{letter-spacing:-.02em;margin:0 0 1.2rem;font-size:clamp(2.4rem,4vw,3rem);font-weight:700}.tool-privacy{background:var(--accent-light);border-radius:var(--radius);color:var(--text);align-items:center;gap:1rem;margin:0;padding:1.2rem 1.6rem;font-size:1.4rem;display:flex}.tool-privacy:before{content:"";background:var(--accent);flex-shrink:0;width:2rem;height:2rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") 50%/contain no-repeat}.format-picker{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:2rem;display:flex}.format-picker-hint{color:var(--text-muted);flex:100%;margin:-.4rem 0 0;font-size:1.3rem}.format-picker-label{color:var(--text-secondary);font-size:1.4rem;font-weight:600}.format-picker-options{gap:.8rem;display:flex}.format-option{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.6rem;padding:.8rem 1.4rem;font-size:1.4rem;font-weight:600;transition:all .15s;display:inline-flex}.format-option input{display:none}.format-option--active{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.format-option:hover:not(.format-option--active){border-color:var(--border-hover)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);text-align:center;cursor:pointer;padding:4rem 2rem;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone--active{border-color:var(--accent);background:var(--accent-light)}.dropzone--disabled{opacity:.5;pointer-events:none}.dropzone-icon{color:var(--accent);margin-bottom:1.2rem}.dropzone-title{color:var(--text);margin:0;font-size:1.7rem;font-weight:600}.dropzone-hint{color:var(--text-muted);margin:.6rem 0 0;font-size:1.4rem}.results{margin-top:3rem}.results-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.6rem;padding-bottom:1.6rem;display:flex}.results-count,.results-summary{color:var(--text-secondary);font-size:1.4rem;font-weight:500}.results-summary{flex-wrap:wrap;align-items:center;gap:.6rem .8rem;display:flex}.results-summary-sep{color:var(--text-muted)}.results-summary-weight{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.results-summary-weight-before{color:var(--text-muted);-webkit-text-decoration:line-through #11182740;text-decoration:line-through #11182740}.results-summary-arrow{color:var(--accent);font-weight:600}.results-summary-weight-after{color:var(--text);font-weight:700}.results-summary-badge{color:#fff;background:var(--accent);border-radius:999px;padding:.15rem .6rem;font-size:1.15rem;font-weight:700}.results-actions{gap:.8rem;display:flex}.btn{border-radius:var(--radius);border:none;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.8rem;font-size:1.4rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-hover);background:var(--bg-subtle)}.results-layout{gap:2.4rem;display:grid}@media (width>=900px){.results-layout{grid-template-columns:1fr 400px}}.file-list{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.file-row{text-align:left;background:var(--bg-subtle);border-radius:var(--radius);width:100%;color:inherit;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.2rem 1.2rem;padding:1.4rem 1.6rem;transition:all .15s;display:grid}.file-row--rich{grid-template-rows:auto auto;gap:.8rem 1.2rem;padding:1.6rem 1.8rem}.file-row:hover{background:var(--accent-light)}.file-row--selected{background:var(--accent-light);border-color:var(--accent)}.file-row-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);grid-column:1;font-size:1.4rem;font-weight:600;overflow:hidden}.file-row-status{color:var(--text-muted);grid-column:1;font-size:1.3rem}.file-row-status--processing{color:var(--accent)}.file-row-status--done{color:var(--success);font-weight:500}.file-row-status--error{color:var(--error)}.file-row-download{color:var(--accent);cursor:pointer;background:var(--accent-light);border-radius:6px;grid-area:1/2/span 2;align-self:center;padding:.6rem 1rem;font-size:1.3rem;font-weight:600;transition:background .15s}.file-row-download:hover{background:var(--accent-medium)}.processed-stats{flex-direction:column;grid-column:1;gap:.55rem;display:flex}.stat-line{flex-wrap:wrap;align-items:center;gap:.45rem .7rem;display:flex}.stat-line-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:4.8rem;font-size:1rem;font-weight:700}.stat-value{font-variant-numeric:tabular-nums;font-size:1.3rem}.stat-value--before{color:var(--text-muted);-webkit-text-decoration:line-through #11182747;text-decoration:line-through #11182747}.stat-value--after{color:var(--text);font-weight:700}.stat-arrow{color:var(--accent);font-size:1.2rem;font-weight:600}.stat-badge{color:var(--accent);background:var(--accent-light);font-variant-numeric:tabular-nums;border-radius:999px;padding:.25rem .75rem;font-size:1.1rem;font-weight:700}.stat-badge--strong{background:var(--accent);color:#fff}.preview-panel{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;position:sticky;top:2rem}.preview-panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 1.6rem;font-size:1.3rem;font-weight:700}.preview-compare{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.6rem;display:flex}.preview-block{width:100%;margin:0}.preview-block-heading{align-items:center;gap:.7rem;margin-bottom:.35rem;display:flex}.preview-block-label{color:var(--text-secondary);font-size:1.3rem;font-weight:500}.preview-block-badge{color:#fff;background:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;padding:.2rem .65rem;font-size:1rem;font-weight:700}.preview-block-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0 0 .9rem;font-size:1.2rem;font-weight:400;line-height:1.4}.preview-block-note{color:var(--text-muted);font-size:1.1rem}.preview-panel-hint{color:var(--text-muted);text-align:center;margin:1.2rem 0 0;font-size:1.2rem}.preview-frame{border-radius:var(--radius);border:1px solid var(--border);background:repeating-conic-gradient(#f3f4f6 0% 25%,#e5e7eb 0% 50%) 50%/16px 16px;justify-content:center;align-items:center;width:100%;min-height:80px;padding:0;display:flex}.preview-frame--clickable{cursor:zoom-in;transition:border-color .15s,box-shadow .15s}.preview-frame--clickable:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.preview-frame--clickable:disabled{cursor:default}.preview-frame img{max-width:100%;max-height:200px;box-shadow:var(--shadow-sm);border-radius:4px;display:block}.preview-empty{color:var(--text-muted);background:var(--bg);border-radius:var(--radius);border:1px dashed var(--border);justify-content:center;align-items:center;min-height:80px;margin:0;font-size:1.3rem;display:flex}.compare-modal{z-index:1000;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.compare-modal-backdrop{cursor:pointer;background:#111827b8;border:none;position:absolute;inset:0}.compare-modal-panel{background:var(--bg);border-radius:var(--radius-lg);width:min(960px,100%);max-height:90vh;box-shadow:var(--shadow-lg);padding:2rem;position:relative;overflow:auto}.compare-modal-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.6rem;display:flex}.compare-modal-header h3{margin:0 0 .3rem;font-size:1.8rem;font-weight:600}.compare-modal-header p{color:var(--text-secondary);margin:0;font-size:1.3rem}.compare-modal-close{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;flex-shrink:0;padding:.7rem 1.2rem;font-size:1.3rem;font-weight:600}.compare-modal-close:hover{border-color:var(--border-hover);color:var(--text)}.compare-slider{border-radius:var(--radius);border:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:none;background:repeating-conic-gradient(#f3f4f6 0% 25%,#e5e7eb 0% 50%) 50%/16px 16px;width:100%;max-height:65vh;position:relative;overflow:hidden}.compare-slider-img{object-fit:contain;width:100%;height:100%;display:block}.compare-slider-img--after{z-index:1;position:relative}.compare-slider-before{z-index:2;border-right:2px solid #fff;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:2px 0 8px #00000026}.compare-slider-img--before{object-fit:contain;object-position:left center;max-width:none;height:100%}.compare-slider-handle{z-index:3;pointer-events:none;background:#fff;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #00000040}.compare-slider-handle span{background:var(--accent);width:3.6rem;height:3.6rem;box-shadow:var(--shadow);border:3px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-slider-input{opacity:0;cursor:ew-resize;z-index:4;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-modal-hint{text-align:center;color:var(--text-muted);margin:1.2rem 0 0;font-size:1.25rem}