.a2aVisualDraftRow{position:relative;background:#0c2435!important;border:1px solid #2b5a75!important;border-radius:16px!important;padding:14px!important;margin:14px 0!important}.a2aVisualDraftRow legend{font-size:11px;letter-spacing:.09em;color:#8acdf0}.a2aVisualDraftHeader{display:flex;align-items:center;gap:15px;margin-bottom:12px}.a2aVisualDraftThumb{flex:0 0 108px;height:90px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:#071827;border:1px solid #244d67}.a2aWxMini{width:100%;height:100%;object-fit:contain;background:#071827}.a2aWxMiniFallback{font-size:28px;color:#7fcfff}.a2aVisualDraftLabel{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.a2aVisualDraftLabel small{color:#5fc9ff;font-size:10px;letter-spacing:.1em}.a2aVisualDraftLabel strong{font-size:17px;overflow-wrap:anywhere}.a2aVisualDraftSummary{color:#b0cfe0;font-size:12px}.a2aVisualDraftHeader .coachActions{display:flex;flex-wrap:wrap;gap:4px;margin:0}.a2aVisualDraftHeader .coachActions button{padding:7px 9px;font-size:12px}.a2aVisualAdvanced{grid-column:1/-1;border:1px solid #244e68;border-radius:9px;padding:10px}.a2aVisualAdvanced summary{cursor:pointer;color:#a7dcf5;font-size:13px}.a2aVisualAdvanced label{margin:12px 0}.a2aTemplateHub{margin:18px 0 8px;padding:18px;border:1px solid #387d9d;border-radius:14px;background:linear-gradient(130deg,#123951,#0a1d2c)}.a2aTemplateHub h3{margin:4px 0;font-size:21px}.a2aTemplateHub p{color:#c1d9e8;margin:4px 0}.workoutMovement summary .a2aWxMini,.workoutMovement summary .a2aWxMiniFallback{width:64px;height:60px;flex:0 0 64px;border-radius:9px;object-fit:contain;background:#0b2233}.workoutMovement summary .a2aWxMiniFallback{display:grid;place-items:center}@media(max-width:720px){.a2aVisualDraftHeader{flex-wrap:wrap}.a2aVisualDraftThumb{flex-basis:80px;height:75px}.a2aVisualDraftHeader .coachActions{width:100%}}
/* A2A Client Portal: branded mobile-first exercise previews */
.a2aClientExercises{display:grid;gap:12px}
.a2aClientMovement{border:1px solid #2b5873!important;border-radius:16px!important;background:#0b2334!important;overflow:hidden}
.a2aClientMovement>summary{display:grid!important;grid-template-columns:26px 82px minmax(0,1fr) 18px!important;gap:10px!important;align-items:center!important;padding:12px!important;min-width:0}
.a2aClientPreviewSlot{width:82px;height:76px;display:grid;place-items:center;background:#081927;border:1px solid #2d607a;border-radius:12px;overflow:hidden;min-width:0}
.a2aClientPreviewSlot .a2aWxMini{width:100%;height:100%;object-fit:contain}
.a2aClientPreviewSlot .a2aWxMiniFallback{font-size:11px!important;text-align:center}
.a2aClientPreviewLoading{color:#6dcaf5;font-size:21px}
.a2aClientMovement .movementSummary{min-width:0;overflow-wrap:break-word;word-break:normal}
.a2aClientMovement .movementSummary strong{overflow-wrap:break-word;word-break:normal;white-space:normal}
.a2aClientMovement .movementBody{padding:14px!important}
.a2aClientPlay{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-bottom:12px}
@media(max-width:420px){.a2aClientMovement>summary{grid-template-columns:20px 66px minmax(0,1fr) 14px!important;gap:7px!important;padding:10px!important}.a2aClientPreviewSlot{width:66px;height:64px}}

/* Mobile-first WorkoutX draft cards: never squeeze names into narrow columns. */
.a2aVisualDraftRow{min-width:0;max-width:100%;box-sizing:border-box}
.a2aVisualDraftHeader{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important;width:100%!important}
.a2aVisualDraftThumb{width:104px!important;height:96px!important;min-width:0!important;flex:none!important;overflow:hidden!important;text-decoration:none!important}
.a2aVisualDraftThumb .a2aWxMini,.a2aVisualDraftThumb .a2aWxMiniFallback{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;box-sizing:border-box!important}
.a2aVisualDraftThumb .a2aWxMiniFallback{display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;font-size:11px!important;line-height:1.3!important;text-align:center!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
.a2aVisualDraftLabel{min-width:0!important;width:auto!important;flex:none!important;overflow:hidden}
.a2aVisualDraftLabel strong{display:block!important;font-size:17px!important;line-height:1.35!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important;hyphens:none!important}
.a2aVisualDraftSummary{font-size:12px!important;line-height:1.5!important;overflow-wrap:normal!important;word-break:normal!important}
.a2aVisualDraftHeader>a.coachButton{grid-column:1/-1!important;width:100%!important;box-sizing:border-box!important;margin:0!important;justify-content:center!important;text-align:center!important;min-height:44px!important;display:flex!important;align-items:center!important}
@media(max-width:420px){
 .a2aVisualDraftRow{padding:12px!important}
 .a2aVisualDraftHeader{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important}
 .a2aVisualDraftThumb{width:88px!important;height:88px!important}
 .a2aVisualDraftLabel strong{font-size:16px!important}
}

/* Poster-first previews: static WorkoutX artwork, no loading-video text or autoplay. */
.a2aVisualDraftThumb,.a2aClientPreviewSlot{position:relative;isolation:isolate;background:#081d2c!important}
.a2aVisualDraftThumb .a2aWxMini,.a2aClientPreviewSlot .a2aWxMini{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;object-fit:contain;z-index:2}
.a2aVisualDraftThumb .a2aWxMiniFallback,.a2aClientPreviewSlot .a2aWxMiniFallback{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;box-sizing:border-box;padding:8px!important;background:linear-gradient(145deg,#103c54,#081b2a);color:#a6d9f0;font-size:11px!important;line-height:1.2;text-align:center;white-space:normal;word-break:normal;overflow:hidden}
.a2aWxFallbackGlyph{display:grid;place-items:center;width:28px;height:28px;border:1px solid #4484a5;border-radius:50%;font-size:12px;color:#8edaff}
.a2aWxFallbackCaption{font-size:10px;letter-spacing:.01em;color:#a5cfe5;white-space:normal}
.a2aClientPreviewSlot .a2aWxFallbackCaption{font-size:9px}