.image-join-tool .ij-drop{padding:28px;text-align:center;border:2px dashed var(--border-strong);border-radius:14px;background:var(--surface);margin:24px 0}.image-join-tool .ij-drop strong{display:block;margin-bottom:14px}.image-join-tool .ij-drop.drag-over{border-color:var(--brand-primary);background:var(--brand-tint)}.image-join-tool .ij-files{display:block;max-width:100%;margin:8px 0}.ij-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:20px;margin-top:24px}.ij-layout h2{font-size:18px;margin:0 0 20px}.ij-layout label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}.ij-layout select,.ij-layout input[type=number]{display:block;width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;margin-top:6px}.ij-size:not([hidden]){display:flex;align-items:center;gap:10px}.ij-size label{min-width:0;flex:1}.ij-color-label input{display:block;width:100%;height:40px;margin-top:8px;border:1px solid var(--border);background:var(--surface)}.ij-list{display:grid;gap:10px;margin:16px 0}.ij-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.ij-item img{width:56px;height:56px;object-fit:contain}.ij-item span{flex:1;min-width:150px;overflow-wrap:anywhere;font-size:13px}.ij-preview{max-height:650px;overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin:16px 0;padding:12px;text-align:center}.ij-preview canvas{max-width:100%;height:auto}.ij-status{line-height:1.8;overflow-wrap:anywhere}.ij-layout .utility-toolbar{align-items:end;flex-wrap:wrap}.ij-layout .utility-toolbar label{margin-bottom:0}.image-join-tool .help-note{line-height:1.8}
@media(max-width:850px){.ij-layout{grid-template-columns:1fr}.ij-preview{max-height:500px}}