:root{--color-bg: #f7f7fb;--color-surface: #ffffff;--color-surface-2: #f0f0f7;--color-border: #e2e2ee;--color-text: #16161f;--color-text-muted: #61616f;--color-primary: #5b5bf6;--color-primary-hover: #4747d9;--color-primary-contrast: #ffffff;--color-success: #1a9c5c;--color-danger: #e0473e;--color-focus: #5b5bf6;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(20, 20, 40, .06);--shadow-md: 0 8px 24px rgba(20, 20, 40, .08);--transition: .16s ease}:root[data-theme=dark]{--color-bg: #0f0f16;--color-surface: #17171f;--color-surface-2: #1e1e29;--color-border: #2b2b3a;--color-text: #f1f1f7;--color-text-muted: #9a9aac;--color-primary: #7c7cff;--color-primary-hover: #9494ff;--color-primary-contrast: #0f0f16;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0f0f16;--color-surface: #17171f;--color-surface-2: #1e1e29;--color-border: #2b2b3a;--color-text: #f1f1f7;--color-text-muted: #9a9aac;--color-primary: #7c7cff;--color-primary-hover: #9494ff;--color-primary-contrast: #0f0f16;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;transition:background var(--transition),color var(--transition)}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{line-height:1.2}.skip-link{position:absolute;left:-999px;top:0;background:var(--color-primary);color:var(--color-primary-contrast);padding:8px 16px;border-radius:0 0 var(--radius-sm) 0;z-index:100}.skip-link:focus{left:0}.container{max-width:880px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--color-border);position:sticky;top:0;background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(8px);z-index:10}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px;gap:12px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-text)}.brand__mark{color:var(--color-primary);flex-shrink:0}.brand__name{font-weight:700;font-size:1.05rem}.site-header__actions{display:flex;align-items:center;gap:10px}.trust-badge{display:none;align-items:center;gap:6px;font-size:.78rem;color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent);padding:6px 10px;border-radius:999px;white-space:nowrap}@media (min-width: 640px){.trust-badge{display:inline-flex}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:background var(--transition),transform var(--transition)}.icon-btn:hover{background:var(--color-surface-2)}.icon-btn:active{transform:scale(.94)}.icon-moon{display:none}:root[data-theme=dark] .icon-sun{display:none}:root[data-theme=dark] .icon-moon{display:block}.hero{padding-block:40px 24px;text-align:center}.hero h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 10px;letter-spacing:-.02em}.hero__sub{color:var(--color-text-muted);max-width:560px;margin:0 auto 24px;font-size:1rem}.banner{border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem;margin-bottom:18px;text-align:left}.banner--info{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-text);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.banner--error{background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent)}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color var(--transition),background var(--transition),transform var(--transition);outline-offset:4px}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface))}.drop-zone.is-dragover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));transform:scale(1.01)}.drop-zone__icon{color:var(--color-primary)}.drop-zone__title{font-weight:600;margin:4px 0 0}.drop-zone__sub{color:var(--color-text-muted);font-size:.85rem;margin:0}.file-queue{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.file-queue__item{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px}.file-queue__thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-surface-2);flex-shrink:0;object-fit:cover}.file-queue__meta{flex:1;min-width:0}.file-queue__name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-queue__details{font-size:.78rem;color:var(--color-text-muted)}.file-queue__status{font-size:.78rem;color:var(--color-text-muted);flex-shrink:0}.file-queue__remove{background:none;border:none;color:var(--color-text-muted);padding:4px;border-radius:6px;flex-shrink:0}.file-queue__remove:hover{color:var(--color-danger);background:var(--color-surface-2)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.workspace{padding-block:8px 32px}.tabs{display:flex;gap:4px;background:var(--color-surface-2);padding:4px;border-radius:var(--radius-md);margin-bottom:16px;overflow-x:auto}.tab{flex:1;border:none;background:transparent;padding:9px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;transition:background var(--transition),color var(--transition)}.tab[aria-selected=true]{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:5px;transition:border-color var(--transition),color var(--transition),background var(--transition)}.chip span{font-weight:500;opacity:.75}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip.is-selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.mode-panel{margin-bottom:18px}.preset-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.preset-card{text-align:left;border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:4px;transition:border-color var(--transition),background var(--transition)}.preset-card strong{font-size:.92rem}.preset-card span{font-size:.78rem;color:var(--color-text-muted)}.preset-card:hover{border-color:var(--color-primary)}.preset-card.is-selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600}.field>span:first-child{color:var(--color-text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}.field input[type=number],.field select{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:9px 12px;font-weight:500;width:100%}.field input[type=range]{width:100%;accent-color:var(--color-primary)}.field__row{display:flex;align-items:center;gap:8px}.field__row input{flex:1}.field__unit{color:var(--color-text-muted);font-weight:600;font-size:.85rem}.field__hint{font-size:.78rem;color:var(--color-text-muted);margin:8px 0 0}.field--checkbox{flex-direction:row;align-items:center;gap:8px}.field--checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.grid-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.estimate-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--color-border);padding-top:16px;flex-wrap:wrap}.estimate-bar__text{display:flex;flex-direction:column}.estimate-bar__label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.estimate-bar__value{font-size:1.3rem;font-weight:700}.btn{border:none;border-radius:var(--radius-sm);padding:11px 20px;font-weight:600;font-size:.9rem;transition:background var(--transition),transform var(--transition),opacity var(--transition)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-border)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn--ghost:hover{color:var(--color-text);background:var(--color-surface-2)}.progress-panel__header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1.1rem;margin-bottom:12px}.progress-bar{height:10px;border-radius:999px;background:var(--color-surface-2);overflow:hidden}.progress-bar__fill{height:100%;width:0%;background:var(--color-primary);border-radius:999px;transition:width .2s ease}.progress-panel__stats{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:.78rem;color:var(--color-text-muted);flex-wrap:wrap}.results-panel h2{margin-top:0}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.results-stats__item{background:var(--color-surface-2);border-radius:var(--radius-md);padding:12px;text-align:center}.results-stats__item--highlight{background:color-mix(in srgb,var(--color-success) 14%,transparent)}.results-stats__label{display:block;font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:4px}.results-stats__value{font-weight:700;font-size:1.05rem}.results-stats__item--highlight .results-stats__value{color:var(--color-success)}.compare-slider{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-2);margin-bottom:16px;user-select:none}.compare-slider img{width:100%;height:100%;object-fit:contain;background:#000}.compare-slider__after{position:absolute;inset:0;width:50%;overflow:hidden}.compare-slider__after img{width:var(--compare-w, 100vw);max-width:none;height:100%}.compare-slider__handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;cursor:ew-resize;box-shadow:0 0 0 1px #0003}.compare-slider__handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:999px;background:#fff;box-shadow:var(--shadow-md)}.compare-slider__tag{position:absolute;top:10px;font-size:.7rem;font-weight:700;color:#fff;background:#0000008c;padding:3px 8px;border-radius:999px;pointer-events:none}.compare-slider__tag--before{left:10px}.compare-slider__tag--after{right:10px}.preview-video{width:100%;border-radius:var(--radius-md);background:#000;margin-bottom:18px}.batch-results-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.batch-result-row{display:flex;align-items:center;gap:12px;background:var(--color-surface-2);border-radius:var(--radius-md);padding:10px 14px}.batch-result-row__meta{flex:1;min-width:0}.batch-result-row__name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-result-row__details{font-size:.78rem;color:var(--color-text-muted)}.batch-result-row__details--error{color:var(--color-danger)}.batch-result-row__savings{font-weight:700;font-size:.85rem;color:var(--color-success);flex-shrink:0}.batch-result-row__download{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.78rem;font-weight:600;color:var(--color-text);flex-shrink:0}.batch-result-row__download:hover{background:var(--color-surface)}.batch-result-row__download:disabled{opacity:.4;cursor:not-allowed}.results-actions{display:flex;flex-wrap:wrap;gap:10px}.faq{padding-block:40px 60px}.faq h2{font-size:1.4rem;margin-bottom:16px}.faq details{border-bottom:1px solid var(--color-border);padding:14px 0}.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.2rem;color:var(--color-text-muted);transition:transform var(--transition)}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--color-text-muted);margin:10px 0 0;font-size:.9rem}.site-footer{border-top:1px solid var(--color-border);padding-block:22px;color:var(--color-text-muted);font-size:.82rem}.site-footer__inner{display:flex;flex-direction:column;gap:4px}@media (min-width: 640px){.site-footer__inner{flex-direction:row;justify-content:space-between}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 37%,var(--color-surface-2) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}