.ic-controls-pane{container-type:inline-size;display:flex;flex-direction:column;gap:var(--spacing-5)}.ic-result-pane{display:flex;flex-direction:column;gap:var(--spacing-5)}.ic-empty-hint{margin:0;color:var(--color-text-2);font-size:14px;text-align:center;padding:var(--spacing-8) var(--spacing-6)}.ic-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ic-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-8) var(--spacing-6);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease}.ic-dropzone:hover,.ic-dropzone:focus-within,.ic-dropzone.is-dragging{border-color:var(--color-accent);background:var(--color-accent-bg)}[data-theme=dark] .ic-dropzone{background:var(--color-bg-3)}.ic-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ic-dropzone__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:var(--spacing-2);border-radius:50%;background:var(--color-accent-bg);color:var(--color-accent)}.ic-dropzone__title{font-size:15px;font-weight:600;color:var(--color-text-1)}.ic-dropzone__sub{font-size:13px;color:var(--color-text-2)}.ic-dropzone__browse{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);font-size:13px;font-weight:600}.ic-dropzone__hint{margin-top:var(--spacing-3);font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.ic-error{display:flex;align-items:center;gap:var(--spacing-2);margin:var(--spacing-3) 0 0;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-text);font-size:13px;font-weight:500}.ic-stage{display:flex;flex-direction:column;gap:var(--spacing-5)}.ic-controls{display:flex;flex-direction:column;gap:var(--spacing-4)}.ic-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.ic-field.is-muted{opacity:.65}.ic-field-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-2)}.ic-field-help{margin:0;font-size:12px;line-height:1.6;color:var(--color-text-2)}.ic-mode-group{display:flex;gap:var(--spacing-1)}.ic-mode-btn{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;font:inherit;font-size:13px;font-weight:500;color:var(--color-text-2);cursor:pointer;transition:all .15s ease}.ic-mode-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.ic-mode-btn.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.ic-mode-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ic-quality-value{margin-left:auto;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--color-accent);letter-spacing:0}.ic-slider{width:100%;height:6px;margin:0;appearance:none;-webkit-appearance:none;border-radius:999px;cursor:pointer;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--ic-q-pct, 0%),var(--color-bg-3) var(--ic-q-pct, 0%),var(--color-bg-3) 100%)}.ic-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-bg);box-shadow:0 1px 3px #0003}.ic-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-bg)}.ic-slider:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.ic-estimated-size{display:inline-block;font-size:12px;color:var(--color-text-2);min-height:1.4em}.ic-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);font:inherit;font-size:14px;color:var(--color-text-1);cursor:pointer;appearance:auto}.ic-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[data-theme=dark] .ic-select{background:var(--color-bg-3)}.ic-exif-field{gap:var(--spacing-1)}.ic-exif-hint{margin-top:var(--spacing-1)}.ic-compressing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-6) 0;text-align:center}.ic-compressing__label{margin:0;font-size:14px;color:var(--color-text-2)}.ic-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:ic-spin .8s linear infinite}@keyframes ic-spin{to{transform:rotate(360deg)}}.ic-summary{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success-text)}.ic-summary__text{margin:0;font-size:13px;font-weight:500}.ic-slider-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border);touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize}.ic-slider-before,.ic-slider-after{display:block;width:100%;height:auto;object-fit:contain}.ic-slider-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--ic-split-pct, 50%)) 0 0)}.ic-slider-before{position:relative}.ic-slider-label{position:absolute;top:var(--spacing-2);padding:2px var(--spacing-2);border-radius:var(--radius-sm);background:#0000008c;color:#fff;font-size:11px;font-weight:600;pointer-events:none}.ic-slider-label--before{left:var(--spacing-2)}.ic-slider-label--after{right:var(--spacing-2)}.ic-slider-thumb{position:absolute;top:0;bottom:0;left:calc(var(--ic-split-pct, 50%) - 20px);width:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:ew-resize;z-index:2}.ic-slider-thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ic-slider-thumb-bar{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 4px #0006;transform:translate(-50%)}.ic-slider-thumb-handle{position:relative;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;display:flex;align-items:center;justify-content:center;color:var(--color-text-2);flex-shrink:0}.ic-batch-queue{display:flex;flex-direction:column;gap:var(--spacing-2)}.ic-batch-queue__head{display:flex;align-items:center;justify-content:space-between}.ic-batch-queue__title{font-size:13px;font-weight:600;color:var(--color-text-1)}.ic-batch-queue__count{font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.ic-batch-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin:0;padding:0;list-style:none}.ic-batch-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2)}[data-theme=dark] .ic-batch-row{background:var(--color-bg-3)}.ic-batch-row.is-error{border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border))}.ic-queue-thumb{width:40px;height:40px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-bg-3)}.ic-batch-row__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ic-batch-row__name{font-size:13px;font-weight:600;color:var(--color-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-batch-row__meta{font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.ic-batch-row__error{color:var(--color-danger-text)}.ic-batch-row__status{display:flex;align-items:center;flex-shrink:0}.ic-status-icon{color:var(--color-text-2)}.ic-status-icon--done{color:var(--color-success)}.ic-status-icon--error{color:var(--color-danger)}.ic-status-icon--compressing{color:var(--color-accent)}.ic-spin{animation:ic-spin .8s linear infinite}.ic-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-accent);cursor:pointer;transition:all .15s ease}.ic-icon-btn:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.ic-icon-btn:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.ic-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.ic-trust-note{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-5);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success-text);font-size:12px;font-weight:500}.ic-trust-note code{font-family:var(--font-mono);font-size:12px;background:var(--color-success-soft);padding:1px 4px;border-radius:4px}@media(prefers-reduced-motion:reduce){.ic-slider-after,.ic-dropzone,.ic-mode-btn,.ic-icon-btn{transition:none}.ic-spinner,.ic-spin{animation:none}}@container (max-width: 480px){.ic-dropzone{padding:var(--spacing-6) var(--spacing-4)}.ic-mode-group,.ic-actions{flex-direction:column}.ic-actions>.tool-btn{width:100%}}.tw-below .ic-batch-queue{padding:0 var(--spacing-6) var(--spacing-6)}@container (min-width: 520px){.ic-slider-wrapper{min-height:min(48vh,420px)}}@container (min-width: 720px){.ic-batch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}}@container (min-width: 1100px){.ic-batch-list{grid-template-columns:repeat(3,minmax(0,1fr))}}