[data-view-mode-host] { min-width: 0; }
.view-mode-control { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; color: inherit; font: inherit; }
.view-mode-control > span { font-size: var(--fs-sm, 14px); letter-spacing: .03em; }
.view-mode-control select { width: auto; min-width: 108px; height: 44px; min-height: 44px; margin: 0; padding: 8px 30px 8px 12px; border: 1px solid #49605a; border-radius: 4px; background: #121b18; color: #f2f5f3; font: inherit; font-size: var(--fs-base, 16px); line-height: 1.3; cursor: pointer; color-scheme: dark; }
.view-mode-control select:focus-visible { outline: 2px solid #63cfb4; outline-offset: 3px; }
.view-mode-control small { min-width: 0; color: #b7c7c1; font-size: var(--fs-xs, 12px); line-height: 1.5; }
.view-mode-control small:empty { display: none; }
@media (pointer: coarse) { .view-mode-control select { min-height: 48px; } }
@media print { [data-view-mode-host] { display: none !important; } }