#compressor{margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dropzone{text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-4);transition:border-color .15s,background-color .15s}.dropzone-active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.dropzone-button{font:inherit;font-weight:600;color:var(--color-accent);background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3)}.dropzone-button:hover{text-decoration:underline}.dropzone-hint{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.dropzone-selected{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);font-weight:600;word-break:break-all}.controls{margin-top:var(--space-3)}.control-group{border:none;margin:0 0 var(--space-2);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.control-group legend{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);padding:0;margin-bottom:var(--space-1);width:100%}.control-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);cursor:pointer;font-size:var(--font-size-sm)}.control-pill:has(input:checked){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg));font-weight:600}.control-pill:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.control-pill input[type=radio]{margin:0}.control-custom-input{width:4.5rem;font:inherit;font-size:var(--font-size-sm);padding:2px var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius)}.controls-locked{margin:var(--space-3) 0 var(--space-2);font-weight:600}.button-primary{display:inline-block;font:inherit;font-weight:600;color:var(--color-accent-contrast);background:var(--color-accent);border:none;border-radius:var(--radius);padding:var(--space-2) var(--space-4);cursor:pointer;text-decoration:none}.button-primary:hover{background:var(--color-accent-hover)}.button-primary:disabled{opacity:.45;cursor:not-allowed}.button-secondary{font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);cursor:pointer}.button-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.widget-notice{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg));border-radius:var(--radius)}.progress-stage{font-weight:600;margin:0 0 var(--space-2)}.progress-bar{height:10px;background:var(--color-border);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;width:0;background:var(--color-accent);border-radius:999px;transition:width .2s linear}.progress-meta{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 var(--space-2)}.progress-meta p{margin:0}.progress-engine{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-2)}.widget-error h3{color:var(--color-error);margin:0 0 var(--space-2)}.widget-error{padding:var(--space-3);background:var(--color-error-bg);border-radius:var(--radius)}.result-heading{margin:0 0 var(--space-2)}.result-heading:focus{outline:none}.result-sizes{font-weight:600;color:var(--color-success)}.result-dims{font-size:var(--font-size-sm);color:var(--color-text-muted)}.compare{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16 / 9}.compare-pane{position:absolute;inset:0}.compare-pane video{width:100%;height:100%;object-fit:contain}.compare-pane-top{clip-path:inset(0 0 0 50%)}.compare-tag{position:absolute;top:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:#fff;background:#0009;padding:2px var(--space-2);border-radius:var(--radius)}.compare-tag-left{left:var(--space-2)}.compare-tag-right{right:var(--space-2)}.compare-controls{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-2)}.compare-slider{flex:1}.compare-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 var(--space-3)}.result-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}