.ic-root{--border:#d9d7de;--panel:#f5f4f7;--accent:#162e64;--accent-contrast:#fff;--muted:#6f6b78;--error:#c22f2f;--error-bg:#fdecec;--warn-text:#9a3b12;--warn-bg:#fdeee5;--ok-text:#1c6b45;--changed:#fb713c;--stage:#2b2a30;max-width:80rem;accent-color:var(--yoshinyan-orange);margin:0 auto;padding:2rem 1rem 4rem}@media (prefers-color-scheme:dark){.ic-root{--border:#3a3841;--panel:#201f24;--accent:#fb713c;--accent-contrast:#041b55;--muted:#a09caa;--error:#ef8080;--error-bg:#3a1d1d;--warn-text:#f2b28c;--warn-bg:#3a2417;--ok-text:#7fd3a8;--stage:#17161a}}.ic-section{margin-top:2rem}.ic-hint{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.ic-saved{color:var(--ok-text);font-weight:600}.ic-grew{color:var(--warn-text);font-weight:600}.ic-warn{background:var(--warn-bg);color:var(--warn-text);border-left:3px solid var(--warn-text);border-radius:.4rem;margin:.5rem 0 0;padding:.5rem .75rem;font-size:.85rem}.ic-error{background:var(--error-bg);color:var(--error);border-left:3px solid var(--error);border-radius:.5rem;padding:.75rem 1rem}.ic-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--panel);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:3rem 1rem;display:flex}.ic-dropzone.ic-compact{border-width:1px;border-radius:.6rem;padding:.5rem .9rem}.ic-dropzone:hover,.ic-dropzone.ic-over{border-color:var(--accent)}.ic-dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ic-dropzone-label{font-weight:600}.ic-dropzone-hint{color:var(--muted);font-size:.85rem}.ic-topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding-bottom:.75rem;display:flex}.ic-progress{margin:0;font-size:.9rem}.ic-topbar-actions{align-items:center;gap:.75rem;display:flex}.ic-workspace{grid-template-columns:1fr;gap:1.25rem;margin-top:1.25rem;display:grid}@media (width>=64rem){.ic-workspace{grid-template-columns:15rem minmax(0,1fr) 18rem;align-items:start}}.ic-main,.ic-list{min-width:0}.ic-list h2,.ic-settings h2{margin:0 0 .6rem;font-size:1rem}.ic-filters{flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem;display:flex}.ic-filter{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.ic-filter-on{border-color:var(--accent);font-weight:600}.ic-thumbs{gap:.4rem;min-width:0;max-height:32rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}@media (width<=63.99rem){.ic-thumbs{grid-auto-columns:14rem;grid-auto-flow:column;max-height:none;overflow-x:auto}}.ic-thumbs li{position:relative}.ic-thumb{text-align:left;border:1px solid var(--border);background:var(--panel);width:100%;font:inherit;cursor:pointer;border-radius:.6rem;align-items:center;gap:.5rem;min-width:0;padding:.4rem;display:flex}.ic-thumb-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ic-thumb img{object-fit:cover;background:var(--stage);border-radius:.35rem;flex:none;width:56px;height:56px}.ic-thumb-body{gap:.1rem;min-width:0;display:grid}.ic-thumb-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.ic-thumb-size{color:var(--muted);font-size:.72rem}.ic-thumb-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.15rem .3rem;font-size:1rem;line-height:1;position:absolute;top:.15rem;right:.15rem}.ic-badge{color:var(--muted);font-size:.68rem;font-weight:600}.ic-badge-done{color:var(--ok-text)}.ic-badge-error{color:var(--error)}.ic-badge-custom{color:var(--changed)}.ic-stage{background:var(--stage);aspect-ratio:4/3;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:.75rem;position:relative;overflow:hidden}.ic-stage:active{cursor:grabbing}.ic-layer{transform-origin:50%;pointer-events:none;position:absolute;inset:0}.ic-clip{pointer-events:none;position:absolute;inset:0}.ic-zoomed .ic-layer img{image-rendering:pixelated}.ic-layer img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.ic-side{color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;position:absolute;top:.5rem}.ic-side-left{left:.5rem}.ic-side-right{right:.5rem}.ic-divider{cursor:ew-resize;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #00000059}.ic-divider:focus-visible{outline:2px solid var(--changed);outline-offset:2px}.ic-divider-grip{background:#fff;border-radius:50%;width:2rem;height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.ic-stage-busy{text-align:center;color:#fff;margin:0;font-size:.8rem;position:absolute;inset:auto 0 .5rem}.ic-zoom{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.ic-zoom-steps{align-items:center;gap:.15rem;display:flex}.ic-zoom-step{border:1px solid var(--border);color:inherit;width:2.25rem;height:2.25rem;line-height:1;font:inherit;cursor:pointer;background:0 0;border-radius:.4rem;justify-content:center;align-items:center;display:flex}.ic-zoom-value{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:3rem;font-size:.8rem}.ic-sizes{flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.9rem;display:flex}.ic-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.ic-btn{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);font:inherit;cursor:pointer;border-radius:.6rem;min-height:2.75rem;padding:.55rem 1.1rem;font-weight:600}.ic-btn-primary{font-size:1.05rem}.ic-btn-small{white-space:nowrap;align-items:center;height:2.25rem;min-height:2.25rem;padding:0 .9rem;font-size:.85rem;display:inline-flex}.ic-btn-secondary{color:inherit;border-color:var(--border);background:0 0}.ic-btn:disabled,.ic-linkbtn:disabled{opacity:.5;cursor:not-allowed}.ic-btn:focus-visible,.ic-linkbtn:focus-visible,.ic-filter:focus-visible,.ic-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ic-linkbtn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.3rem 0;font-size:.85rem;text-decoration:underline}.ic-remove{color:var(--error)}.ic-done{color:var(--ok-text);margin-top:1rem;font-weight:600}.ic-settings{border:1px solid var(--border);border-radius:.9rem;min-width:0;padding:1rem}.ic-scope{border:none;margin:0 0 .75rem;padding:0}.ic-scope legend{margin-bottom:.25rem;font-size:.8rem;font-weight:600}.ic-scope label,.ic-check{align-items:center;gap:.35rem;margin-top:.25rem;font-size:.85rem;display:flex}.ic-override-note{align-items:center;gap:.6rem;margin:0 0 .75rem;display:flex}.ic-field{min-width:0;margin-top:.75rem}.ic-field>label{margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.ic-field select,.ic-field input[type=number],.ic-field input[type=text]{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;color:inherit;background:canvas;border-radius:.5rem;padding:.45rem .6rem}.ic-field input:focus-visible,.ic-field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ic-quality-row{align-items:center;gap:.5rem;display:flex}.ic-quality-row input[type=range]{flex:1;min-width:0}.ic-quality-row input[type=number]{flex:none;width:4.5rem}.ic-apply-rest{width:100%;min-height:2.4rem;margin-top:.6rem;font-size:.85rem}.ic-lossless{background:var(--panel);border-radius:.5rem;margin-top:.75rem;padding:.6rem .75rem}.ic-details{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.6rem}.ic-details summary{cursor:pointer;font-size:.85rem;font-weight:600}.ic-dims{gap:.5rem;display:flex}.ic-rejected{border:1px solid var(--error);background:var(--error-bg);border-radius:.9rem;margin-top:1rem;padding:1rem}.ic-rejected h2{margin:0 0 .5rem;font-size:1rem}.ic-rejected ul{gap:.4rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.ic-toast{color:#fff;z-index:100;background:#162e64;border-radius:.6rem;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:.7rem 1.1rem;font-size:.9rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.ic-toast button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:.4rem;flex:none;padding:.2rem .7rem}.ic-shortcuts{margin-top:1.5rem}.ic-viewer{position:relative}.ic-fullscreen{z-index:200;background:var(--stage);box-sizing:border-box;flex-direction:column;padding:.5rem;display:flex;position:fixed;inset:0}.ic-fullscreen .ic-compare{flex-direction:column;flex:1;min-height:0;display:flex}.ic-fullscreen .ic-stage{aspect-ratio:auto;flex:1;min-height:0}.ic-fullscreen .ic-zoom{color:#fff;flex-wrap:nowrap;overflow-x:auto}.ic-fullscreen .ic-zoom .ic-hint,.ic-fullscreen .ic-zoom-value{color:#cfcbd6}.ic-fullscreen .ic-zoom-step,.ic-fullscreen .ic-zoom .ic-btn{color:#fff;border-color:#56545e}.ic-fullscreen .ic-zoom .ic-btn-secondary{background:0 0}.ic-fs-panel{z-index:2;--panel:#2f2e36;--border:#46444e;--muted:#b9b5c2;--warn-bg:#3a2417;--warn-text:#f2b28c;--error-bg:#3a1d1d;--error:#ef8080;--ok-text:#7fd3a8;--accent:#fb713c;--accent-contrast:#041b55;color:#f2f0f5;width:19rem;max-height:calc(100% - 6rem);position:absolute;top:.75rem;right:.75rem;overflow-y:auto}.ic-fs-panel .ic-settings{border-color:var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18171cf0}.ic-fs-panel .ic-field select,.ic-fs-panel .ic-field input[type=number]{color:inherit;border-color:var(--border);background:#2a2930}.ic-fs-panel .ic-btn-secondary{color:inherit;border-color:var(--border)}.ic-fs-settings,.ic-fs-panel-head{display:none}@media (width<=48rem){.ic-fullscreen .ic-fs-settings{display:inline-flex}.ic-fs-panel{width:auto;max-height:55vh;position:absolute;inset:auto .5rem .5rem}.ic-fs-panel-closed{display:none}.ic-fs-panel-head{background:var(--panel);justify-content:flex-end;padding-bottom:.25rem;display:flex;position:sticky;top:0}.ic-fs-panel-close{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:.35rem .7rem}.ic-fullscreen .ic-zoom .ic-hint{display:none}}.ic-fs-bar{color:#fff;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .25rem .25rem;font-size:.85rem;display:flex}.ic-fs-name{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;font-weight:600;overflow:hidden}.ic-fs-quality{flex:12rem;align-items:center;gap:.5rem;min-width:0;display:flex}.ic-fs-quality input[type=range]{flex:1;min-width:6rem}.ic-fs-bar .ic-btn-primary{margin-left:auto}