@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}.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{color:var(--text-secondary);font-size:1.4rem;font-weight:500}.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 380px}}.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: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)}.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;gap:1.6rem;display:flex}.preview-compare figure{margin:0}.preview-compare figcaption{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.8rem;font-size:1.25rem;font-weight:600;display:flex}.preview-dimensions{color:var(--text-muted);font-size:1.2rem;font-weight:500}.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;min-height:80px;padding:1.2rem;display:flex}.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}