/* The pinned shared shell owns the hosted layout and controls. */
html.tt-shell #field { max-height: 240px; overflow: auto; }
html.tt-shell #field .viewer-colour { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex: 0 0 12px; }
html.tt-shell .field-row { margin-top: 18px; }
html.tt-shell .gift-actions { gap: 10px; flex-wrap: wrap; }
.preview-wrap { position: relative; }
.preview-mode { position: absolute; top: 8px; left: 8px; padding: 3px 9px; border-radius: 6px; background: #171717; color: #ffe08a; font: 600 12px Arial, sans-serif; pointer-events: none; }