/* tache-0003 - Vue Magic : formulaire a gauche, reseaux prevus a droite. */
.magic-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:18px;align-items:start}
.magic-main{display:grid;gap:12px}
.magic-title{margin:0;font:700 24px Manrope}
.magic-subtitle{margin:0;color:var(--muted)}
.magic-hint{color:var(--muted);font-size:12px;line-height:1.45}
.magic-photos-status{margin:0;font-size:12px;color:var(--muted)}
.magic-photos-status.error{color:#f0a39e!important}
.magic-video-type{margin:6px 0}
.magic-video-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.magic-video-choices label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#16181d;color:var(--ink);font-size:15px;font-weight:700;cursor:pointer}
.magic-video-choices label:has(input:checked){border-color:var(--accent);background:#211d16}
.magic-social{position:sticky;top:18px;display:grid;gap:10px}
.magic-social h3{margin:0;font:700 17px Manrope}
.magic-platforms{display:grid;gap:8px}
/* `.composer-actions span` grise le texte d'accompagnement : le libelle du bouton ne doit pas en heriter. */
.magic-main .composer-actions button span{color:inherit;font-size:inherit}
.magic-platform small{margin-left:auto;color:var(--muted);font-size:11px}
@media(max-width:900px){.magic-layout{grid-template-columns:1fr}.magic-social{position:static}}