/* Designed by Kapil Pidhwani: Google Maps Embed Creator — preview + code column; shared form classes live in main.css */
.gm-out { display: flex; flex-direction: column; gap: 0.75rem; }
.gm-preview { position: relative; width: 100%; aspect-ratio: 4 / 3; max-height: 360px; border-radius: var(--radius-md); overflow: hidden; background: var(--surface-elevated); border: 1px solid var(--border-subtle); }
.gm-preview .media-empty-placeholder { position: absolute; inset: 0; }
.gm-preview iframe { display: block; width: 100%; height: 100%; border: 0; }
.gm-preview iframe[hidden], .gm-code[hidden], #grp-directions[hidden], #grp-place[hidden], .media-empty-placeholder[hidden] { display: none; }
.gm-code { margin: 0; padding: 0.75rem 0.9rem; min-height: 96px; max-height: 180px; overflow: auto; font-family: var(--font-mono); font-size: 0.78rem; line-height: 1.5; white-space: pre-wrap; word-break: break-all; color: var(--text-primary); background: var(--surface-elevated); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); }