.rux-success-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,rgba(45,212,160,0.12) 0%,rgba(79,142,247,0.08) 100%);border:1px solid rgba(45,212,160,0.3);border-radius:14px;margin-bottom:16px;animation:rux-banner-in 0.4s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes rux-banner-in{from{opacity:0;transform:translateY(-8px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rux-success-icon{width:32px;height:32px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;box-shadow:0 0 16px rgba(45,212,160,0.4);animation:rux-checkmark-pop 0.5s 0.15s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes rux-checkmark-pop{from{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0deg)}}.rux-success-text{flex:1}.rux-success-title{font-size:14px;font-weight:700;color:var(--green);letter-spacing:0.01em}.rux-success-sub{font-size:12px;color:var(--text-2);margin-top:1px}.rux-success-time{font-size:11px;color:var(--muted);background:var(--card2);border:1px solid var(--border);border-radius:20px;padding:3px 10px;white-space:nowrap}.rux-stats-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:14px;animation:rux-slide-up 0.35s ease both}@keyframes rux-slide-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rux-stats-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card2)}.rux-stats-header-title{font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:0.08em;text-transform:uppercase}.rux-stats-header-name{font-size:12px;color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rux-stats-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;padding:16px}.rux-stats-col{text-align:center;padding:8px 12px}.rux-stats-col-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:6px}.rux-stats-format{display:inline-block;font-size:12px;font-weight:800;padding:3px 10px;border-radius:6px;background:rgba(79,142,247,0.12);color:var(--accent);letter-spacing:0.04em;margin-bottom:4px}.rux-stats-col.rux-col-original .rux-stats-format{background:rgba(176,189,208,0.12);color:var(--text-2)}.rux-stats-size{font-size:18px;font-weight:700;color:var(--text);line-height:1.2}.rux-stats-dim{font-size:11px;color:var(--muted);margin-top:2px}.rux-stats-arrow{font-size:18px;color:var(--border2);padding:0 4px;flex-shrink:0}.rux-stats-col.rux-col-savings{background:linear-gradient(135deg,rgba(45,212,160,0.08) 0%,rgba(45,212,160,0.04) 100%);border-radius:10px;border:1px solid rgba(45,212,160,0.2);padding:10px 14px}.rux-stats-col.rux-col-savings .rux-stats-col-label{color:rgba(45,212,160,0.7)}.rux-savings-pct{font-size:26px;font-weight:900;color:var(--green);line-height:1;letter-spacing:-0.02em}.rux-savings-bytes{font-size:12px;color:var(--green);opacity:0.8;margin-top:3px}.rux-savings-bar-wrap{margin-top:8px;height:4px;background:var(--border);border-radius:4px;overflow:hidden}.rux-savings-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),#34d399);border-radius:4px;transition:width 0.8s cubic-bezier(0.4,0,0.2,1);width:0%}.rux-stats-col.rux-col-savings.rux-savings-neg{background:rgba(248,113,113,0.06);border-color:rgba(248,113,113,0.2)}.rux-stats-col.rux-col-savings.rux-savings-neg .rux-savings-pct{color:var(--red)}.rux-stats-col.rux-col-savings.rux-savings-neg .rux-savings-bytes{color:var(--red)}.rux-stats-col.rux-col-savings.rux-savings-neg .rux-savings-bar-fill{background:var(--red)}.rux-proc-time{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);padding:3px 10px;background:var(--card2);border:1px solid var(--border);border-radius:20px;margin-top:6px}.rux-proc-time-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 5px var(--accent)}.rux-details-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:14px}.rux-detail-chip{background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;text-align:center;animation:rux-slide-up 0.35s ease both}.rux-detail-chip-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:4px}.rux-detail-chip-val{font-size:14px;font-weight:700;color:var(--text)}.rux-detail-chip-val.rux-val-green{color:var(--green)}.rux-detail-chip-val.rux-val-accent{color:var(--accent)}.rux-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;animation:rux-slide-up 0.4s 0.1s ease both}.rux-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all 0.18s ease;white-space:nowrap;min-height:40px}.rux-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rux-btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(79,142,247,0.35)}.rux-btn-primary:hover{background:var(--accent-d);box-shadow:0 6px 18px rgba(79,142,247,0.45);transform:translateY(-1px)}.rux-btn-secondary{background:var(--card2);color:var(--text);border:1px solid var(--border)}.rux-btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:rgba(79,142,247,0.06)}.rux-btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.rux-btn-ghost:hover{background:var(--card2);color:var(--text)}.rux-btn-green{background:rgba(45,212,160,0.15);color:var(--green);border:1px solid rgba(45,212,160,0.3)}.rux-btn-green:hover{background:rgba(45,212,160,0.22);box-shadow:0 4px 12px rgba(45,212,160,0.2)}.rux-btn-icon{font-size:15px;line-height:1}.rux-btn-divider{width:1px;background:var(--border);align-self:stretch;margin:2px 4px;flex-shrink:0}.rux-btn.rux-copied{background:var(--green)!important;color:#fff!important;border-color:transparent!important}.rux-recommendations{margin-top:20px;animation:rux-slide-up 0.4s 0.2s ease both}.rux-rec-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rux-rec-title{font-size:12px;font-weight:700;color:var(--text-2);letter-spacing:0.06em;text-transform:uppercase}.rux-rec-badge{font-size:10px;font-weight:700;background:rgba(79,142,247,0.15);color:var(--accent);border-radius:20px;padding:2px 8px}.rux-rec-grid{display:flex;flex-wrap:wrap;gap:8px}.rux-rec-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;background:var(--card2);border:1px solid var(--border);border-radius:10px;font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;text-decoration:none;transition:all 0.18s ease;min-height:40px}.rux-rec-chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(79,142,247,0.06);transform:translateY(-1px);text-decoration:none}.rux-rec-chip-icon{font-size:14px}.rux-rec-chip-benefit{font-size:10px;color:var(--muted);font-weight:400;display:block}.rux-batch-dashboard{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px;animation:rux-slide-up 0.35s ease both}.rux-batch-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card2);border-bottom:1px solid var(--border)}.rux-batch-title{font-size:13px;font-weight:700;color:var(--text)}.rux-batch-subtitle{font-size:11px;color:var(--muted)}.rux-batch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.rux-batch-stat{text-align:center;padding:16px 12px;border-right:1px solid var(--border)}.rux-batch-stat:last-child{border-right:none}.rux-batch-stat-val{font-size:26px;font-weight:900;line-height:1;color:var(--text);letter-spacing:-0.02em}.rux-batch-stat-val.rux-green{color:var(--green)}.rux-batch-stat-val.rux-red{color:var(--red)}.rux-batch-stat-val.rux-accent{color:var(--accent)}.rux-batch-stat-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase;margin-top:4px}.rux-batch-progress-bar{height:3px;background:var(--border);position:relative}.rux-batch-progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--accent));transition:width 0.6s ease}.rux-history-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.18s,transform 0.18s}.rux-history-card:hover{border-color:var(--accent);transform:translateY(-2px)}.rux-history-thumb-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--card2)}.rux-history-thumb{width:100%;height:100%;object-fit:cover}.rux-history-op-badge{position:absolute;top:6px;left:6px;font-size:9px;font-weight:800;background:rgba(0,0,0,0.65);color:var(--accent);border-radius:5px;padding:2px 6px;letter-spacing:0.04em;backdrop-filter:blur(4px);text-transform:uppercase}.rux-history-savings-badge{position:absolute;top:6px;right:6px;font-size:10px;font-weight:800;background:rgba(45,212,160,0.85);color:#fff;border-radius:5px;padding:2px 7px;backdrop-filter:blur(4px)}.rux-history-savings-badge.rux-neutral{background:rgba(96,112,128,0.7);color:#fff}.rux-history-body{padding:10px 12px;flex:1}.rux-history-name{font-size:11px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.rux-history-size-row{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-2)}.rux-history-size-orig{text-decoration:line-through;color:var(--muted)}.rux-history-size-arrow{color:var(--muted);font-size:10px}.rux-history-size-new{color:var(--green);font-weight:600}.rux-history-timestamp{font-size:10px;color:var(--muted);margin-top:4px}.rux-history-footer{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border);background:var(--card2)}.rux-history-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600;padding:7px;border-radius:8px;border:none;cursor:pointer;transition:all 0.15s}.rux-history-btn-dl{background:var(--accent);color:#fff}.rux-history-btn-dl:hover{background:var(--accent-d)}.rux-history-btn-rm{background:var(--card);color:var(--muted);border:1px solid var(--border)}.rux-history-btn-rm:hover{color:var(--red);border-color:var(--red)}.rux-section{margin-bottom:14px}.rux-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:var(--card2);border:1px solid var(--border);border-radius:10px;font-size:12px;font-weight:700;color:var(--text-2);letter-spacing:0.04em;cursor:pointer;transition:all 0.18s;text-transform:uppercase}.rux-section-toggle:hover{border-color:var(--accent);color:var(--accent)}.rux-section-toggle-icon{font-size:10px;color:var(--muted);transition:transform 0.2s}.rux-section-toggle[aria-expanded="true"] .rux-section-toggle-icon{transform:rotate(180deg)}.rux-section-body{padding-top:10px}.rux-download-block{background:linear-gradient(135deg,rgba(79,142,247,0.08) 0%,rgba(123,91,246,0.04) 100%);border:1px solid rgba(79,142,247,0.25);border-radius:14px;padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;animation:rux-slide-up 0.35s 0.05s ease both}.rux-download-info{flex:1;min-width:140px}.rux-download-info-title{font-size:13px;font-weight:700;color:var(--text)}.rux-download-info-sub{font-size:11px;color:var(--muted);margin-top:2px}.rux-download-actions{display:flex;flex-wrap:wrap;gap:8px}.rux-result-wrapper{border-radius:16px;overflow:hidden;border:1px solid var(--border);margin-bottom:20px;background:var(--card)}.rux-result-wrapper-header{display:flex;align-items:center;padding:10px 16px;background:var(--card2);border-bottom:1px solid var(--border);gap:10px}.rux-result-wrapper-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:rux-pulse 2s infinite}@keyframes rux-pulse{0%,100%{box-shadow:0 0 5px var(--green)}50%{box-shadow:0 0 12px var(--green)}}.rux-result-wrapper-name{flex:1;font-size:12px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rux-result-wrapper-body{padding:16px}.rux-copy-info-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all 0.15s}.rux-copy-info-btn:hover{background:var(--border);color:var(--text)}@media (max-width:600px){.rux-stats-grid{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:8px}.rux-col-savings{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:16px}.rux-batch-stats{grid-template-columns:repeat(2,1fr)}.rux-batch-stat:nth-child(2){border-right:none}.rux-batch-stat{border-bottom:1px solid var(--border)}.rux-batch-stat:nth-child(3),.rux-batch-stat:nth-child(4){border-bottom:none}.rux-savings-pct{font-size:20px}.rux-stats-size{font-size:15px}.rux-btn{padding:9px 12px;font-size:12px}.rux-batch-stat-val{font-size:20px}.rux-details-panel{grid-template-columns:repeat(2,1fr)}}[data-theme="light"] .rux-stats-card,[data-theme="light"] .rux-batch-dashboard,[data-theme="light"] .rux-result-wrapper{box-shadow:0 2px 12px rgba(0,0,0,0.07)}[data-theme="light"] .rux-success-banner{background:linear-gradient(135deg,rgba(45,212,160,0.08) 0%,rgba(79,142,247,0.05) 100%)}[dir="rtl"] .rux-stats-arrow{transform:scaleX(-1)}[dir="rtl"] .rux-rec-chip{flex-direction:row-reverse}[dir="rtl"] .rux-batch-stat{border-right:none;border-left:1px solid var(--border)}[dir="rtl"] .rux-batch-stat:last-child{border-left:none}
/* ═══════════════════════════════════════
   BEFORE / AFTER SLIDER
════════════════════════════════════════ */
.rux-ba-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px;animation:rux-slide-up 0.4s 0.05s ease both}
.rux-ba-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card2);border-bottom:1px solid var(--border)}
.rux-ba-title{font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:0.08em;text-transform:uppercase}
.rux-ba-hint{font-size:11px;color:var(--muted)}
.rux-ba-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a0e17;cursor:col-resize;user-select:none;-webkit-user-select:none;outline:none}
.rux-ba-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.rux-ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.rux-ba-before-clip{position:absolute;inset:0;overflow:hidden;width:50%;will-change:width}
.rux-ba-before-clip .rux-ba-before{position:absolute;inset:0;width:100vmax;max-width:none;height:100%;object-fit:contain}
.rux-ba-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(255,255,255,0.85);transform:translateX(-50%);cursor:col-resize;will-change:left;box-shadow:0 0 8px rgba(0,0,0,0.4)}
.rux-ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.5));transition:transform 0.15s}
.rux-ba-divider:hover .rux-ba-handle,.rux-ba-divider:active .rux-ba-handle{transform:translate(-50%,-50%) scale(1.15)}
.rux-ba-label{position:absolute;bottom:10px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:0.06em;pointer-events:none;backdrop-filter:blur(6px);line-height:1.4;text-align:center}
.rux-ba-label span{font-size:10px;font-weight:400;display:block;opacity:0.8}
.rux-ba-label-before{left:10px;background:rgba(0,0,0,0.6);color:#e0e6f0}
.rux-ba-label-after{right:10px;background:rgba(45,212,160,0.8);color:#fff}
[data-theme="light"] .rux-ba-stage{background:#e8edf4}
[data-theme="light"] .rux-ba-divider{background:rgba(0,0,0,0.7)}
[data-theme="light"] .rux-ba-label-before{background:rgba(255,255,255,0.75);color:#1a2030}
@media(max-width:600px){.rux-ba-stage{aspect-ratio:4/3}.rux-ba-hint{display:none}}