:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.hero-photo .photo-transition{position:absolute;inset:0;pointer-events:none;animation:none;z-index:0}
@media(prefers-reduced-motion:no-preference){
  body,.planner-shell,.catalog-panel,.finish-bar,.selected-section,dialog,.theme-picker{transition:background-color .45s ease,color .35s ease,border-color .35s ease}
  .product-mini-image,.featured-image,.selected-card{transition:background-color .3s ease,box-shadow .3s ease,transform .4s var(--motion-ease),border-color .3s ease}
  .product-mini-image:hover{transform:translateY(-3px);box-shadow:0 8px 22px #33331c0c}
  .product-mini-image .furniture-art{transition:transform .55s var(--motion-ease)}
  .product-mini-image:hover .furniture-art{transform:scale(1.035)}
  .selected-card:hover{transform:translateY(-2px)}
  .selected-tools:not([hidden]),.opening-tools:not([hidden]),.theme-picker:not([hidden]),.room-settings:not([hidden]){animation:forma-tools-in .32s var(--motion-ease) both}
  .color-swatch{transition:transform .3s var(--motion-ease),box-shadow .3s ease}
  .color-swatch:hover{transform:scale(1.12)}
  dialog::backdrop{transition:background-color .25s ease}
  @keyframes forma-tools-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){.photo-transition{display:none}}