:root{--bg-page:#f8f8f5;--bg-card:#fff;--bg-subtle:#f2f2ed;--bg-hover:#ecece6;--bg-dark:#18181b;--bg-dark-hover:#27272a;--border-main:#e4e4de;--border-subtle:#edede8;--border-strong:#18181b;--text-primary:#121212;--text-secondary:#5e5e58;--text-muted:#8e8e87;--text-inverse:#fff;--accent-green:#059669;--accent-green-bg:#ecfdf5;--accent-green-border:#a7f3d0;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000a;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-dropdown:0 4px 16px #0000000f, 0 1px 3px #0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;line-height:1.5;display:flex}#app{flex-direction:column;min-height:100vh;display:flex}.navbar{background-color:var(--bg-page);border-bottom:1px solid var(--border-main);justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.brand-lockup{align-items:baseline;gap:8px;text-decoration:none;display:flex}.brand-logo{letter-spacing:-.03em;color:var(--text-primary);text-transform:uppercase;font-size:1.15rem;font-weight:700}.brand-by{color:var(--text-secondary);border-radius:var(--radius-sm);background-color:var(--bg-subtle);border:1px solid var(--border-main);align-items:center;gap:3px;padding:2px 6px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.brand-by:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:#d1d1ca}.nav-right{align-items:center;gap:12px;display:flex}.badge-privacy{font-size:.75rem;font-weight:500;font-family:var(--font-mono);color:var(--accent-green);background-color:var(--accent-green-bg);border:1px solid var(--accent-green-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.main-container{flex-direction:column;flex:1;gap:28px;width:100%;max-width:980px;margin:0 auto;padding:40px 24px 60px;display:flex}.hero-header{text-align:center;max-width:640px;margin:0 auto}.hero-header h1{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:8px;font-size:2.25rem;font-weight:600}.hero-header p{color:var(--text-secondary);font-size:.98rem;line-height:1.5}.dropzone-card{background-color:var(--bg-card);border:1.5px dashed var(--border-main);border-radius:var(--radius-xl);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:56px 32px;transition:all .2s;display:flex;position:relative}.dropzone-card:hover,.dropzone-card.drag-active{border-color:var(--border-strong);background-color:#fafaf8;transform:translateY(-1px)}.dropzone-icon-box{border-radius:var(--radius-lg);background-color:var(--bg-subtle);border:1px solid var(--border-main);width:52px;height:52px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.dropzone-text h3{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:4px;font-size:1.05rem;font-weight:600}.dropzone-text p{color:var(--text-secondary);font-size:.85rem}.dropzone-badges{align-items:center;gap:8px;margin-top:4px;display:flex}.badge-tag{font-size:.72rem;font-family:var(--font-mono);color:var(--text-secondary);background-color:var(--bg-subtle);border:1px solid var(--border-main);border-radius:var(--radius-sm);padding:3px 8px;font-weight:500}.file-input-hidden{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.workspace-card{background-color:var(--bg-card);border:1px solid var(--border-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:24px;display:flex}.workspace-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.file-info-group{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.file-icon{color:var(--text-secondary);flex-shrink:0}.file-details{flex-direction:column;gap:2px;min-width:0;display:flex}.file-name-text{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.92rem;font-weight:600;display:block;overflow:hidden}.file-meta-text{font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.workspace-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.processing-banner{background-color:var(--bg-subtle);border:1px solid var(--border-main);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.processing-info{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:500;display:flex}.progress-bar-track{background-color:var(--border-main);border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background-color:var(--bg-dark);border-radius:999px;height:100%;transition:width .15s}.video-playback-bar{background-color:var(--bg-subtle);border:1px solid var(--border-main);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.comparison-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-main);-webkit-user-select:none;user-select:none;cursor:ew-resize;touch-action:none;background-color:#0e0e10;width:100%;max-height:600px;position:relative;overflow:hidden}.comparison-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.comp-img{object-fit:contain;pointer-events:none;width:100%;height:auto;max-height:600px;display:block}.comp-img-processed{object-fit:contain;width:100%;height:100%;clip-path:polygon(var(--split-pos,50%) 0, 100% 0, 100% 100%, var(--split-pos,50%) 100%);pointer-events:none;position:absolute;top:0;left:0}.slider-handle-line{top:0;bottom:0;left:var(--split-pos,50%);pointer-events:none;z-index:10;background-color:#fff;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 8px #0006}.slider-handle-button{top:50%;left:var(--split-pos,50%);border:1.5px solid var(--border-main);width:38px;height:38px;color:var(--text-primary);z-index:11;cursor:ew-resize;pointer-events:auto;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040}.comp-label{border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;z-index:5;pointer-events:none;padding:4px 10px;font-size:.72rem;font-weight:600;position:absolute;top:14px;box-shadow:0 1px 4px #00000026}.comp-label-left{color:#18181b;background-color:#ffffffeb;border:1px solid #0000001a;left:14px}.comp-label-right{color:#fff;background-color:#18181be0;border:1px solid #ffffff26;right:14px}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--bg-dark);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--bg-dark-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-main)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:#d1d1ca}.btn-sm{padding:6px 12px;font-size:.78rem}.advanced-accordion{border:1px solid var(--border-main);border-radius:var(--radius-lg);background-color:var(--bg-card);overflow:hidden}.accordion-trigger{background-color:var(--bg-subtle);cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--text-primary);border:none;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.85rem;font-weight:500;transition:background-color .15s;display:flex}.accordion-trigger:hover{background-color:var(--bg-hover)}.accordion-title-box{align-items:center;gap:8px;display:flex}.accordion-chevron{transition:transform .2s}.accordion-trigger.is-open .accordion-chevron{transform:rotate(180deg)}.accordion-content{border-top:1px solid var(--border-main);background-color:var(--bg-card);padding:20px;display:none}.accordion-content.is-open{display:block}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.setting-item{flex-direction:column;gap:6px;display:flex}.setting-item label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.select-input,.range-input{font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--border-main);background-color:var(--bg-card);color:var(--text-primary);outline:none;padding:7px 10px;font-size:.84rem;transition:border-color .15s}.select-input:focus{border-color:var(--border-strong)}.toggle-group{align-items:center;gap:8px;margin-top:4px;display:flex}.toggle-label{color:var(--text-primary);cursor:pointer;font-size:.82rem}.specs-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:4px;display:grid}.spec-box{background-color:var(--bg-subtle);border:1px solid var(--border-main);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.spec-box-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:500}.spec-box-value{font-size:.82rem;font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.faq-section{flex-direction:column;gap:20px;margin-top:24px;display:flex}.faq-header{text-align:left}.faq-header h2{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px;font-size:1.25rem;font-weight:600}.faq-header p{color:var(--text-secondary);font-size:.85rem}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.faq-card{background-color:var(--bg-card);border:1px solid var(--border-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:20px 22px;transition:transform .15s,border-color .15s;display:flex}.faq-card:hover{border-color:#d1d1ca;transform:translateY(-1px)}.faq-card h3{color:var(--text-primary);letter-spacing:-.01em;font-size:.92rem;font-weight:600}.faq-card p{color:var(--text-secondary);font-size:.82rem;line-height:1.55}.footer{text-align:center;border-top:1px solid var(--border-main);background-color:var(--bg-page);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 32px;font-size:.8rem;display:flex}.footer-link{color:var(--text-primary);font-weight:500;text-decoration:none}.footer-link:hover{text-decoration:underline}@media (width<=640px){.navbar{padding:14px 18px}.main-container{gap:20px;padding:24px 16px 40px}.hero-header h1{font-size:1.75rem}.dropzone-card{padding:36px 20px}.file-name-text{max-width:180px}.workspace-actions{justify-content:stretch;width:100%}.workspace-actions .btn{flex:1}}