/* ToolCMS V3.1.82 (c) ToolWorld https://www.toolworld.cn/ */
*{box-sizing:border-box;margin:0;padding:0}
body{margin:0;padding:0;font-family:inherit;background:transparent;color:var(--text-1,#1f2937);font-size:14px;line-height:1.6}
.mcm-container{max-width:100%;margin:0 auto;padding:16px}
.mcm-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,16px);padding:18px}
.mcm-viewfinder{position:relative;width:100%;aspect-ratio:4/3;background:#0b1220;border-radius:var(--radius,14px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.mcm-viewfinder video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:none}
.mcm-viewfinder.on video{display:block}
.mcm-placeholder{color:#64748b;text-align:center;font-size:14px}
.mcm-ph-icon{font-size:44px;margin-bottom:6px}
.mcm-viewfinder.on .mcm-placeholder{display:none}
.mcm-shutterrow{display:flex;justify-content:center;margin:16px 0 4px}
.mcm-shutter{width:72px;height:72px;border-radius:50%;border:4px solid var(--primary,var(--primary-hover));background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}
.mcm-shutter:hover{transform:scale(1.06)}
.mcm-shutter:active .mcm-shutter-ring{transform:scale(.85)}
.mcm-shutter-ring{width:52px;height:52px;border-radius:50%;background:var(--primary,var(--primary-hover));transition:transform .1s}
.mcm-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;min-height:0}
.mcm-thumbs:empty{display:none}
.mcm-thumb{position:relative;width:84px;height:64px;border-radius:var(--radius-sm,8px);overflow:hidden;border:1px solid var(--border,#e2e8f0);cursor:pointer}
.mcm-thumb img{width:100%;height:100%;object-fit:cover}
.mcm-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.mcm-btn{padding:10px 16px;border:1px solid var(--border,#d1d5db);border-radius:var(--radius-sm,8px);background:var(--bg-card,#fff);color:var(--text-1,#1f2937);cursor:pointer;font-size:14px;transition:background .15s}
.mcm-btn:hover{background:var(--primary-light)}

.mcm-btn-primary{background:var(--primary,var(--primary-hover));color:#fff;border-color:var(--primary,var(--primary-hover))}
.mcm-btn-primary:hover{background:var(--primary-light);color:var(--primary)}

.mcm-btn:disabled{opacity:.5;cursor:not-allowed}
.mcm-message{margin-top:10px;padding:8px 12px;border-radius:var(--radius-sm,8px);font-size:13px;display:none}
.mcm-message.show{display:block}
.mcm-message.success{background:var(--primary-light);color:var(--primary,var(--primary-hover))}
.mcm-message.error{background:var(--error-bg,#fee2e2);color:var(--error,#991b1b)}
.mcm-note{margin-top:12px;font-size:12px;color:var(--text-3,#94a3b8);text-align:center}
.mcm-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light,#f1f5f9);font-size:12px;color:var(--text-3,#94a3b8)}
.mcm-footer-right{margin-left:auto}
@media(max-width:640px){.mcm-container{padding:10px}.mcm-btn{flex:1 1 auto}.mcm-footer{flex-direction:column;gap:4px;text-align:center}}