.rmg-root { max-width: 950px; margin: 24px auto; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial; color:#222; }
.rmg-intro { background:#f6f7f9; padding:18px; border-radius:10px; box-shadow:0 6px 20px rgba(0,0,0,0.03); text-align:center; }
.rmg-btn { background:#ffcc00; color:#000; border:none; padding:12px 20px; border-radius:8px; font-weight:700; cursor:pointer; }
.rmg-container { display:flex; gap:28px; align-items:flex-start; margin-top:18px; }
.rmg-image { flex:1; position:relative; min-height:300px; text-align:center; }
.rmg-placeholder { width:100%; max-width:380px; height:320px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#f0f0f0,#e2e2e2); border-radius:12px; font-size:34px; font-weight:700; color:#555; margin:auto; }
.rmg-image img { max-width:100%; max-height:350px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.06); }
.rmg-spinner { border:8px solid rgba(0,0,0,0.06); border-top:8px solid #ffcc00; border-radius:50%; width:60px; height:60px; animation: rmg-spin 1s linear infinite; position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); display:none; }
@keyframes rmg-spin { 100% { transform: rotate(360deg); } }
.rmg-info { flex:1; min-width:260px; text-align:left; }
.rmg-info h2 { margin:0 0 8px 0; font-size:22px; }
.rmg-info ul { margin-left:18px; color:#444; }
.rmg-learn { background:#0073aa; color:#fff; padding:8px 12px; border-radius:6px; text-decoration:none; }
.rmg-actions { margin-top:12px; display:flex; gap:8px; align-items:center; }
@media(max-width:800px){ .rmg-container{flex-direction:column;}.rmg-info{text-align:center;} }