:root{
  --mt-green:#2bb673;
  --mt-green-2:#e7f7ef;
  --mt-text:#0f172a;
  --mt-muted:#64748b;
  --mt-border:#e2e8f0;
  --mt-bg:#ffffff;
  --mt-shadow:0 14px 40px rgba(2,6,23,.08);
  --mt-radius:20px;
}

.mt-tool.mt-merge{max-width:1080px;margin:0 auto;padding:24px 16px;color:var(--mt-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif}
.mt-card{background:var(--mt-bg);border:1px solid var(--mt-border);border-radius:var(--mt-radius);box-shadow:0 8px 26px rgba(2,6,23,.05)}

.mt-merge__header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.mt-merge__title{font-size:34px;line-height:1.1;margin:0}
.mt-merge__sub{margin:6px 0 0;color:var(--mt-muted);font-size:15px}

.mt-btn{border:1px solid var(--mt-border);background:#fff;border-radius:999px;padding:10px 14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}
.mt-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(2,6,23,.08)}
.mt-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.mt-btn--primary{background:var(--mt-text);border-color:var(--mt-text);color:#fff}
.mt-btn--soft{background:var(--mt-green-2);border-color:#bfead3;color:#0f5132}

.mt-input,.mt-select{width:100%;border:1px solid var(--mt-border);border-radius:12px;padding:10px 12px;font-size:14px;outline:none;background:#fff}
.mt-input:focus,.mt-select:focus{border-color:rgba(43,182,115,.55);box-shadow:0 0 0 4px rgba(43,182,115,.12)}

.mt-merge__grid{display:grid;grid-template-columns:7fr 3fr;gap:16px;align-items:start}
@media (max-width:960px){.mt-merge__grid{grid-template-columns:1fr}}

.mt-merge__left{display:flex;flex-direction:column;gap:16px;min-width:0}

.mt-merge__workspace{padding:16px}
.mt-merge__workspaceTop{margin-bottom:12px}
.mt-merge__workspaceTitle{font-weight:900;font-size:16px}
.mt-merge__workspaceHint{color:var(--mt-muted);font-size:12px;margin-top:4px}
.mt-merge__workspaceBody{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
@media (max-width:960px){.mt-merge__workspaceBody{grid-template-columns:1fr}}

.mt-merge__drop{padding:14px;border:1px solid var(--mt-border);border-radius:18px;background:#fff}
.mt-merge__dropInner{display:flex;align-items:center;gap:14px;border:2px dashed #cfe7da;border-radius:18px;padding:18px;background:linear-gradient(180deg,#ffffff, #fbfffd)}
.mt-merge__dropIcon{width:44px;height:44px;border-radius:14px;background:var(--mt-green-2);display:flex;align-items:center;justify-content:center;color:#0f5132;font-weight:800;font-size:22px;border:1px solid #bfead3}
.mt-merge__dropTitle{font-weight:800;font-size:16px}
.mt-merge__dropHint{color:var(--mt-muted);font-size:13px;margin-top:2px}
.mt-merge__link{color:var(--mt-text);text-decoration:underline;cursor:pointer}
.mt-merge__tips{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.mt-merge__preview{border:1px solid var(--mt-border);border-radius:18px;background:#fff;overflow:hidden;min-height:210px;position:relative}
.mt-merge__previewTitle{font-weight:900;font-size:14px;margin-bottom:6px}
.mt-merge__previewDesc{color:var(--mt-muted);font-size:12px;max-width:320px}
.mt-merge__previewEmpty{padding:16px}
.mt-merge__previewFrameWrap{height:100%;padding:10px}
.mt-merge__previewFrame{width:100%;height:100%;min-height:210px;border:1px solid var(--mt-border);border-radius:14px;background:#f8fafc;transform:rotate(var(--mt-preview-rot,0deg));transform-origin:center;}

.mt-rowItem{cursor:pointer}
.mt-rowItem.is-active{border-color:rgba(43,182,115,.55);box-shadow:0 0 0 4px rgba(43,182,115,.10)}
.mt-rowItem input,.mt-rowItem select,.mt-rowItem button{cursor:auto}
.mt-tip{font-size:12px;color:var(--mt-muted);background:#f8fafc;border:1px solid var(--mt-border);padding:8px 10px;border-radius:999px}
.mt-tip span{font-weight:700;color:var(--mt-text);margin-right:6px}

.mt-merge__panel{padding:16px}
.mt-merge__panelTitle{font-weight:800}
.mt-merge__panelTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mt-merge__panelBody{display:flex;flex-direction:column;gap:12px}
.mt-field label{display:block;font-size:12px;color:var(--mt-muted);margin-bottom:6px;font-weight:700}
.mt-row{display:flex;gap:10px;flex-wrap:wrap}
.mt-check{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mt-text);background:#f8fafc;border:1px solid var(--mt-border);padding:10px 12px;border-radius:14px}
.mt-check input{accent-color:var(--mt-green)}

.mt-merge__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mt-stat{background:#f8fafc;border:1px solid var(--mt-border);border-radius:16px;padding:12px}
.mt-stat__k{font-size:12px;color:var(--mt-muted);font-weight:700}
.mt-stat__v{font-size:18px;font-weight:800;margin-top:4px}

.mt-merge__cta{display:flex;gap:10px}

.mt-progress{height:10px;border-radius:999px;background:#eef2f7;border:1px solid var(--mt-border);overflow:hidden}
.mt-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--mt-green),#1f9f5f);transition:width .2s ease}
/* Theme-proof hiding when empty */
.mt-progress[hidden]{display:none !important}

.mt-note{padding:12px 14px;border-radius:16px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;font-size:13px}

.mt-merge__list{grid-column:1 / -1;padding:14px}
.mt-merge__listTop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.mt-merge__listTitle{font-weight:800}
.mt-merge__listHint{font-size:12px;color:var(--mt-muted)}
.mt-merge__rows{display:flex;flex-direction:column;gap:10px}

.mt-rowItem{display:grid;grid-template-columns:40px 1fr 36px;gap:10px;align-items:start;padding:12px;border:1px solid var(--mt-border);border-radius:18px;background:#fff}
.mt-rowItem.dragging{opacity:.6}
.mt-rowItem__drag{width:40px;height:40px;border-radius:14px;border:1px solid var(--mt-border);display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#334155;cursor:grab;user-select:none}
.mt-rowItem__main{min-width:0}
.mt-rowItem__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mt-rowItem__name{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-rowItem__meta{font-size:12px;color:var(--mt-muted);white-space:nowrap}

.mt-rowItem__controls{display:grid;grid-template-columns:1fr 160px 110px;gap:10px;align-items:start;margin-top:10px}
@media (max-width:820px){.mt-rowItem__controls{grid-template-columns:1fr}}

.mt-field--sm label{font-size:11px}
.mt-help{font-size:11px;color:var(--mt-muted);margin-top:6px}
.mt-check--sm{padding:10px 12px;border-radius:14px;justify-content:center}
.mt-iconBtn{width:36px;height:36px;border-radius:12px;border:1px solid var(--mt-border);background:#fff;font-weight:900;font-size:18px;cursor:pointer;line-height:1}
.mt-iconBtn:hover{background:#f8fafc}

.mt-toast{position:fixed;right:20px;bottom:20px;background:#0f172a;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:var(--mt-shadow);font-weight:700;font-size:13px;max-width:320px}

.mt-merge__drop.is-dragover{border-color:#1f9f5f;box-shadow:0 0 0 5px rgba(43,182,115,.12)}

/* Manual download (no auto-download) */
.mt-merge__download{margin-top:10px;}
.mt-btn--download{width:100%;}