/* Quiet, finite feedback for controls that do not use the primary .button. */
:is(.shape-template-card,.jade-swatches button,.pattern-card,.drawing-tools button,
    .lighting-controls button,.layer-list button,.layer-actions button,.export-options button,
    .atelier-tabs button,.atelier-left-tabs button,.history-button,
    .selection-actions button,.stroke-settings button,.layer-copy-face button,.pagination a,.editor-kind-filter button) {
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease,
    box-shadow 180ms ease, translate 180ms ease, scale 110ms ease;
}
:is(.atelier-subtle-button,.atelier-guide-toggle,#dismiss-guide,#reset-view,#save-as-new,
    .work-viewer-toolbar button,.comment-actions button,.text-button,.studio-tabs a,
    .dialog-close,.inspiration-note button,.messages button,
    .draw-disclosure>summary,.more-disclosure>summary,.size-details>summary) {
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease,
    text-decoration-color 180ms ease, scale 110ms ease;
  text-underline-offset: .28em;
}
.jade-swatches i { transition: scale 180ms ease, box-shadow 180ms ease; }
.export-options strong span { display:inline-block; transition:translate 180ms ease; }

@media (hover:hover) and (pointer:fine) {
  :is(.shape-template-card,.pattern-card,.export-options button):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.is-busy):hover {
    translate:0 -2px;
    box-shadow:0 3px 10px #123f3610;
  }
  :is(.shape-template-card,.pattern-card,.drawing-tools button,.lighting-controls button,
      .layer-list button,.layer-actions button,.export-options button,
      .selection-actions button,.stroke-settings button,.layer-copy-face button,.pagination a,.editor-kind-filter button):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.is-busy):not([aria-pressed=true]):not([aria-selected=true]):hover {
    background-color:#e9eee4;
    border-color:#91a891;
    color:#123f36;
  }
  :is(.atelier-tabs button,.atelier-left-tabs button):not(:disabled):not([aria-busy=true]):not([aria-selected=true]):hover { background-color:#e9eee4; color:#123f36; }
  .jade-swatches button:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.is-busy):hover i { scale:1.06; }
  .export-options button:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.is-busy):hover strong span { translate:3px 0; }
  :is(.atelier-subtle-button,.atelier-guide-toggle,#dismiss-guide,#reset-view,#save-as-new,
      .work-viewer-toolbar button,.comment-actions button,.text-button,.studio-tabs a,
      .inspiration-note button,.draw-disclosure>summary,.more-disclosure>summary,.size-details>summary):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.is-busy):hover {
    color:#2f6b58;
    text-decoration:underline;
    text-decoration-color:#789883;
  }
  .dialog-close:not(:disabled):hover { background-color:#e9eee4; color:#123f36; }
}
:is(.shape-template-card,.jade-swatches button,.pattern-card,.drawing-tools button,
    .lighting-controls button,.layer-list button,.layer-actions button,.export-options button,
    .atelier-tabs button,.atelier-left-tabs button,.history-button,
    .selection-actions button,.stroke-settings button,.layer-copy-face button,.dialog-close,.pagination a):not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):not(.is-busy):active { scale:.98; translate:0 0; }

/* Disabled/busy primary controls must not retain the existing hover sweep. */
.button:is(:disabled,[aria-disabled=true],[aria-busy=true],.is-busy),
.button:is(:disabled,[aria-disabled=true],[aria-busy=true],.is-busy)>span { transform:none; }
.button:is(:disabled,[aria-disabled=true],[aria-busy=true],.is-busy)::before { transform:scaleX(0); }

@media (prefers-reduced-motion:reduce) {
  :is(.shape-template-card,.jade-swatches button,.jade-swatches i,.pattern-card,.drawing-tools button,
      .lighting-controls button,.layer-list button,.layer-actions button,.export-options button,
      .export-options strong span,.atelier-tabs button,.atelier-left-tabs button,.history-button,
      .selection-actions button,.stroke-settings button,.layer-copy-face button,.dialog-close,.pagination a) {
    translate:none!important; scale:none!important;
  }
  .button:active,.button:hover>span:last-child:not(:only-child) { transform:none!important; }
  .button::before { display:none; }
}

:is(.draw-disclosure,.more-disclosure,.size-details)>summary:focus-visible { outline:2px solid #47755f; outline-offset:3px; }