/* Shared hover tokens for the editor and DialKit, in both themes. */
:root{--ui-hover:#e8eaed;--ui-selected-hover:#dde1e7;--ui-hover-border:#a1a7b0;--ui-export-hover:#30343a}
:root[data-theme=dark]{--ui-hover:#383c43;--ui-selected-hover:#484e58;--ui-hover-border:#929caa;--ui-export-hover:#f3f3f5}
:root[data-theme] body .inspector-shell .dialkit-root{--dial-surface-hover:var(--ui-hover);--dial-border-hover:var(--ui-hover-border)}
:root[data-theme] body :is(.template-card,.shot,.shot-add,.media-row){transition:background-color .15s,border-color .15s}
:root[data-theme] body :is(.header-actions button,.library-footer button,.tabs button,.template-filters button,.workspace>.stage-toolbar button,.playback #play,.shots-heading button,.shot-add,.upload-box,.media-row,.reset,.card-editor-header button,#visual-presets button,#direction-buttons button,dialog button):hover:not(:disabled){background-color:var(--ui-hover);color:var(--ui-text)}
:root[data-theme] body :is(#templates .template-card,#shot-strip .shot):hover{background-color:var(--ui-hover)}
:root[data-theme] body :is(.template-card.active,.shot.selected,.media-row[aria-pressed=true],.tabs button.active,.template-filters button[aria-pressed=true],#direction-buttons button[aria-pressed=true],#visual-presets button.active):hover:not(:disabled){background-color:var(--ui-selected-hover)}
:root[data-theme] body :is(.shot-add,.upload-box):hover:not(:disabled){border-color:var(--ui-hover-border)}
:root[data-theme] body .project-bar #export:hover:not(:disabled){background:var(--ui-export-hover);color:#fff}
:root[data-theme=dark] body .project-bar #export:hover:not(:disabled){color:#202124}
:root[data-theme] body :is(#easing-start,#easing-end):is(:hover,:focus-visible){fill:var(--ui-hover);stroke:var(--ui-focus)}
@media(prefers-reduced-motion:reduce){:root[data-theme] body :is(.template-card,.shot,.shot-add,.media-row){transition:none}}

/* Accordion headers show only a hand cursor on hover; retain keyboard focus. */
:root[data-theme] body .inspector-shell .section-toggle{border-radius:var(--editor-control-radius);padding-left:10px;padding-right:10px;cursor:pointer}
:root[data-theme] body .inspector-shell .section-toggle,
:root[data-theme] body .inspector-shell .section-toggle:hover{background:transparent;color:var(--ui-text);border:0;box-shadow:none}

/* Hover belongs to the asset card, not a second button behind its image. */
:root[data-theme] body #shot-strip .shot-preview,:root[data-theme] body #shot-strip .shot-preview:hover:not(:disabled){background:transparent;border:0;border-radius:var(--editor-control-radius);box-shadow:none}
:root[data-theme] body #shot-strip .shot-preview canvas{display:block}

/* On/Off choices use static selection, with separate hover targets. */
:root[data-theme] body .dialkit-labeled-control .dialkit-segmented{gap:4px}
:root[data-theme] body .dialkit-labeled-control .dialkit-segmented-pill{display:none}
:root[data-theme] body .dialkit-labeled-control .dialkit-segmented-button{transition:none;background:transparent}
:root[data-theme] body .dialkit-labeled-control .dialkit-segmented-button[data-active="false"]:hover:not(:disabled){background:var(--ui-hover)}
:root[data-theme] body .dialkit-labeled-control .dialkit-segmented-button[data-active="true"],:root[data-theme] body .dialkit-labeled-control .dialkit-segmented-button[data-active="true"]:hover{background:var(--dial-surface-active)}