.imres{display:flex;flex-direction:column;gap:20px}.imres__mode-tabs{display:flex;gap:4px;padding:4px;background:var(--color-bg-soft, rgba(0, 0, 0, .04));border-radius:var(--radius-md);border:1px solid var(--color-border)}.imres__mode-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--color-text-soft);font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all var(--transition-fast, .15s)}.imres__mode-tab:hover{color:var(--color-text);background:var(--color-bg, #fff)}.imres__mode-tab--active{background:var(--color-bg, #fff);color:#2b6cff;font-weight:600;box-shadow:0 1px 3px #00000014}.imres__error{padding:12px 16px;border-left:4px solid #dc2626;background:#dc262614;color:#b91c1c;border-radius:var(--radius-sm, 4px);font-size:14px}.imres__workspace{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}.imres__left,.imres__right{display:flex;flex-direction:column;gap:16px}.imres__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 24px;border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft, rgba(0, 0, 0, .03));cursor:pointer;transition:border-color var(--transition-fast, .15s),background var(--transition-fast, .15s);text-align:center}.imres__dropzone:hover,.imres__dropzone--active{border-color:var(--color-primary, #2b6cff);background:var(--color-primary-soft, rgba(43, 108, 255, .06))}.imres__dropzone-icon{font-size:40px;line-height:1}.imres__dropzone-text{font-size:15px;font-weight:600;color:var(--color-text)}.imres__dropzone-hint{font-size:12px;color:var(--color-text-soft)}.imres__file-input{position:absolute;opacity:0;pointer-events:none}.imres__source-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border)}.imres__source-name{font-size:13px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imres__source-meta{display:flex;gap:12px;font-size:12px;color:var(--color-text-soft)}.imres__batch-list{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto;padding:6px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border)}.imres__batch-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 10px;background:var(--color-bg, #fff);border-radius:var(--radius-sm, 4px);font-size:13px}.imres__batch-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.imres__batch-item-size{color:var(--color-text-soft);font-size:12px}.imres__batch-item-remove{border:none;background:transparent;color:var(--color-text-soft);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm, 4px);font-size:14px;line-height:1}.imres__batch-item-remove:hover{background:#dc26261a;color:#dc2626}.imres__config{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;margin:0;display:flex;flex-direction:column;gap:12px}.imres__config-legend{font-size:14px;font-weight:600;color:var(--color-text);padding:0 8px}.imres__field{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px}.imres__field--checkbox{grid-template-columns:1fr}.imres__field-label{font-size:13px;color:var(--color-text-soft)}.imres__input,.imres__select{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);color:var(--color-text);font-size:14px;font-family:inherit;width:100%}.imres__input:focus-visible,.imres__select:focus-visible{outline:none;border-color:var(--color-primary, #2b6cff);box-shadow:0 0 0 2px var(--color-primary-ring, rgba(43, 108, 255, .2))}.imres__checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer}.imres__preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.imres__preset-item{display:flex;align-items:center;justify-content:center;padding:8px 4px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);cursor:pointer;font-size:12px;transition:all var(--transition-fast, .15s)}.imres__preset-item input{position:absolute;opacity:0;pointer-events:none}.imres__preset-item--active{border-color:#2b6cff;background:#2b6cff14;color:#2b6cff;font-weight:600}.imres__range{width:100%}.imres__color-input{width:60px;height:36px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);cursor:pointer}.imres__preview-target{padding:10px 12px;background:#2b6cff0f;border:1px solid rgba(43,108,255,.2);border-radius:var(--radius-sm, 4px);font-size:13px;color:var(--color-text)}.imres__preview-label{color:var(--color-text-soft);margin-right:4px}.imres__preview-ratio{margin-left:8px;color:var(--color-text-soft);font-size:12px}.imres__preview-hint{margin-left:8px;color:#b45309;font-size:12px}.imres__actions{display:flex;gap:8px}.imres__btn{flex:1;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s)}.imres__btn:hover:not(:disabled){border-color:var(--color-primary, #2b6cff);color:#2b6cff}.imres__btn--primary{background:#2b6cff;color:#fff;border-color:#2b6cff}.imres__btn--primary:hover:not(:disabled){background:#1e5ce6;color:#fff}.imres__btn:disabled{opacity:.5;cursor:not-allowed}.imres__preview-area{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg, #fff)}.imres__preview-title{margin:0;font-size:14px;font-weight:600;color:var(--color-text)}.imres__preview-img{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:var(--radius-sm, 4px);background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border)}.imres__preview-info{font-size:12px;color:var(--color-text-soft);text-align:center}.imres__result-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border-radius:var(--radius-sm, 4px);font-size:13px}.imres__result-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:8px}.imres__result-label{color:var(--color-text-soft);font-size:12px}.imres__delta{padding:2px 6px;border-radius:var(--radius-sm, 4px);font-size:12px;font-weight:600}.imres__delta--positive{background:#16a34a1a;color:#15803d}.imres__delta--negative{background:#dc26261a;color:#b91c1c}.imres__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;text-align:center;color:var(--color-text-soft);font-size:14px;border:1px dashed var(--color-border);border-radius:var(--radius-md)}.imres__empty-icon{font-size:40px;line-height:1}.imres__loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--color-text-soft);font-size:14px}.imres__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:#2b6cff;border-radius:50%;animation:imres-spin .8s linear infinite}@keyframes imres-spin{to{transform:rotate(360deg)}}.imres__batch-results{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg, #fff)}.imres__batch-stats{display:flex;gap:16px;padding:8px 12px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border-radius:var(--radius-sm, 4px);font-size:13px;color:var(--color-text-soft)}.imres__batch-stats strong{color:var(--color-text);margin-left:4px}.imres__batch-result-list{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto}.imres__batch-result-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:6px 10px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border-radius:var(--radius-sm, 4px);font-size:13px}.imres__batch-result-item--error{background:#dc26260f;grid-template-columns:1fr auto}.imres__batch-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.imres__batch-result-meta,.imres__batch-result-size{font-size:12px;color:var(--color-text-soft)}.imres__batch-result-download{padding:2px 10px;background:#2b6cff;color:#fff;border-radius:var(--radius-sm, 4px);text-decoration:none;font-size:12px}.imres__batch-result-download:hover{background:#1e5ce6}.imres__batch-result-error{font-size:12px;color:#b91c1c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imres__batch-actions{display:flex;gap:8px}@media(max-width:768px){.imres__workspace{grid-template-columns:1fr}.imres__preset-grid{grid-template-columns:repeat(2,1fr)}.imres__field{grid-template-columns:1fr;gap:4px}.imres__batch-stats{flex-wrap:wrap;gap:8px}}@media(max-width:414px){.imres__mode-tab{padding:8px 12px;font-size:13px}.imres__batch-item{grid-template-columns:1fr auto;grid-template-rows:auto auto}.imres__batch-item-name{grid-column:1;grid-row:1}.imres__batch-item-size{grid-column:2;grid-row:1}.imres__batch-item-remove{grid-column:2;grid-row:2}.imres__batch-result-item{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:4px}.imres__batch-actions{flex-direction:column}}@media(prefers-color-scheme:dark){.imres__mode-tab--active{background:#2b6cff26;color:#6e9aff;box-shadow:0 1px 3px #0000004d}.imres__dropzone:hover,.imres__dropzone--active{border-color:#6e9aff;background:#6e9aff14}.imres__preview-target{background:#6e9aff1a;border-color:#6e9aff40}.imres__preset-item--active{border-color:#6e9aff;background:#6e9aff26;color:#6e9aff}.imres__btn--primary{background:#2b6cff;border-color:#2b6cff}.imres__btn--primary:hover:not(:disabled){background:#1e5ce6}.imres__btn:hover:not(:disabled){border-color:#6e9aff;color:#6e9aff}.imres__batch-result-download{background:#2b6cff}.imres__batch-result-download:hover{background:#1e5ce6}.imres__spinner{border-color:var(--color-border);border-top-color:#6e9aff}}