/* 交互共用运动节奏；不会移动标签文字或可点击区域。 */
html { scrollbar-gutter: stable; }
html.dialog-visible { overflow: hidden; }
.device-layout { align-items: start; }
.has-indicator { position: relative; isolation: isolate; }
.has-indicator > .selection-indicator {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 24px;
  background: var(--primary-container);
}
.has-indicator[data-indicator-ready="true"] > .selection-indicator {
  transition: transform 360ms var(--ease), width 360ms var(--ease), height 360ms var(--ease), background-color 180ms;
}
.has-indicator.indicator-reflow > .selection-indicator { transition: none; }
.has-indicator > [role="tab"] {
  position: relative;
  z-index: 1;
  transition: color 180ms, background-color 160ms;
}
.has-indicator > [role="tab"][aria-selected="true"],
.has-indicator > [role="tab"][aria-selected="true"]:hover { background: transparent; }
.segmented-tabs > .selection-indicator { border-radius: 999px; }
.scene-tabs > .selection-indicator {
  border: 1px solid #ffffff24;
  border-radius: 14px;
  background: #ffffff14;
}
.scene-tabs.has-indicator > [role="tab"][aria-selected="true"] { border-color: transparent; }
.mode-chips { gap: 3px; }
.mode-chips > [role="tab"] {
  flex: 1 0 auto;
  min-width: 40px;
  min-height: 40px;
  border: 0;
  border-radius: 999px;
  padding: 7px 9px;
  color: var(--on-primary-container);
  background: transparent;
  font-size: 12px;
}
.mode-chips > .selection-indicator {
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 2px 6px #20144c10;
}
.mode-chips > [role="tab"][aria-selected="true"] { color: var(--primary); }
.feature-primary > #mode-description { min-height: 5.25em; }
.provider-chips span { border: 0; border-radius: 0; padding: 4px 13px; background: transparent; }
.image-dialog::backdrop { opacity: 0; transition: opacity 180ms ease; }
.image-dialog[data-state="open"]::backdrop { opacity: 1; }
.image-dialog[data-state="closing"] { pointer-events: none; }
.navigation[inert] { pointer-events: none; }
.icon-button { transition: background-color 180ms; }
.icon-button > .icon { transition: transform 160ms var(--ease); }
.icon-button:active { transform: none; }
.icon-button:active > .icon { transform: scale(.9); }
.button:active { transform: none; filter: brightness(.95); }
.room-pet { transition: background-color 180ms, border-color 180ms, transform 180ms var(--ease); }
.room-pet:active { transform: scale(.98); }
.room-pet:hover { background: #ffffff0c; border-color: #ffffff30; }
.product-shot:active { filter: brightness(.97); }
.faq-list summary { transition: color 160ms; }
.faq-list details.is-transitioning { overflow: hidden; }
.button:disabled { opacity: .65; cursor: wait; transform: none; box-shadow: none; }
@media (max-width: 900px) {
  .workflow-tabs > .selection-indicator { border-radius: 20px; }
}
@media (max-width: 600px) {
  .hero-visual .orbit-one { inset: 10% 6% 6% 3%; }
  .workflow-tabs > .selection-indicator { border-radius: 17px; }
  .scene-tabs > .selection-indicator { border-radius: 12px; }
}
@media (hover: none) {
  .button:hover { transform: none; box-shadow: none; }
  .hero-shot:hover { transform: rotate(-1.8deg); }
  .segmented-tabs button:hover, .workflow-tab:hover { background: transparent; }
}
@media (prefers-reduced-motion: reduce) {
  .has-indicator > .selection-indicator, .image-dialog::backdrop { transition: none; }
  .icon-button:active, .room-pet:active { transform: none; }
  .icon-button:active > .icon { transform: none; }
  .hero-shot:hover { transform: none; }
}