.mmpRoot{align-items:stretch;gap:12px;width:100%;display:flex}.mmpActivePane{border:1px solid var(--border-color,#ffffff1f);background:#00000040;border-radius:10px;flex:auto;justify-content:center;align-items:center;min-width:0;min-height:240px;max-height:420px;display:flex;overflow:hidden}.mmpActiveMedia{-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:100%;max-height:420px}.mmpAudioWrap{flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.mmpAudioIcon{opacity:.8;font-size:64px}.mmpActiveAudio{width:260px}.mmpEmpty{color:var(--text-muted,#8a8f98);font-size:14px}.mmpStrip{flex-direction:column;flex:0 0 88px;gap:8px;max-height:420px;padding-right:2px;display:flex;overflow-y:auto}.mmpThumb{cursor:pointer;background:#0000004d;border:2px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative;overflow:hidden}.mmpThumbActive{border-color:var(--accent-color,#4c9ffe)}.mmpThumbMedia{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mmpThumbIcon{font-size:30px}.mmpThumbIndex{color:#fff;text-shadow:0 1px 2px #000c;font-size:11px;font-weight:700;position:absolute;bottom:2px;left:4px}.mmpThumbRemove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.mmpThumbRemove:hover{background:var(--danger-color,#e5484d)}.mmpAddTile{border:2px dashed var(--border-color,#ffffff40);cursor:pointer;width:84px;height:84px;color:var(--text-muted,#8a8f98);border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.mmpAddTile:hover{border-color:var(--accent-color,#4c9ffe);color:var(--accent-color,#4c9ffe)}.mmpAddPlus{font-size:28px;line-height:1}.mmpAddCount{margin-top:2px;font-size:11px}
.mcpRoot{border:1px solid var(--border-color,#ffffff1f);background:#0003;border-radius:10px;flex-direction:column;gap:8px;margin-top:12px;padding:14px 16px;display:flex}.mcpHeader{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.mcpTitle{font-size:14px;font-weight:700}.mcpSub{color:var(--text-muted,#8a8f98);font-size:12px}.mcpFree{color:var(--success-color,#46a758);margin:0;font-size:13px}.mcpRow{justify-content:space-between;font-size:13px;display:flex}.mcpFundRow{gap:8px;margin-top:4px;display:flex}.mcpFundInput{border:1px solid var(--border-color,#ffffff2e);min-width:0;color:inherit;background:#0000004d;border-radius:8px;flex:auto;padding:8px 10px}.mcpBtn{border:1px solid var(--accent-color,#4c9ffe);background:var(--accent-color,#4c9ffe);color:#fff;cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:600}.mcpBtn:disabled{opacity:.5;cursor:not-allowed}.mcpApprove{margin-top:4px}.mcpApproved{background:var(--success-color,#46a758);border-color:var(--success-color,#46a758)}.mcpLink{color:var(--accent-color,#4c9ffe);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:12px}.mcpError{color:var(--danger-color,#e5484d);margin:4px 0 0;font-size:12px}