/* Basic mobile-first styles for WP Reels */
#wp-reels-app { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
.reels-upload { padding: 12px; background:#fff; border-bottom:1px solid #eee; }
.reels-upload form { display:flex; flex-direction:column; gap:8px; }
.reels-upload input[type=text], .reels-upload textarea { width:100%; padding:8px; border:1px solid #ddd; border-radius:6px; }
.reels-upload button { padding:10px 14px; border-radius:6px; border:none; background:#0073aa; color:#fff; cursor:pointer; }

.reels-container { display:flex; flex-direction:column; gap:12px; background:#111; min-height:60vh; padding:0; }
.reel-card { height:90vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:#000; border-bottom:1px solid #222; }
.reel-card video { max-height:100%; width:auto; max-width:100%; object-fit:cover; }
.reel-meta { position:absolute; left:12px; bottom:20px; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,0.6); }
.reel-meta h3 { margin:0 0 6px 0; font-size:18px; }
.reel-meta p { margin:0; font-size:14px; opacity:0.9; }