.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 18px}.image-toolbar button,.image-empty button{border-radius:12px;padding:10px 18px;background:#f3eaf4;color:#87187a;font-weight:600;font-size:13px;min-height:42px}.image-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;color:#6b6370;max-width:490px;margin:auto;font-size:14px;line-height:1.7}.image-empty h2{font-size:25px;font-weight:700;color:#382d34}.image-empty>.material-symbols-outlined{font-size:58px;color:#87187a}.image-files{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.image-card{width:160px;min-width:0;padding:10px;background:white;border:1px solid #e7dfe7;border-radius:18px;display:flex;flex-direction:column;gap:7px}.image-card.active{border-color:#87187a;box-shadow:0 0 0 2px #87187a12}.image-card-preview{display:flex;align-items:center;justify-content:center;width:100%;height:130px;border-radius:10px;overflow:hidden;background:#f7f5f8;cursor:pointer;touch-action:pan-y}.image-card-preview img{width:78%;height:78%;object-fit:contain;pointer-events:none}.image-card-name{font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.image-card-info{font-size:11px;color:#6b6370}.image-card-controls{display:flex;gap:6px}.image-card-controls button{background:#f5f1f6;color:#66365c;border-radius:8px;min-width:29px;min-height:32px;font-size:17px}.image-card-controls button:last-child{margin-left:auto}.image-card-controls button:disabled{opacity:.3}.image-options{display:flex;flex-direction:column;gap:12px}.image-options input:not([type=checkbox]),.image-options select{width:100%;min-width:0;border:1px solid #e2d8df;border-radius:10px;padding:10px 12px;font-size:13px;background:white}.image-options .field-label{margin-bottom:4px}.image-options .tool-hint{margin:0}.image-options .field-pair{gap:12px}.image-options .tool-note{margin:4px 0}.image-preview{margin:28px 0}.image-canvas{max-width:650px;width:100%;margin:auto;background:white;box-shadow:0 4px 24px #22191f15}.image-canvas canvas{display:block;width:100%;height:auto}.image-preview .preview-toolbar{margin-bottom:16px}.image-preview .preview-toolbar label{font-weight:600;overflow-wrap:anywhere}.image-preview .preview-toolbar select{max-width:150px}.image-order{display:flex;gap:8px;flex-wrap:wrap}.image-order button{font-size:12px;color:#77516c;padding:6px 10px;border:1px solid #e7dfe7;border-radius:10px;min-height:34px}#image-progress{width:100%;height:8px;accent-color:#87187a;flex-shrink:0}#image-summary{overflow-wrap:anywhere}#image-extraction-note button{display:block;text-decoration:underline;text-underline-offset:3px;margin-top:8px}.has-image-files #merge-btn:not(:disabled){background:#87187a;color:white;box-shadow:0 2px 6px #87187a18}#drop-zone .related-tools{margin-top:6px}
@media(min-width:1024px){.image-canvas{max-width:min(650px,calc((100dvh - 325px) * .78))}.image-files{max-height:290px;overflow:auto;padding:3px}.image-preview{margin-top:24px}}
@media(max-width:1023px){.image-empty{min-height:260px}.image-card{width:calc(50% - 7px)}.image-card-controls button{min-height:36px;flex:1}.image-toolbar{flex-wrap:wrap}.image-card-preview{height:140px}.image-preview{margin-top:22px}.image-toolbar button{min-height:44px}}

.image-action{position:sticky;top:0;background:white;padding-bottom:8px;z-index:30}