.ic-drop{border:2px dashed var(--border-color);border-radius:10px;background:var(--bg-secondary);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.ic-drop:hover,.ic-drop.is-over{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 8%,var(--bg-color))}.ic-drop-title{margin:0 0 .35rem;font-weight:600;font-size:1.05rem;color:var(--text-color)}.ic-drop-sub{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary)}.ic-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin:1.25rem 0 .5rem}.ic-controls .control-group{display:flex;flex-direction:column;gap:.25rem}.ic-controls .control-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.ic-controls .control-group select,.ic-controls .control-group input[type=number]{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--bg-color);color:var(--text-color);width:140px}.ic-quality{flex:1;min-width:180px}.ic-quality input{width:100%;accent-color:var(--primary-color);margin:.55rem 0}.ic-quality output{font-variant-numeric:tabular-nums;color:var(--text-color);font-weight:600}.ic-note{margin:.35rem 0 0;font-size:.82rem;color:var(--text-secondary)}#format-note{color:var(--warning-color)}.tool-interface button.ic-secondary{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.tool-interface button.ic-secondary:hover{background:var(--bg-secondary)}.tool-interface button:disabled{opacity:.55;cursor:not-allowed}.ic-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.ic-summary-text{font-size:.95rem;color:var(--text-color);font-variant-numeric:tabular-nums}.ic-summary-text strong{color:var(--success-color)}.ic-summary-actions{display:flex;gap:.5rem}.ic-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ic-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.ic-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.ic-meta{min-width:0}.ic-name{display:block;font-weight:600;font-size:.92rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-detail{display:block;font-size:.82rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ic-badge{display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border-radius:999px;font-size:.75rem;font-weight:600}.ic-badge.is-saved{color:var(--success-color);background:color-mix(in srgb,var(--success-color) 12%,var(--bg-color))}.ic-badge.is-bigger{color:var(--warning-color);background:color-mix(in srgb,var(--warning-color) 12%,var(--bg-color))}.ic-detail.is-error{color:var(--error-color)}.ic-actions{display:flex;gap:.4rem}.tool-interface .ic-actions button{padding:.4rem .8rem;font-size:.82rem}.ic-compare-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.ic-compare-head h3{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-stage{position:relative;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--bg-tertiary);background-image:linear-gradient(45deg,var(--bg-secondary) 25%,transparent 25%,transparent 75%,var(--bg-secondary) 75%),linear-gradient(45deg,var(--bg-secondary) 25%,transparent 25%,transparent 75%,var(--bg-secondary) 75%);background-size:20px 20px;background-position:0 0,10px 10px;user-select:none}.ic-stage img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}.ic-stage #compare-after{position:absolute;inset:0;height:100%;clip-path:inset(0 0 0 50%)}.ic-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--primary-color);transform:translate(-1px);pointer-events:none}.ic-tag{position:absolute;top:.5rem;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;color:var(--text-color);background:color-mix(in srgb,var(--bg-color) 85%,transparent)}.ic-tag-left{left:.5rem}.ic-tag-right{right:.5rem}#compare-range{width:100%;margin-top:.75rem;accent-color:var(--primary-color)}@media(max-width:600px){.ic-controls .control-group select,.ic-controls .control-group input[type=number]{width:100%}.ic-controls .control-group{flex:1 1 calc(50% - .5rem)}.ic-item{grid-template-columns:48px minmax(0,1fr)}.ic-thumb{width:48px;height:48px}.ic-actions{grid-column:1 / -1;justify-content:flex-end}}