#list-container{height:600px;margin:0 auto}.size-selector{display:flex;gap:6px;margin-bottom:12px}.size-btn{padding:6px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.15s ease;flex:1}.size-btn:hover{border-color:var(--accent);color:var(--accent-text)}.size-btn--active{background:var(--accent);color:white;border-color:var(--accent)}.compression-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;margin-bottom:16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);font-size:13px;color:var(--text-muted)}.compression-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;flex-shrink:0}.compression-badge--active{background:#ff6b6b;color:white}.compression-badge--off{background:#51cf66;color:white}.compression-detail{font-size:12px;color:var(--text-muted)}.compression-detail strong{color:var(--text)}.item-row{display:flex;align-items:center;gap:12px;padding:0 16px;height:100%}.item-color{width:8px;height:28px;border-radius:4px;flex-shrink:0}.item-info{display:flex;flex-direction:column;min-width:80px;flex-shrink:0}.item-label{font-weight:600;font-size:13px;white-space:nowrap}.item-hash{font-size:11px;font-family:"SF Mono",Monaco,Menlo,monospace;color:var(--text-muted)}.item-bar-wrap{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden;min-width:0}.item-bar{height:100%;border-radius:3px;transition:width 0.2s ease}.item-value{font-size:12px;font-weight:600;min-width:36px;text-align:right;flex-shrink:0;color:var(--text-muted)}@media (max-width:820px){#list-container{height:400px}.size-selector{flex-wrap:wrap}.size-btn{flex:0 0 auto;padding:6px 12px}.compression-bar{flex-wrap:wrap;gap:6px}}