.combine-tool { padding-block:20px; }
.combine-tool label { display:flex; flex-direction:column; gap:6px; font-weight:600; min-width:0; }
.combine-tool input,.combine-tool select,.combine-tool button,.combine-tool [data-download] { min-height:44px; padding:8px 12px; border:1px solid #aab4bd; border-radius:6px; max-width:100%; }
.combine-tool input[type=color] { width:100%; padding:4px; }
.combine-tool button,.combine-tool [data-download] { cursor:pointer; background:#163d52; color:#fff; }
.combine-tool button:disabled { opacity:.5; cursor:default; }
.combine-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-block:16px; }
.combine-tool [data-list] { list-style:none; padding:0; display:grid; gap:8px; }
.combine-tool li { display:flex; align-items:center; gap:8px; border:1px solid #d3dbe0; border-radius:6px; padding:8px; min-width:0; }
.combine-tool li img { width:56px; height:48px; object-fit:contain; }
.combine-tool li span { flex:1; overflow-wrap:anywhere; font-size:13px; min-width:0; }
.combine-tool li button { padding:6px; font-size:12px; }
.combine-tool [data-result-panel] { margin-top:16px; }
.combine-tool [data-preview] { display:block; max-width:100%; max-height:420px; object-fit:contain; }
.combine-tool [data-download] { display:inline-flex; align-items:center; }
@media(max-width:600px) { .combine-tool.tool-mobile [data-info] { white-space:normal; font-size:13px; } .combine-tool.tool-mobile [data-list] { display:grid; width:100%; max-height:none; } .combine-controls { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .combine-tool li { flex-wrap:wrap; } .combine-tool li span { flex-basis:calc(100% - 72px); } .combine-tool li button { flex:1; } }

.combine-tool [hidden] { display:none!important; }