[data-tool-view=ImageJoin] #join-settings{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:16px}[data-tool-view=ImageJoin] #join-settings legend{padding:0 6px;font-weight:600}[data-tool-view=ImageJoin] .join-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;display:grid}[data-tool-view=ImageJoin] .join-options label{font-size:.875rem}[data-tool-view=ImageJoin] .join-options select{background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;border:1px solid #bdc7ca;border-radius:8px;padding:10px}[data-tool-view=ImageJoin] #join-settings p{color:var(--muted);margin-top:12px;font-size:.8125rem;line-height:1.6}[data-tool-view=ImageJoin] #join-preview{background:repeating-conic-gradient(#e2e7e9 0% 25%,#fff 0% 50%) 0 0/20px 20px;max-width:100%;max-height:480px;margin:16px 0;display:block}[data-tool-view=ImageJoin] .join-drop{text-align:center;cursor:pointer;border:1px dashed #aebcc1;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;display:flex}[data-tool-view=ImageJoin] .join-drop:focus-within,[data-tool-view=ImageJoin] .join-drop[data-drag]{outline:3px solid var(--focus);outline-offset:3px}[data-tool-view=ImageJoin] .join-drop small{color:var(--muted)}[data-tool-view=ImageJoin] #join-selection{margin-top:24px}[data-tool-view=ImageJoin] #join-selection>p{color:var(--muted);margin:8px 0;font-size:.875rem}[data-tool-view=ImageJoin] #join-list{gap:10px;padding:0;list-style:none;display:grid}[data-tool-view=ImageJoin] #join-list li{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto repeat(3,44px);align-items:center;gap:8px;padding:12px;display:grid}[data-tool-view=ImageJoin] #join-list strong{overflow-wrap:anywhere;min-width:0;font-size:.875rem}[data-tool-view=ImageJoin] #join-list small{color:var(--muted)}[data-tool-view=ImageJoin] #join-list button{border:1px solid var(--line);background:var(--surface);min-width:44px;min-height:44px;color:var(--ink);border-radius:8px}[data-tool-view=ImageJoin] #join-list button:disabled{opacity:.45}[data-tool-view=ImageJoin] progress{width:100%;accent-color:var(--focus);margin-top:16px}[data-tool-view=ImageJoin] #join-result p{margin:10px 0}[data-tool-view=ImageJoin] .tool-help h2:not(:first-child){margin-top:24px}[data-tool-view=ImageJoin] .join-drop>span:not(.button),[data-tool-view=ImageJoin] .join-drop small{color:var(--muted);font-weight:400}[data-tool-view=ImageJoin] .workspace.has-files .join-drop{padding:12px}[data-tool-view=ImageJoin] .workspace.has-files .join-drop strong,[data-tool-view=ImageJoin] .workspace.has-files .join-drop>span:not(.button),[data-tool-view=ImageJoin] .workspace.has-files .join-drop small{display:none}@media (width<=620px){[data-tool-view=ImageJoin] .join-options{grid-template-columns:1fr;gap:8px}[data-tool-view=ImageJoin] .join-options select{margin-bottom:8px}[data-tool-view=ImageJoin] #join-list li{grid-template-columns:minmax(0,1fr) repeat(3,44px)}[data-tool-view=ImageJoin] #join-list strong{grid-column:1/-1}[data-tool-view=ImageJoin] #join-list small{grid-column:1}}