.cf-widget{display:flex;flex-direction:column;gap:16px}.cf-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;opacity:0;pointer-events:none}.cf-offline{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--success);background:var(--success-subtle);border:1px solid var(--border-hairline);border-radius:var(--radius-md)}.cf-offline__icon{flex:none}.cf-dz{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--surface-card);border:2px dashed var(--border-input);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}.cf-dz:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.cf-dz--over{background:var(--accent-subtle);border-color:var(--accent)}.cf-dz--hero{gap:12px;padding:48px 24px;min-height:220px}.cf-dz--compact{flex-direction:row;gap:8px;padding:14px 18px;min-height:0}.cf-dz__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);background:var(--surface-wash);color:var(--text-secondary);transition:background var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}.cf-dz--compact .cf-dz__icon{width:32px;height:32px}.cf-dz--over .cf-dz__icon{background:var(--accent);color:var(--on-accent)}.cf-dz__title{font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--text-primary)}.cf-dz--compact .cf-dz__title{font-size:var(--text-body)}.cf-dz__hint{font-size:var(--text-caption);color:var(--text-secondary)}.cf-dz__privacy{margin-top:4px;font-size:var(--text-caption);color:var(--text-secondary);max-width:34ch}.cf-bar{display:flex;flex-direction:column;gap:10px}.cf-settings{border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--surface-card);overflow:hidden}.cf-settings__summary{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;font-family:var(--font-ui);color:var(--text-primary);text-align:left}.cf-settings__summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.cf-settings__label{font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.cf-settings__value{margin-left:auto;font-size:var(--text-body-sm);color:var(--text-secondary)}.cf-settings__chev{color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out)}.cf-settings--open .cf-settings__chev{transform:rotate(180deg)}.cf-settings__panel{display:flex;flex-direction:column;gap:18px;padding:4px 16px 18px;border-top:1px solid var(--border-hairline)}.cf-field{display:flex;flex-direction:column;gap:8px;padding-top:14px}.cf-field__row{display:flex;align-items:baseline;justify-content:space-between}.cf-field__label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.cf-field__num{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.cf-field__hint{margin:0;font-size:var(--text-caption);color:var(--text-muted)}.cf-select{position:relative;display:inline-flex;align-self:flex-start}.cf-select select{appearance:none;-webkit-appearance:none;font-family:var(--font-ui);font-size:14px;font-weight:var(--weight-medium);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-input);border-radius:var(--radius-md);padding:9px 36px 9px 12px;min-height:38px;cursor:pointer}.cf-select select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.cf-select__chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.cf-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);outline:none;cursor:pointer}.cf-range:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.cf-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--paper-0);border:1px solid var(--line-2);box-shadow:0 1px 3px #1d1c1a2e;cursor:pointer}.cf-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--paper-0);border:1px solid var(--line-2);box-shadow:0 1px 3px #1d1c1a2e;cursor:pointer}.cf-preview{display:flex;align-items:center;gap:14px;padding:12px;background:var(--surface-wash);border-radius:var(--radius-md)}.cf-preview__frame{flex:none;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-sunken);border:1px solid var(--border-hairline)}.cf-preview__frame img{width:100%;height:100%;object-fit:cover;display:block}.cf-preview__meta{display:flex;flex-direction:column;gap:2px}.cf-preview__label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-secondary)}.cf-preview__size{font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}.cf-preview__orig{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.cf-seg{display:inline-flex;align-self:flex-start;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface-wash);padding:3px;gap:2px}.cf-seg__btn{border:none;background:transparent;font-family:var(--font-ui);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-secondary);padding:7px 16px;border-radius:calc(var(--radius-md) - 3px);cursor:pointer}.cf-seg__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.cf-seg__btn--active{background:var(--surface-card);color:var(--text-primary);box-shadow:0 1px 2px #1d1c1a14}.cf-queue{border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--surface-card);overflow:hidden}.cf-queue__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-hairline)}.cf-queue__count{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.cf-queue__done{font-weight:400;color:var(--text-muted)}.cf-queue__total{margin-left:auto;margin-right:12px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);white-space:nowrap}.cf-queue__total-pct{color:var(--success);font-weight:var(--weight-semibold)}.cf-linkbtn{background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-body-sm);color:var(--text-muted);padding:4px 6px;border-radius:var(--radius-sm)}.cf-linkbtn:hover{color:var(--text-primary)}.cf-linkbtn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.cf-queue__list{margin:0;padding:0;list-style:none}.cf-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-hairline)}.cf-row:last-child{border-bottom:none}.cf-row__hit{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left}button.cf-row__hit{cursor:pointer;border-radius:var(--radius-sm)}button.cf-row__hit:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.cf-row--selected{background:var(--accent-subtle);box-shadow:inset 2px 0 0 var(--accent)}.cf-row__pct{font-family:var(--font-mono);font-size:13px;font-weight:var(--weight-semibold);color:var(--success);white-space:nowrap}.cf-row__pct--flat{color:var(--text-secondary);font-weight:var(--weight-medium)}.cf-row__thumb{flex:none;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--surface-wash);color:var(--text-muted);overflow:hidden}.cf-row__thumb img{width:100%;height:100%;object-fit:cover}.cf-row__main{flex:1;min-width:0}.cf-row__name{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:3px}.cf-row__size{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.cf-row__fmt,.cf-row__arrow{color:var(--text-secondary)}.cf-row__save{font-family:var(--font-mono);font-size:12px;color:var(--success)}.cf-row__error{font-size:12px;color:var(--error)}.cf-progress{height:4px;margin-top:8px;background:var(--surface-sunken);border-radius:var(--radius-full);overflow:hidden}.cf-progress__bar{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--duration-slow) linear}.cf-row__actions{flex:none;display:flex;align-items:center;gap:6px}.cf-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface-wash);border-radius:var(--radius-sm);padding:3px 8px;white-space:nowrap}.cf-badge--success{color:var(--success);background:var(--success-subtle)}.cf-badge--error{color:var(--error);background:var(--error-subtle)}.cf-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer}.cf-iconbtn:hover{background:var(--surface-wash);color:var(--text-primary)}.cf-iconbtn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.cf-iconbtn--accent{color:var(--accent)}.cf-iconbtn--accent:hover{background:var(--accent-subtle);color:var(--accent-strong)}.cf-actions{display:flex;flex-wrap:wrap;gap:10px}.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-weight:var(--weight-medium);font-size:16px;line-height:1.2;padding:13px 22px;min-height:48px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.cf-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.cf-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cf-btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.cf-btn--secondary{background:var(--surface-card);border-color:var(--border-input);color:var(--text-primary)}.cf-btn--secondary:hover{border-color:var(--ink-4)}.cf-btn:disabled{opacity:.55;cursor:default}.cf-compare{border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--surface-card);overflow:hidden}.cf-compare__head{display:flex;align-items:baseline;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-hairline)}.cf-compare__title{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.cf-compare__file{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-compare__frame{position:relative;height:300px;background:var(--surface-sunken);user-select:none;touch-action:none;cursor:ew-resize;overflow:hidden}.cf-compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.cf-compare__clip{position:absolute;inset:0 auto 0 0;overflow:hidden;border-right:2px solid #fff}.cf-compare__inner{position:absolute;top:0;left:0;height:100%;min-width:100%}.cf-compare__tag{position:absolute;bottom:10px;font-size:var(--text-micro);font-weight:var(--weight-medium);color:#fff;background:#1d1c1ab8;padding:3px 8px;border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap}.cf-compare__tag--left{left:10px}.cf-compare__tag--right{right:10px}.cf-compare__handle{position:absolute;top:0;bottom:0;width:32px;margin-left:-16px;display:flex;align-items:center;justify-content:center;cursor:ew-resize}.cf-compare__handle:focus-visible{outline:none}.cf-compare__handle:focus-visible .cf-compare__knob{outline:2px solid var(--focus-ring);outline-offset:2px}.cf-compare__knob{width:32px;height:32px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--line-2);box-shadow:0 1px 4px #1d1c1a3d;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.cf-compare__hint{margin:0;padding:10px 16px;font-size:var(--text-caption);color:var(--text-muted);border-top:1px solid var(--border-hairline)}.cf-trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--text-caption);color:var(--text-secondary)}.cf-trust__sep{color:var(--ink-4)}.cf-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:520px){.cf-dz--hero{padding:36px 18px;min-height:180px}.cf-btn{flex:1 1 auto}.cf-queue__head{flex-wrap:wrap;row-gap:4px}.cf-queue__total{order:3;flex-basis:100%;margin:0}.cf-compare__frame{height:220px}}@media(prefers-reduced-motion:reduce){.cf-dz,.cf-settings__chev,.cf-progress__bar,.cf-btn{transition:none}}