:root{--radius:12px;--radius-sm:8px;--font:"Sora",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}html[data-theme=atelier]{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--bg:#f4f3ef;--fg:#141210;--muted:#6b6760;--border:#ddd9d0;--accent:#1d6fd8;--accent-hover:#1558b0;--accent-soft:color-mix(in srgb,var(--accent)12%,transparent);--highlight:#1d6fd8;--card:#fdfcfa;--danger:#c62828;--saved:#0d8a5a;--saved-soft:color-mix(in srgb,var(--saved)14%,transparent);--notice:#b86a2a;--notice-soft:color-mix(in srgb,var(--notice)14%,transparent);--btn-on-accent:#fff;--crop-shade:#14121075;--shadow:0 1px 2px color-mix(in srgb,var(--fg)6%,transparent),0 8px 24px color-mix(in srgb,var(--fg)4%,transparent);--glow:none}html[data-theme=voltage]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#06060a;--fg:#eef0f8;--muted:#7b8094;--border:#222433;--accent:#00d4ff;--accent-hover:#66e8ff;--accent-soft:color-mix(in srgb,var(--accent)18%,transparent);--highlight:#ff2d87;--card:#0e0e14;--danger:#ff5c7a;--saved:#3dffa8;--saved-soft:color-mix(in srgb,var(--saved)20%,transparent);--notice:#ff9f43;--notice-soft:color-mix(in srgb,var(--notice)20%,transparent);--btn-on-accent:#06060a;--crop-shade:#00000094;--shadow:0 1px 2px #00000080,0 12px 36px #00000059;--glow:0 0 20px color-mix(in srgb,var(--accent)35%,transparent)}*,*:before,*:after{box-sizing:border-box}html,body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;transition:background-color .35s var(--ease-out),color .35s var(--ease-out);min-height:100%;margin:0;line-height:1.5}.app{max-width:980px;margin:0 auto;padding:2rem 1.25rem 5.5rem}.header{display:flex;justify-content:space-between;align-items: flex-start;gap:1rem;margin-bottom:1.75rem}.header-main{min-width:0}.title{font-family:var(--font);letter-spacing:-.04em;margin:0;font-size:1.85rem;font-weight:600}.tagline{color:var(--muted);margin:.4rem 0 0;font-size:.9rem}.theme-menu{position:relative;flex-shrink:0}.theme-trigger{display:inline-flex;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out);align-items: center;gap:.45rem;padding:.35rem .65rem .35rem .4rem;font-family:inherit;font-size:.78rem;font-weight:500}.theme-trigger:hover{border-color:var(--accent)}.theme-trigger:active{transform:scale(.97)}.theme-trigger-name{color:var(--fg);font-weight:600}.theme-chevron{color:var(--muted);transition:transform .25s var(--ease-out);font-size:.65rem}.theme-menu.open .theme-chevron{transform:rotate(180deg)}.theme-dropdown{position:absolute;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:50;transform-origin:top right;animation:menu-in .22s var(--ease-spring)both;min-width:13.5rem;padding:.35rem;top:calc(100% + .35rem);right:0}.theme-dropdown[hidden]{display:none!important}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.theme-swatch{display:block;position:relative;overflow:hidden;border-radius:5px;flex-shrink:0;width:2.1rem;height:1.65rem}.theme-trigger .theme-swatch{width:1.5rem;height:1.2rem}.theme-swatch[data-preview=atelier]{background:linear-gradient(145deg,#fdfcfa 55%,#ece8e0 55%);box-shadow:inset 0 0 0 1px #d5d0c6}.theme-swatch[data-preview=atelier]:after{content:"";position:absolute;background:#1d6fd8;border-radius:50%;width:7px;height:7px;bottom:3px;right:3px}.theme-swatch[data-preview=voltage]{background:#06060a;box-shadow:inset 0 0 0 1px #2a2d3d}.theme-swatch[data-preview=voltage]:before{content:"";position:absolute;background:#00d4ff;border-radius:2px;width:11px;height:3px;top:4px;left:4px;box-shadow:0 0 5px #00d4ff}.theme-swatch[data-preview=voltage]:after{content:"";position:absolute;background:#3dffa8;border-radius:50%;width:6px;height:6px;bottom:3px;right:3px;box-shadow:0 0 5px #3dffa8}.theme-swatch[data-preview=system]{background:linear-gradient(135deg,#fdfcfa 50%,#06060a 50%);box-shadow:inset 0 0 0 1px #888}.theme-swatch[data-preview=system]:after{content:"";position:absolute;background:linear-gradient(135deg,#1d6fd8 50%,#00d4ff 50%);border-radius:50%;width:8px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-option{display:flex;color:var(--fg);text-align:left;cursor:pointer;transition:background-color .15s var(--ease-out),transform .15s var(--ease-out);background:0 0;border:none;border-radius:6px;flex-direction:row;align-items: center;gap:.65rem;width:100%;padding:.5rem .6rem;font-family:inherit}.theme-option:hover{background:var(--accent-soft)}.theme-option.active{background:var(--accent-soft);outline:1px solid color-mix(in srgb,var(--accent)35%,transparent)}.theme-option-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.theme-option-label{color:var(--fg);font-size:.82rem;font-weight:600}.theme-option.active .theme-option-label{color:var(--accent)}.theme-option-hint{color:var(--muted);font-size:.68rem;line-height:1.3}html[data-theme=voltage] .theme-option.active .theme-option-label{text-shadow:0 0 10px color-mix(in srgb,var(--accent)40%,transparent)}.settings{display:grid;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:background-color .35s var(--ease-out),border-color .35s var(--ease-out);gap:1rem;margin-bottom:1.25rem;padding:1.1rem 1.25rem}.settings-row{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem 1rem}.settings-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);min-width:7rem;font-size:.78rem;font-weight:600}.settings-hint{color:var(--muted);width:100%;margin:0;font-size:.78rem}.settings-kbd{font-family:var(--mono);border:1px solid var(--border);background:color-mix(in srgb,var(--border)35%,var(--card));color:var(--fg);border-radius:4px;padding:.08rem .3rem;font-size:.68rem}.quality{display:flex;flex:1;align-items: center;gap:.75rem;min-width:200px}#quality-slider{accent-color:var(--accent);cursor:pointer;flex:1;min-width:120px}.quality-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--accent);min-width:2.5ch;font-size:.85rem;font-weight:500}.dropzone{position:relative;border:1.5px dashed var(--border);border-radius:var(--radius);display:flex;text-align:center;cursor:pointer;background:var(--card);transition:border-color .25s var(--ease-out),background-color .25s var(--ease-out),box-shadow .25s var(--ease-out);contain:layout style;animation:dropzone-border 4s linear infinite;justify-content:center;align-items: center;min-height:4.75rem;padding:1.35rem 1.5rem}@keyframes dropzone-border{0%,to{border-color:var(--border)}50%{border-color:color-mix(in srgb,var(--accent)35%,var(--border))}}.dropzone--compact{animation:none;border-style:dashed}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:color-mix(in srgb,var(--accent)5%,var(--card));animation:none}.dropzone.dragover{animation:dropzone-pulse .8s var(--ease-out)infinite alternate}@keyframes dropzone-pulse{0%{box-shadow:0 0 0 0 var(--accent-soft)}to{box-shadow:0 0 0 6px var(--accent-soft)}}html[data-theme=voltage] .dropzone:hover,html[data-theme=voltage] .dropzone.dragover{box-shadow:var(--glow)}html[data-theme=voltage] .dropzone.dragover{animation:dropzone-pulse-voltage .8s var(--ease-out)infinite alternate}@keyframes dropzone-pulse-voltage{0%{box-shadow:0 0 12px color-mix(in srgb,var(--accent)25%,transparent)}to{box-shadow:var(--glow),0 0 0 4px var(--accent-soft)}}.dropzone-inner{pointer-events:none}.dropzone-badge{display:inline-block;font-size:.72rem;font-weight:600;font-family:var(--mono);color:var(--accent);background:var(--accent-soft);animation:badge-in .25s var(--ease-out)both;border-radius:999px;margin-bottom:.5rem;padding:.2rem .55rem}.dropzone-badge[hidden]{display:none!important}.dropzone-title{margin:0;font-size:1rem;font-weight:500}.dropzone-sub{color:var(--muted);margin:.35rem 0 0;font-size:.82rem}.workspace-toolbar[hidden]{display:none!important}.workspace-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem 1rem;margin:1rem 0 .75rem}.workspace-toolbar .list-header{display:flex;align-items: center;gap:.75rem;margin:0;padding:0}.workspace-toolbar .actions{display:flex;flex-wrap:wrap;align-items: center;gap:.65rem;margin:0}.actions[hidden],.list-header[hidden]{display:none!important}.actions{display:flex;flex-wrap:wrap;align-items: center;gap:.65rem;margin:1.25rem 0}.bulk-bar{position:fixed;z-index:40;display:flex;background:var(--card);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease-out),visibility .2s var(--ease-out),transform .2s var(--ease-out);contain:layout style;flex-wrap:wrap;align-items: center;gap:.65rem 1rem;width:min(960px,100vw - 2rem);padding:.85rem 1.1rem;bottom:1.25rem;left:50%;transform:translate(-50%)translateY(.75rem)}.bulk-bar.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.bulk-bar[hidden]{display:flex!important}.bulk-count{color:var(--accent);white-space:nowrap;font-size:.82rem;font-weight:600}.bulk-divider{background:var(--border);width:1px;height:1.5rem}.bulk-quality{display:flex;align-items: center;gap:.5rem;font-size:.82rem}.bulk-quality input[type=range]{accent-color:var(--accent);cursor:pointer;width:100px}.bulk-quality-val{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);min-width:2ch;font-size:.78rem}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;background:var(--card);color:var(--fg);transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),transform .15s var(--ease-out),opacity .15s var(--ease-out);padding:.45rem .9rem;font-family:inherit;font-size:.82rem;font-weight:500}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary,.btn-apply{background:var(--accent);border-color:var(--accent);color:var(--btn-on-accent)}.btn-primary:hover:not(:disabled),.btn-apply:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}html[data-theme=voltage] .btn-primary:hover:not(:disabled),html[data-theme=voltage] .btn-apply:hover:not(:disabled){box-shadow:var(--glow)}.btn-apply{font-weight:600}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000;padding:.35rem .6rem}.btn-ghost:hover:not(:disabled){color:var(--fg);background:var(--accent-soft);border-color:#0000}.format-compact{display:flex;flex-wrap:wrap;gap:.3rem}.format-pill{border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:border-color .15s var(--ease-out),color .15s var(--ease-out),background-color .15s var(--ease-out);background:0 0;border-radius:999px;padding:.28rem .65rem;font-family:inherit;font-size:.72rem;font-weight:500}.format-pill:hover:not(:disabled):not(.active){border-color:var(--accent);color:var(--accent)}.format-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--fg)}html[data-theme=voltage] .format-pill.active{box-shadow:0 0 14px color-mix(in srgb,var(--accent)30%,transparent)}.format-pill:disabled{opacity:.3;cursor:not-allowed}.list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0}.list-header{display:flex;align-items: center;gap:.75rem;margin-bottom:.25rem;padding:0 .25rem}.list-header-label{color:var(--muted);font-size:.78rem}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-template-columns:auto 88px 1fr;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 180px;transition:border-color .3s var(--ease-out),opacity .35s var(--ease-out);animation:card-in .4s var(--ease-out)both;align-items: start;gap:.85rem;padding:.9rem 1rem}@keyframes card-in{0%{opacity:0}}.card:hover{border-color:color-mix(in srgb,var(--accent)30%,var(--border))}.card.selected{border-color:var(--accent)}html[data-theme=voltage] .card.selected{box-shadow:0 0 0 1px var(--accent),var(--glow)}html[data-theme=atelier] .card.selected{box-shadow:0 0 0 2px var(--accent-soft)}.card.card--done{border-color:color-mix(in srgb,var(--saved)40%,var(--border))}.card.card--done-flash:after{content:"";position:absolute;border-radius:inherit;border:2px solid var(--saved);opacity:0;pointer-events:none;animation:done-ring .65s var(--ease-out)forwards;inset:-1px}@keyframes done-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}@media (max-width:560px){.card{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.thumb-wrap{grid-column:2}.card-main{grid-column:1/-1}}.card-select{display:flex;align-items: flex-start;padding-top:.15rem}.card-select input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:1rem;height:1rem}.thumb-wrap{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:var(--border);cursor:default;font:inherit;color:inherit;border:none;width:88px;height:88px;padding:0}.thumb-wrap img.thumb-img,.thumb-wrap .thumb-placeholder{position:absolute;width:100%;height:100%;inset:0}.thumb-wrap img.thumb-img{object-fit:contain}.thumb-wrap img.thumb-img[hidden],.thumb-wrap .thumb-placeholder[hidden],.thumb-wrap[data-thumb-state=placeholder] .thumb-img,.thumb-wrap[data-thumb-state=loading] .thumb-img,.thumb-wrap[data-thumb-state=image] .thumb-placeholder,.thumb-wrap[data-thumb-state=loading] .thumb-placeholder{display:none!important}.thumb-placeholder{display:flex;text-align:center;background:color-mix(in srgb,var(--border)70%,var(--card));box-sizing:border-box;flex-direction:column;justify-content:center;align-items: center;gap:.15rem;padding:.35rem}.thumb-placeholder-fmt{font-family:var(--mono);letter-spacing:.04em;color:var(--text);font-size:.72rem;font-weight:600}.thumb-placeholder-hint{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;line-height:1.2}.thumb-wrap:not(:disabled){cursor:zoom-in}.card.card--done .thumb-wrap:not(:disabled):hover{outline:2px solid var(--accent);outline-offset:2px}.thumb-wrap:disabled{cursor:default}.thumb-wrap--converted:before{content:"Preview";position:absolute;z-index:1;font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;color:var(--text);background:color-mix(in srgb,var(--card)85%,transparent);border:1px solid var(--border);pointer-events:none;border-radius:3px;padding:.1rem .3rem;font-size:.55rem;font-weight:500;bottom:.25rem;left:.25rem}.thumb-ring{position:absolute;border-radius:calc(var(--radius-sm) + 3px);pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);border:2px solid #0000;inset:-3px}.card.card--done .thumb-ring{opacity:1;border-color:var(--saved);animation:ring-pulse .8s var(--ease-spring)both}html[data-theme=voltage] .card.card--done .thumb-ring{box-shadow:0 0 16px color-mix(in srgb,var(--saved)50%,transparent)}@keyframes ring-pulse{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.card-main{min-width:0}.card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;gap:.4rem .75rem}.file-name{word-break:break-all;flex:8rem;min-width:0;font-size:.9rem;font-weight:500;line-height:1.3}.card-head-actions{display:flex;flex-shrink:0;gap:.2rem;margin-left:auto}.btn-icon{display:inline-flex;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:border-color .15s var(--ease-out),color .15s var(--ease-out),background-color .15s var(--ease-out);background:0 0;justify-content:center;align-items: center;width:1.65rem;height:1.65rem;padding:0;font-family:inherit;font-size:.95rem;line-height:1}.btn-icon:hover:not(:disabled):not(.btn--inert){border-color:var(--accent);color:var(--accent)}.btn-remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn-retry{font-size:1.05rem}.status{color:var(--muted);display:flex;flex-shrink:0;align-items: center;gap:.35rem;min-height:1.4rem;font-size:.78rem}.status.error{color:var(--danger)}.status-done{display:inline-flex;animation:status-pop .5s var(--ease-spring)both;align-items: center;gap:.4rem}@keyframes status-pop{0%{opacity:0;transform:scale(.7)}}.status-done-icon{display:inline-flex;background:var(--saved);color:var(--btn-on-accent);animation:icon-pop .45s var(--ease-spring).1s both;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:1.35rem;height:1.35rem}@keyframes icon-pop{0%{transform:scale(0);opacity:0}}html[data-theme=voltage] .status-done-icon{box-shadow:0 0 14px color-mix(in srgb,var(--saved)55%,transparent)}.status-done-icon svg{width:.75rem;height:.75rem}.savings-badge{display:inline-flex;background:var(--saved-soft);color:var(--saved);font-family:var(--mono);font-variant-numeric:tabular-nums;animation:badge-in .4s var(--ease-out).15s both;border-radius:999px;align-items:baseline;gap:.2rem;padding:.15rem .5rem;font-size:.82rem;font-weight:600}@keyframes badge-in{0%{opacity:0;transform:translate(-6px)}}html[data-theme=voltage] .savings-badge{color:var(--saved);text-shadow:0 0 10px color-mix(in srgb,var(--saved)40%,transparent)}.savings-badge .savings-num{font-size:.95rem}.savings-badge--grew{background:var(--notice-soft);color:var(--notice)}.savings-badge--grew .savings-num{color:inherit}html[data-theme=voltage] .savings-badge.savings-badge--grew{color:var(--notice);text-shadow:0 0 10px color-mix(in srgb,var(--notice)45%,transparent)}html[data-theme=voltage] .savings-badge.savings-badge--grew .savings-num{color:inherit;text-shadow:inherit}.card.card--done.card--grew{border-color:color-mix(in srgb,var(--notice)40%,var(--border))}.card.card--grew.card--done .thumb-ring{border-color:var(--notice)}html[data-theme=voltage] .card.card--grew.card--done .thumb-ring{box-shadow:0 0 16px color-mix(in srgb,var(--notice)45%,transparent)}.status-processing{color:var(--accent)}html[data-theme=voltage] .status-processing{text-shadow:0 0 8px color-mix(in srgb,var(--accent)35%,transparent)}.bar{background:var(--border);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out),visibility .2s var(--ease-out);border-radius:2px;height:4px;margin:.55rem 0}.bar.is-active{opacity:1;visibility:visible}.bar>span{display:block;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent)70%,transparent));transform-origin:left center;transition:transform .25s var(--ease-out);will-change:transform;border-radius:2px;width:100%;height:100%;transform:scaleX(0)}.bar.busy>span{animation:bar-busy 1.4s ease-in-out infinite;will-change:transform;transform:scaleX(.35)}@keyframes bar-busy{0%{transform:scaleX(.35)translate(-120%)}to{transform:scaleX(.35)translate(420%)}}.sizes{display:flex;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items: center;gap:.45rem .65rem;margin-top:.4rem}.sizes-flow{display:inline-flex;flex-wrap:wrap;align-items: center;gap:.35rem}.sizes-chip{display:inline-flex;font-family:var(--mono);border:1px solid #0000;border-radius:5px;align-items:baseline;gap:.28rem;padding:.16rem .48rem;font-size:.71rem;line-height:1.25}.sizes-chip-k{font-family:var(--font);text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.58rem;font-weight:600}.sizes-chip--in{background:color-mix(in srgb,var(--muted)8%,var(--card));border-color:var(--border);color:var(--muted)}.sizes-chip--in .sizes-chip-v{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--muted)70%,transparent)}.sizes-chip--out{background:var(--saved-soft);border-color:color-mix(in srgb,var(--saved)28%,transparent);color:var(--saved);font-weight:600}.sizes-chip--out .sizes-chip-v{font-size:.76rem}.sizes-chip--grew{background:var(--notice-soft);border-color:color-mix(in srgb,var(--notice)28%,transparent);color:var(--notice)}.sizes-chip--grew .sizes-chip-v{color:inherit}html[data-theme=voltage] .sizes-chip--grew{box-shadow:0 0 10px color-mix(in srgb,var(--notice)22%,transparent)}html[data-theme=voltage] .sizes-chip--out{box-shadow:0 0 10px color-mix(in srgb,var(--saved)18%,transparent)}.sizes-ratio{display:inline-block;background:var(--border);overflow:hidden;border-radius:2px;flex-shrink:0;width:2.25rem;height:4px}.sizes-ratio-fill{display:block;width:var(--ratio,50%);background:linear-gradient(90deg,var(--saved),color-mix(in srgb,var(--saved)65%,var(--accent)));transition:width .45s var(--ease-out);border-radius:2px;height:100%}.sizes-ratio--grew .sizes-ratio-fill{background:linear-gradient(90deg,var(--notice),color-mix(in srgb,var(--notice)65%,var(--accent)))}.sizes-delta{font-family:var(--mono);border-radius:4px;padding:.12rem .38rem;font-size:.66rem;font-weight:600;line-height:1.2}.sizes-delta--saved{color:var(--saved);background:var(--saved-soft)}.sizes-delta--grew{color:var(--notice);background:var(--notice-soft)}html[data-theme=voltage] .sizes-delta--grew{text-shadow:0 0 8px color-mix(in srgb,var(--notice)40%,transparent)}.sizes-tail{display:inline-flex;align-items: center;gap:.45rem}.sizes-fmt{font-family:var(--mono);letter-spacing:.07em;background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:.12rem .38rem;font-size:.6rem;font-weight:600}.sizes-dims{color:var(--muted);font-size:.68rem;font-family:var(--mono)}.sizes--animate .sizes-chip--in{animation:sizes-strike .45s var(--ease-out)both}.sizes--animate .sizes-chip--out{animation:sizes-pop .5s var(--ease-spring).12s both}.sizes--animate .sizes-ratio-fill{animation:sizes-ratio-grow .55s var(--ease-out).18s forwards;width:0}.sizes--animate .sizes-delta{animation:sizes-delta-in .4s var(--ease-out).28s both}@keyframes sizes-strike{0%{opacity:0;transform:translate(-4px)}}@keyframes sizes-pop{0%{opacity:0;transform:scale(.88)}}@keyframes sizes-ratio-grow{to{width:var(--ratio,50%)}}@keyframes sizes-delta-in{0%{opacity:0;transform:scale(.9)}}.card-quality{display:flex;align-items: center;gap:.5rem;margin-top:.45rem;font-size:.78rem}.card-quality-label{color:var(--muted);min-width:3.5rem}.card-quality input[type=range]{accent-color:var(--accent);cursor:pointer;flex:1;max-width:160px}.card-quality-val{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--accent);min-width:2ch;font-size:.76rem}.card-footer{display:grid;grid-template-columns:1fr auto;align-items: center;gap:.45rem .65rem;margin-top:.55rem}.card-footer .format-compact{grid-column:1/-1}.card-footer .dirty-hint{grid-column:1}.card-footer .card-actions{grid-column:2;min-width:0;margin-left:0}.card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;min-width:12rem;margin-left:auto}.btn-shootout{padding:.35rem .55rem;font-size:.75rem}.card-resize{display:flex;align-items: center;gap:.5rem;margin-top:.45rem;font-size:.78rem}.resize-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;padding:.28rem .45rem;font-family:inherit;font-size:.78rem}.settings-row .resize-select{flex:1;max-width:220px}.shootout-panel{width:min(920px,100%)}.shootout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:1rem}.shootout-cell{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out);flex-direction:column;gap:.4rem;padding:.55rem}.shootout-cell:disabled{cursor:wait;opacity:.85}.shootout-cell:not(:disabled):hover{border-color:var(--accent)}.shootout-cell--best:not(:disabled){border-color:var(--saved);box-shadow:0 0 0 2px var(--saved-soft)}.shootout-cell--error{border-color:var(--danger)}.shootout-cell-fmt{color:var(--accent);font-size:.72rem;font-weight:600}.shootout-cell-preview{aspect-ratio:1;background:var(--border);overflow:hidden;display:flex;border-radius:4px;justify-content:center;align-items: center}.shootout-cell-preview img{object-fit:contain;max-width:100%;max-height:100%}.shootout-cell-meta{font-family:var(--mono);color:var(--muted);font-size:.65rem;line-height:1.3}.btn--inert{visibility:hidden;pointer-events:none}.dirty-hint{color:var(--highlight);opacity:0;transition:opacity .2s var(--ease-out);font-size:.72rem;font-weight:500}.dirty-hint.visible{opacity:1;animation:hint-pulse 2s var(--ease-out)infinite}@keyframes hint-pulse{0%,to{opacity:1}50%{opacity:.55}}details.meta{color:var(--muted);margin-top:.45rem;font-size:.75rem}details.meta summary{cursor:pointer;user-select:none;color:var(--accent);font-size:.72rem}.meta-panel{margin-top:.45rem}.meta-section{margin-bottom:.55rem}.meta-section-title{display:block;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.25rem;font-size:.65rem;font-weight:600}.meta-row{display:flex;gap:.65rem;padding:.15rem 0;font-size:.72rem;line-height:1.35}.meta-key{color:var(--muted);flex:0 0 5.5rem}.meta-val{word-break:break-word;font-family:var(--mono);flex:1;min-width:0;font-size:.68rem}.meta-note,.meta-empty{color:var(--muted);margin:.35rem 0 0;font-size:.65rem;line-height:1.45}details.meta pre{white-space:pre-wrap;word-break:break-all;font-family:var(--mono);margin:.4rem 0 0;font-size:.68rem}.badge{display:inline-block;background:color-mix(in srgb,var(--accent)12%,transparent);color:var(--muted);vertical-align:middle;border-radius:4px;padding:.12rem .38rem;font-size:.68rem}.session-bar{position:sticky;z-index:20;margin:1rem 0;top:.75rem}.session-bar[hidden]{display:none!important}.session-bar-inner{display:flex;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items: center;gap:.75rem 1.25rem;padding:.75rem 1.1rem}.session-queue{display:flex;flex-wrap:wrap;flex:1;align-items: center;gap:.5rem .85rem;min-width:min(100%,220px)}.session-queue[hidden],.session-stats[hidden],.session-divider[hidden]{display:none!important}.session-divider{background:var(--border);flex-shrink:0;width:1px;height:1.25rem}.session-stats{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem 1.25rem}.stats-item{display:flex;align-items:baseline;gap:.45rem}.stats-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem;font-weight:600}.stats-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);font-size:.95rem;font-weight:600}.stats-value--saved{color:var(--saved)}.session-bar:has(.session-stats:not([hidden])) .session-bar-inner{border-color:color-mix(in srgb,var(--saved)45%,var(--border));box-shadow:0 0 0 3px var(--saved-soft),var(--shadow)}html[data-theme=voltage] .session-bar:has(.session-stats:not([hidden])) .session-bar-inner{box-shadow:0 0 0 3px var(--saved-soft),var(--shadow),0 0 24px color-mix(in srgb,var(--saved)15%,transparent)}.stats-divider{background:var(--border);width:1px;height:1.25rem}.page-drop-overlay{position:fixed;z-index:100;display:flex;background:color-mix(in srgb,var(--bg)75%,transparent);backdrop-filter:blur(6px);pointer-events:none;animation:fade-in .2s var(--ease-out)both;justify-content:center;align-items: center;inset:0}.page-drop-overlay[hidden]{display:none!important}@keyframes fade-in{0%{opacity:0}}.page-drop-card{border:2px dashed var(--accent);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:center;min-width:min(320px,80vw)}.page-drop-title{margin:0;padding:1.25rem 2rem .75rem;font-size:1.35rem;font-weight:600}.page-drop-count{font-family:var(--mono);color:var(--accent);text-align:center;margin:0;padding:0 2rem 1.25rem;font-size:.85rem;font-weight:600}.page-drop-count[hidden]{display:none!important}.page-drop-card:not(:has(.page-drop-count:not([hidden]))) .page-drop-title{padding-bottom:1.25rem}html[data-theme=voltage] .page-drop-card{box-shadow:var(--glow),var(--shadow)}.queue-bar-track{display:flex;flex:1;gap:3px;min-width:80px}.queue-seg{background:var(--border);transition:background-color .25s var(--ease-out),box-shadow .25s var(--ease-out);border-radius:2px;flex:1;height:4px}.queue-seg--active{background:var(--accent)}.queue-seg--queued{background:color-mix(in srgb,var(--accent)35%,var(--border));animation:queue-wait 1.2s ease-in-out infinite}@keyframes queue-wait{0%,to{opacity:.45}50%{opacity:1}}html[data-theme=voltage] .queue-seg--active{box-shadow:0 0 8px color-mix(in srgb,var(--accent)50%,transparent)}.queue-bar-label{color:var(--accent);white-space:nowrap;font-size:.72rem;font-weight:600}.queue-bar-label--muted{color:var(--muted);font-weight:500}.queue-bar-dot{color:var(--border);font-size:.72rem}.compare-overlay{position:fixed;z-index:200;display:flex;animation:fade-in .2s var(--ease-out)both;justify-content:center;align-items: center;padding:1rem;inset:0}.compare-backdrop{position:absolute;background:color-mix(in srgb,var(--bg)20%,#000 80%);backdrop-filter:blur(8px);inset:0}.compare-panel{position:relative;display:flex;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;flex-direction:column;width:min(920px,100%);max-height:calc(100vh - 2rem)}html[data-theme=voltage] .compare-panel{box-shadow:var(--glow),var(--shadow)}.compare-head{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: flex-start;gap:1rem;padding:.85rem 1rem}.compare-title{word-break:break-all;margin:0;font-size:.95rem;font-weight:600}.compare-meta{color:var(--muted);font-size:.78rem;font-family:var(--mono);margin:.25rem 0 0}.compare-close{padding:.25rem .5rem;font-size:1rem;line-height:1}.compare-stage{position:relative;aspect-ratio:16/10;background:var(--border);border-radius:var(--radius-sm);overflow:hidden;--split:50%;user-select:none;touch-action:none;max-height:min(70vh,560px);margin:1rem}.compare-img{position:absolute;object-fit:contain;pointer-events:none;width:100%;height:100%;inset:0}.compare-clip{position:absolute;clip-path:inset(0 0 0 var(--split));inset:0}.compare-handle{position:absolute;top:0;bottom:0;left:var(--split);cursor:ew-resize;z-index:2;width:3px;transform:translate(-50%)}.compare-handle-line{position:absolute;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent)60%,transparent);inset:0}.compare-handle-knob{position:absolute;background:var(--card);border:2px solid var(--accent);box-shadow:var(--shadow);border-radius:50%;width:2rem;height:2rem;top:50%;left:50%;transform:translate(-50%,-50%)}html[data-theme=voltage] .compare-handle-knob{box-shadow:var(--glow)}.compare-label{position:absolute;text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb,var(--bg)70%,transparent);color:var(--fg);pointer-events:none;z-index:1;border-radius:4px;padding:.2rem .45rem;font-size:.68rem;font-weight:600;top:.65rem}.compare-label--before{left:.65rem}.compare-label--after{right:.65rem}.compare-label--solo{left:50%;right:auto;transform:translate(-50%)}.compare-notice{color:var(--muted);margin:0;padding:.65rem 1rem 0;font-size:.76rem;line-height:1.45}.compare-stage--preview-only{cursor:default;touch-action:auto}.compare-stage--preview-only .compare-clip{clip-path:none}.compare-hint{color:var(--muted);text-align:center;margin:0;padding:.65rem 1rem .85rem;font-size:.72rem}.compare-hint kbd{font-family:var(--mono);border:1px solid var(--border);background:var(--bg);border-radius:4px;padding:.1rem .35rem;font-size:.68rem}.crop-overlay{position:fixed;z-index:210;display:flex;animation:fade-in .22s var(--ease-out)both;justify-content:center;align-items: center;padding:1rem;inset:0}.crop-backdrop{position:absolute;background:color-mix(in srgb,var(--bg)15%,#000 85%);backdrop-filter:blur(10px);inset:0}.crop-panel{position:relative;display:flex;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;flex-direction:column;width:min(960px,100%);max-height:calc(100vh - 2rem)}html[data-theme=voltage] .crop-panel{box-shadow:var(--glow),var(--shadow)}.crop-head{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: flex-start;gap:1rem;padding:.85rem 1rem}.crop-notice{color:var(--muted);border-bottom:1px solid var(--border);margin:0;padding:.65rem 1rem;font-size:.76rem;line-height:1.45}.crop-title{word-break:break-all;margin:0;font-size:.95rem;font-weight:600}.crop-meta{color:var(--muted);font-size:.78rem;font-family:var(--mono);margin:.25rem 0 0}.crop-close{padding:.25rem .5rem;font-size:1rem;line-height:1}.crop-toolbar{display:flex;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg)40%,var(--card));flex-wrap:wrap;align-items: center;gap:.35rem;padding:.65rem 1rem}.crop-aspect{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--fg);font-family:var(--mono);cursor:pointer;border-radius:999px;padding:.28rem .55rem;transition:border-color .15s,background .15s,color .15s;font-size:.68rem;font-weight:500}.crop-aspect:hover:not(.active){border-color:color-mix(in srgb,var(--accent)40%,var(--border))}.crop-aspect.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}html[data-theme=voltage] .crop-aspect.active{box-shadow:0 0 12px color-mix(in srgb,var(--accent)35%,transparent)}.crop-reset{margin-left:auto;padding:.28rem .65rem;font-size:.75rem}.crop-stage{position:relative;aspect-ratio:4/3;background:linear-gradient(45deg,color-mix(in srgb,var(--border)70%,transparent)25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border)70%,transparent)25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border)70%,transparent)75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border)70%,transparent)75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;background-color:color-mix(in srgb,var(--bg)80%,var(--border));border-radius:var(--radius-sm);overflow:hidden;user-select:none;touch-action:none;max-height:min(62vh,520px);margin:1rem}.crop-img{position:absolute;object-fit:contain;pointer-events:none;z-index:0;width:100%;height:100%;inset:0}.crop-shades{position:absolute;pointer-events:none;z-index:1;inset:0}.crop-shade{position:absolute;background:var(--crop-shade)}.crop-box{position:absolute;z-index:2;border:1.5px solid var(--accent);cursor:move;touch-action:none;background:0 0}html[data-theme=voltage] .crop-box{box-shadow:0 0 24px color-mix(in srgb,var(--accent)25%,transparent)}.crop-grid{position:absolute;background:linear-gradient(to right,transparent calc(33.33% - .5px),color-mix(in srgb,var(--accent)35%,transparent)calc(33.33% - .5px),color-mix(in srgb,var(--accent)35%,transparent)calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to right,transparent calc(66.66% - .5px),color-mix(in srgb,var(--accent)35%,transparent)calc(66.66% - .5px),color-mix(in srgb,var(--accent)35%,transparent)calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),color-mix(in srgb,var(--accent)35%,transparent)calc(33.33% - .5px),color-mix(in srgb,var(--accent)35%,transparent)calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to bottom,transparent calc(66.66% - .5px),color-mix(in srgb,var(--accent)35%,transparent)calc(66.66% - .5px),color-mix(in srgb,var(--accent)35%,transparent)calc(66.66% + .5px),transparent calc(66.66% + .5px));opacity:.55;pointer-events:none;inset:0}.crop-corners{position:absolute;pointer-events:none;inset:0}.crop-corner{position:absolute;border-color:var(--accent);border-style:solid;width:14px;height:14px}.crop-corner--tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.crop-corner--tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.crop-corner--bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.crop-corner--br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.crop-size-label{position:absolute;font-family:var(--mono);letter-spacing:.03em;background:color-mix(in srgb,var(--card)85%,transparent);color:var(--fg);border:1px solid color-mix(in srgb,var(--accent)40%,var(--border));pointer-events:none;white-space:nowrap;border-radius:4px;padding:.18rem .45rem;font-size:.62rem;font-weight:500;bottom:.45rem;left:50%;transform:translate(-50%)}.crop-handle{position:absolute;background:var(--card);border:2px solid var(--accent);z-index:2;border-radius:2px;width:12px;height:12px;transform:translate(-50%,-50%)}html[data-theme=voltage] .crop-handle{box-shadow:0 0 10px color-mix(in srgb,var(--accent)45%,transparent)}.crop-handle--n{cursor:ns-resize;top:0;left:50%}.crop-handle--s{cursor:ns-resize;top:100%;left:50%}.crop-handle--e{cursor:ew-resize;top:50%;left:100%}.crop-handle--w{cursor:ew-resize;top:50%;left:0}.crop-handle--ne{cursor:nesw-resize;top:0;left:100%}.crop-handle--nw{cursor:nwse-resize;top:0;left:0}.crop-handle--se{cursor:nwse-resize;top:100%;left:100%}.crop-handle--sw{cursor:nesw-resize;top:100%;left:0}.crop-foot{display:flex;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem;padding:.65rem 1rem .85rem}.crop-hint{color:var(--muted);margin:0;font-size:.72rem}.crop-actions{display:flex;gap:.5rem;margin-left:auto}.btn-crop{font-size:.78rem}.thumb-wrap.has-crop:after{content:"crop";position:absolute;z-index:1;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--accent)88%,transparent);color:var(--btn-on-accent);border-radius:3px;padding:.12rem .3rem;font-size:.55rem;font-weight:600;bottom:4px;right:4px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bar>span{will-change:auto}}