:root{--ic-primary:var(--main-primary);--ic-primary-rgb:99, 102, 241;--ic-text:#1e293b;--ic-text-muted:#64748b;--ic-bg:#fff;--ic-bg-secondary:#f8fafc;--ic-border:#e2e8f0;--ic-success:#10b981;--ic-success-bg:#10b9811a;--ic-error:#ef4444;--ic-radius:var(--main-radius);--ic-radius-lg:var(--main-radius-lg);--ic-shadow:0 1px 3px #00000014;--ic-shadow-md:0 4px 12px #0000001a}._ic-container{max-width:800px;margin:0 auto}._ic-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}._ic-chip{border-radius:var(--main-radius-full);color:var(--ic-text-muted);background:var(--ic-bg);border-style:solid;border-width:1px;border-color:var(--ic-border);cursor:pointer;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}._ic-chip:hover{color:var(--ic-text);border-color:var(--ic-text-muted)}._ic-chip-active{background:var(--ic-primary);color:#fff;border-color:var(--ic-primary);cursor:default}._ic-chip-active:hover{color:#fff;border-color:var(--ic-primary)}@media (max-width:768px){._ic-container{padding-left:1rem;padding-right:1rem}}._ic-upload{border-style:dashed;border-width:2px;border-color:var(--ic-border);border-radius:var(--ic-radius-lg);background:var(--ic-bg);cursor:pointer;position:relative;overflow:hidden}._ic-upload:hover{border-color:var(--ic-primary)}._ic-upload[data-dragover=true]{border-color:var(--ic-primary);background:rgba(var(--ic-primary-rgb), .04)}._ic-upload-inner{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}._ic-upload-icon{color:var(--ic-text-muted);opacity:.6}._ic-upload-text{color:var(--ic-text);font-size:.9375rem;font-weight:500}._ic-upload-hint{color:var(--ic-text-muted);font-size:.8125rem}._ic-upload-input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}._ic-upload[data-has-files=true] ._ic-upload-inner{padding:1.25rem 1.5rem}._ic-upload[data-has-files=true] ._ic-upload-icon{display:none}@media (max-width:768px){._ic-upload-inner{padding:2rem 1rem}}._ic-controls{background:var(--ic-bg);border-radius:var(--ic-radius-lg);border-style:solid;border-width:1px;border-color:var(--ic-border);box-shadow:var(--ic-shadow);margin-top:1rem;padding:1rem 1.25rem}._ic-controls-row{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}._ic-quality-group{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}._ic-label{color:var(--ic-text);white-space:nowrap;font-size:.8125rem;font-weight:600}._ic-quality-slider{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}._ic-range{-webkit-appearance:none;appearance:none;background:var(--ic-border);border-radius:3px;outline:none;flex:1;min-width:100px;height:6px}._ic-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ic-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--ic-primary-rgb), .3);border-radius:50%}._ic-range::-moz-range-thumb{background:var(--ic-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--ic-primary-rgb), .3);border-width:0;border-radius:50%}._ic-quality-number{border-style:solid;border-width:1px;border-color:var(--ic-border);border-radius:var(--ic-radius);text-align:center;width:60px;color:var(--ic-text);background:var(--ic-bg);padding:.375rem .5rem;font-size:.8125rem}._ic-quality-number:focus{border-color:var(--ic-primary);box-shadow:0 0 0 2px rgba(var(--ic-primary-rgb), .15);outline:none}._ic-frame-skip-group{flex-shrink:0;align-items:center;gap:.75rem;display:flex}._ic-select{border-style:solid;border-width:1px;border-color:var(--ic-border);border-radius:var(--ic-radius);color:var(--ic-text);background:var(--ic-bg);cursor:pointer;padding:.375rem .625rem;font-size:.8125rem}._ic-select:focus{border-color:var(--ic-primary);box-shadow:0 0 0 2px rgba(var(--ic-primary-rgb), .15);outline:none}._ic-actions-group{flex-shrink:0;align-items:center;gap:.5rem;display:flex}._ic-btn{border-radius:var(--ic-radius);cursor:pointer;white-space:nowrap;border-width:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}._ic-btn-primary{background:var(--ic-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--ic-primary-rgb), .25)}._ic-btn-primary:hover{opacity:.9}._ic-btn-ghost{color:var(--ic-text-muted);background:0 0;padding:.5rem .75rem}._ic-btn-ghost:hover{color:var(--ic-error)}@media (max-width:768px){._ic-controls-row{flex-direction:column;align-items:stretch;gap:.75rem}._ic-actions-group{justify-content:flex-end}}._ic-file-list{flex-direction:column;gap:.5rem;min-height:0;margin-top:.75rem;display:flex}._ic-file-item{background:var(--ic-bg);border-radius:var(--ic-radius-lg);border-style:solid;border-width:1px;border-color:var(--ic-border);box-shadow:var(--ic-shadow);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}._ic-file-thumb{border-radius:var(--ic-radius);object-fit:cover;background:var(--ic-bg-secondary);cursor:pointer;flex-shrink:0;width:48px;height:48px}._ic-file-thumb:hover{opacity:.8}._ic-file-info{flex:1;min-width:0}._ic-file-name{color:var(--ic-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}._ic-file-meta{color:var(--ic-text-muted);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;display:flex}._ic-file-arrow{color:var(--ic-text-muted);opacity:.5}._ic-file-compressed-size{color:var(--ic-text);font-weight:600}._ic-file-badge{border-radius:var(--main-radius-full);padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}._ic-file-badge-success{background:var(--ic-success-bg);color:var(--ic-success)}._ic-file-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}._ic-file-btn{border-radius:var(--ic-radius);width:32px;height:32px;color:var(--ic-text-muted);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;display:inline-flex}._ic-file-btn:hover{color:var(--ic-primary);background:rgba(var(--ic-primary-rgb), .08)}._ic-file-btn-delete:hover{color:var(--ic-error);background:#ef444414}._ic-file-status{width:32px;height:32px;color:var(--ic-text-muted);justify-content:center;align-items:center;display:inline-flex}._ic-file-status[data-status=done]{color:var(--ic-success)}._ic-file-status .spinner{animation:1s linear infinite _ic-spin}@keyframes _ic-spin{to{transform:rotate(360deg)}}@media (max-width:480px){._ic-file-item{gap:.5rem;padding:.625rem .75rem}._ic-file-thumb{width:40px;height:40px}._ic-file-meta{flex-wrap:wrap}}._ic-summary{background:var(--ic-bg);border-radius:var(--ic-radius-lg);border-style:solid;border-width:1px;border-color:var(--ic-border);box-shadow:var(--ic-shadow);gap:.5rem;margin-top:.75rem;padding:.875rem 1.25rem;display:flex}._ic-summary-item{text-align:center;flex:1}._ic-summary-label{color:var(--ic-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.6875rem;font-weight:500;display:block}._ic-summary-value{color:var(--ic-text);font-size:1rem;font-weight:700}._ic-text-success{color:var(--ic-success)!important}._ic-summary-saved{border-left-style:solid;border-left-width:1px;border-left-color:var(--ic-border);padding-left:.5rem}@media (max-width:480px){._ic-summary{flex-wrap:wrap}._ic-summary-item{flex:40%}._ic-summary-saved{border-top-style:solid;border-top-width:1px;border-left-width:0;border-top-color:var(--ic-border);flex:100%;margin-top:.25rem;padding-top:.5rem;padding-left:0}}._ic-preview-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._ic-preview-modal{background:var(--ic-bg);border-radius:var(--ic-radius-lg);width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}._ic-preview-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ic-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}._ic-preview-title{color:var(--ic-text);font-size:.875rem;font-weight:600}._ic-preview-close{border-radius:var(--ic-radius);width:32px;height:32px;color:var(--ic-text-muted);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;display:inline-flex}._ic-preview-close:hover{color:var(--ic-text);background:var(--ic-bg-secondary)}._ic-preview-body{max-height:calc(90vh - 60px);padding:1.5rem;overflow-y:auto}._ic-preview-compare{align-items:flex-start;gap:1.5rem;display:flex}._ic-preview-side{text-align:center;flex:1}._ic-preview-side img{border-radius:var(--ic-radius);border-style:solid;border-width:1px;border-color:var(--ic-border);object-fit:contain;background:var(--ic-bg-secondary);max-width:100%;max-height:50vh}._ic-preview-label{color:var(--ic-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}._ic-preview-size{color:var(--ic-text);margin-top:.5rem;font-size:.8125rem;font-weight:600}._ic-preview-divider{color:var(--ic-text-muted);opacity:.4;flex-shrink:0;justify-content:center;align-items:center;padding-top:6rem;display:flex}@media (max-width:768px){._ic-preview-overlay{padding:1rem}._ic-preview-compare{flex-direction:column;gap:1rem}._ic-preview-divider{padding-top:0;transform:rotate(90deg)}._ic-preview-body{padding:1rem}}