.bm-smart-section { overflow: clip; background: #191919; color: #f5f7f8; }
.bm-smart-section .bm-section-label { color: #9ed9ef; }
.bm-smart-section h2 { color: #f5f7f8; }
.bm-smart-section .biomotic-highlight { color: var(--bm-blue); }
.bm-smart-section .bm-smart-intro { color: #c4ccd0; }
.bm-smart-intro { max-width: 650px; }
.bm-smart-grid { display: grid; grid-template-columns: 160px minmax(0, 1fr) 174px; align-items: center; gap: 22px; margin-top: 36px; }
.bm-smart fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.bm-smart [hidden] { display: none !important; }
.bm-smart legend { font-size: .78rem; letter-spacing: .04em; font-weight: 600; margin-bottom: 18px; color: #c4ccd0; }
.bm-smart-choice { display: flex; align-items: center; gap: 10px; padding: 12px 10px; border: 1px solid transparent; border-radius: 8px; cursor: pointer; margin: 5px 0; font-size: .94rem; }
.bm-smart-choice:has(:checked) { background: #25343e; border-color: #a6b7c1; color: #fff; }
.bm-smart-choice:hover { background: #293137; }
.bm-smart-choice:has(:checked):hover { background: #23313a; }
.bm-smart-choice input { accent-color: #d7b585; width: 17px; height: 17px; flex: 0 0 auto; margin: 0; }
.bm-smart-choice:has(:focus-visible) { outline: 2px solid #ecd0a7; outline-offset: 3px; }
.bm-smart-center { min-width: 0; }
.bm-smart-picture { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #191919; }
.bm-smart-room { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.bm-smart-ambience { transition: opacity 180ms ease-out; }
.bm-smart-state { min-height: 132px; text-align: center; max-width: 570px; margin: 10px auto 0; }
.bm-smart-state h3 { font-size: 1.12rem; margin: 0 0 8px; }
.bm-smart-state p { font-size: .88rem; line-height: 1.6; color: #c4ccd0; margin: 4px 0; }
.bm-smart-status { font-size: .85rem; text-align: center; margin: 0; }
.bm-smart-retry { display: block; margin: 12px auto; padding: 10px 16px; border: 1px solid #d7b585; border-radius: 6px; background: #25343e; color: #fff; cursor: pointer; }
.bm-smart-retry:focus-visible { outline: 2px solid #ecd0a7; outline-offset: 3px; }
.bm-smart-note { color: #b8c2c8; font-size: .78rem; text-align: center; margin-top: 24px; }
@media (max-width: 1000px) {
  .bm-smart-grid { grid-template-columns: 136px minmax(0, 1fr) 148px; gap: 12px; }
  .bm-smart-choice { padding: 10px 6px; font-size: .85rem; }
}
@media (max-width: 760px) {
  .bm-smart-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 24px; }
  .bm-smart-scenes { order: 0; }
  .bm-smart-center { order: 1; }
  .bm-smart-styles { order: 2; }
  .bm-smart fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .bm-smart legend { margin-bottom: 10px; }
  .bm-smart-choice { padding: 12px 8px; margin: 0; min-height: 44px; }
  .bm-smart-state { min-height: 124px; }
}
@media (prefers-reduced-motion: reduce) { .bm-smart-ambience { transition: none; } }