:root{
  --wct-bg:#e8f7ef;
  --wct-card:#ffffff;
  --wct-border:#bfe7cf;
  --wct-border-2:#d7efe1;
  --wct-text:#0f172a;
  --wct-sub:#475569;
  --wct-soft:#f7fffb;
}

.mtj2p{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.mtj2p-shell{background:var(--wct-bg);border-radius:18px;padding:14px}
.mtj2p-card{background:var(--wct-card);border:1px solid var(--wct-border-2);border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.06)}

.mtj2p-head{padding:14px 16px 0}
.mtj2p-title{font-size:16px;font-weight:800;color:var(--wct-text)}
.mtj2p-sub{margin-top:4px;font-size:13px;color:var(--wct-sub)}

.mtj2p-body{padding:14px 16px 16px}
.mtj2p-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.mtj2p-file{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:relative}
.mtj2p-file input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mtj2p-fileBtn{padding:8px 12px;border-radius:10px;border:1.5px solid var(--wct-border);background:#fff;font-weight:700;font-size:13px;line-height:1.1;cursor:pointer;color:var(--wct-text);text-indent:0;-webkit-text-fill-color:currentColor;background-image:none!important}
.mtj2p-fileBtn:focus{outline:2px solid rgba(15,23,42,.18);outline-offset:2px}
.mtj2p-fileBtn:hover{background:var(--wct-soft);color:var(--wct-text);-webkit-text-fill-color:currentColor}
.mtj2p-fileHint{font-size:12px;color:var(--wct-sub)}

.mtj2p-actions{display:flex;gap:8px}
.mtj2p-btn{padding:8px 12px;border-radius:10px;border:1.5px solid var(--wct-border);background:#fff;font-weight:700;font-size:13px;line-height:1.1;cursor:pointer;color:var(--wct-text);text-indent:0;-webkit-text-fill-color:currentColor;background-image:none!important}
.mtj2p-btn:hover{background:var(--wct-soft);color:var(--wct-text);-webkit-text-fill-color:currentColor}
.mtj2p-btnPrimary{background:#0f172a;color:#fff;border-color:#0f172a;-webkit-text-fill-color:currentColor}
.mtj2p-btnPrimary:hover{background:#0b1224;color:#fff;-webkit-text-fill-color:currentColor}

.mtj2p-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}
@media(max-width:900px){.mtj2p-grid{grid-template-columns:1fr}}

.mtj2p-panel{border:1.5px solid var(--wct-border-2);border-radius:14px;background:#fff;overflow:hidden}
.mtj2p-panelHead{padding:10px 12px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mtj2p-panelTitle{font-size:14px;font-weight:800;color:var(--wct-text)}
.mtj2p-panelSub{font-size:12px;color:var(--wct-sub)}

.mtj2p-list{margin:0;padding:0;list-style:none;max-height:260px;overflow:auto}
.mtj2p-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f1f5f9;font-size:13px}
.mtj2p-item:last-child{border-bottom:none}
.mtj2p-left{display:flex;align-items:center;gap:8px;min-width:0}
.mtj2p-drag{cursor:grab;color:#64748b;user-select:none}
.mtj2p-name{font-weight:700;color:var(--wct-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48ch}
.mtj2p-size{font-size:12px;color:var(--wct-sub)}
.mtj2p-remove{border:none;background:none;color:#dc2626;font-size:12px;font-weight:700;cursor:pointer}
.mtj2p-remove:hover{text-decoration:underline}

.mtj2p-drop{padding:14px;border-top:1px solid #eef2f7;font-size:12px;color:var(--wct-sub);text-align:center;background:var(--wct-soft);cursor:pointer}
.mtj2p-dropTitle{font-weight:800;color:var(--wct-text);font-size:13px}
.mtj2p-dropSub{margin-top:2px;color:var(--wct-sub)}
.mtj2p-drop.is-over{outline:2px dashed var(--wct-border);outline-offset:-6px;background:#ffffff}

.mtj2p-side{padding:12px}
.mtj2p-statRow{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:8px 0;border-bottom:1px solid #eef2f7}
.mtj2p-statRow:last-child{border-bottom:none}
.mtj2p-statLabel{color:var(--wct-sub);font-weight:700}
.mtj2p-statVal{color:var(--wct-text);font-weight:800}

.mtj2p-out{margin-top:10px}
.mtj2p-download{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#0f172a;color:#fff;text-decoration:none;font-size:13px;font-weight:700}
.mtj2p-download:hover{background:#0b1224}

.mtj2p-item.dragging{opacity:.6}
.mtj2p-item.drop-target{outline:2px solid rgba(15,23,42,.12)}