.mm { max-width: 860px; margin: 0 auto; padding: 8px 16px 120px; display: grid; gap: 16px; }
.mm-aide { margin: 6px 0 14px; color: var(--wc-texte-doux, rgba(255,255,255,.65)); font-size: 14px; line-height: 1.5; }
.mm-aide.petit { font-size: 12.5px; margin: 6px 0 0; }
.mm-grille { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
@media (max-width: 700px) { .mm-grille { grid-template-columns: 1fr; } }
.mm-esp { margin-top: 16px; }
.mm-ligne { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mm-ligne input[type=color] { width: 46px; height: 38px; border: 0; background: none; padding: 0; cursor: pointer; }
.mm-coche { display: flex; align-items: center; gap: 7px; font-size: 14px; }
.mm-etat { font-size: 13px; opacity: .75; }
.mm-apercu { --c: var(--wc-accent); border-radius: var(--wc-r-l); border: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--c) 30%, transparent) 0, transparent 45%), radial-gradient(circle at 85% 80%, color-mix(in srgb, var(--c) 22%, transparent) 0, transparent 50%), var(--f); padding: 14px; display: grid; gap: 12px; }
.mm-ap-tete { display: flex; align-items: center; gap: 10px; min-height: 32px; font-weight: 800; font-size: 17px; }
.mm-ap-tete img { max-height: 32px; max-width: 160px; object-fit: contain; }
.mm-ap-video { aspect-ratio: 16/9; border-radius: var(--wc-r); background: rgba(255,255,255,.05); display: grid; place-items: center; font-size: 26px; color: var(--c); }
.mm-ap-btn { justify-self: start; background: var(--c); color: #fff; font-weight: 600; font-size: 14px; padding: 9px 16px; border-radius: var(--wc-r-pilule); }
.mm-onglets { display: flex; gap: 6px; margin: 10px 0 4px; flex-wrap: wrap; }
.mm-onglets button { font: inherit; font-size: 13px; padding: 7px 13px; border-radius: var(--wc-r-pilule); border: 1px solid rgba(255,255,255,.12); background: transparent; color: inherit; cursor: pointer; }
.mm-onglets button.actif { background: rgba(255,255,255,.12); }
.mm-tuto { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 8px; font-size: 14.5px; line-height: 1.5; }
.mm-tuto.petit { font-size: 13px; opacity: .8; }
.mm-ico { display: inline-block; padding: 0 5px; border-radius: var(--wc-r-xs); background: rgba(255,255,255,.1); }
.mm-notif { padding: 12px 14px; border-radius: var(--wc-r); background: rgba(255,255,255,.04); font-size: 14px; line-height: 1.5; }
.mm-notif .btns { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.mm-notif .ok { color: var(--wc-green); font-weight: 600; }