/* UI-DIALOG-01 / EX-DIALOG-02: one bottom overlay beside the navigation at every width. */
[data-ui="v2"] .v2-help-aside.v2-help-bottom {
  position: fixed; top: auto; bottom: 0; left: var(--rail-w); right: 0; width: auto; max-width: none;
  height: min(360px, 42dvh); max-height: 42dvh; min-height: 0;
  margin: 0; padding: var(--sp-4) var(--content-pad);
  border: 0; border-top: 1px solid var(--line-2); border-radius: 0;
  background: var(--surface-2); box-shadow: var(--shadow);
  z-index: 24;
  display: flex; flex-direction: column; overflow: hidden;
  transition: height .25s ease;
}
[data-ui="v2"] .v2-shell[data-rail="pinned"] .v2-help-aside.v2-help-bottom { left: var(--rail-w-expanded); }
[data-ui="v2"] .v2-help-aside.v2-help-bottom[hidden] { display: none; }
[data-ui="v2"] .v2-help-bottom.is-hidden {
  height: 40px; max-height: 40px; padding: 0 var(--content-pad);
  background: transparent; border: 0; box-shadow: none;
  align-items: flex-end; justify-content: flex-end; pointer-events: none;
}
[data-ui="v2"] .v2-help-bottom .v2-help-strip-handle {
  display: flex; position: absolute; top: auto; bottom: 0; right: auto; pointer-events: auto; transform: none; flex-direction: row; gap: var(--sp-2);
  height: 40px; min-height: 40px; padding: 0 var(--sp-5);
  touch-action: none; user-select: none; cursor: grab;
  color: var(--info); background: var(--info-soft); border: 1px solid var(--info);
  border-bottom: 0; border-radius: var(--r-lg) var(--r-lg) 0 0;
  animation: v2-help-attention 6s ease-in-out infinite;
}
[data-ui="v2"] .v2-help-bottom .v2-help-strip-handle.is-dragging { cursor: grabbing; animation-play-state: paused; }
[data-ui="v2"] .v2-help-position-grip { font-size: 17px; line-height: 1; opacity: .7; }
[data-ui="v2"] .v2-help-bottom .v2-help-strip-handle .icon { transform: none; }
[data-ui="v2"] .v2-help-bottom .v2-help-strip-handle-label {
  writing-mode: horizontal-tb; text-orientation: mixed; font-size: 13px; font-weight: 700;
}
[data-ui="v2"] .v2-help-bottom .v2-help-strip-handle:hover,
[data-ui="v2"] .v2-help-bottom .v2-help-strip-handle:focus-visible {
  animation-play-state: paused; outline: 2px solid var(--focus); outline-offset: -3px;
}
@keyframes v2-help-attention {
  0%, 78%, 100% { background: var(--info-soft); box-shadow: none; }
  86%, 92% { background: color-mix(in srgb, var(--info-soft), var(--info) 15%); box-shadow: 0 0 0 3px var(--info-soft); }
}
[data-ui="v2"] .v2-help-bottom .v2-help-panel-head { align-items: center; flex-wrap: nowrap; }
[data-ui="v2"] .v2-help-bottom [data-help-collapse] {
  color: var(--info); background: var(--info-soft); border-color: var(--info);
}
[data-ui="v2"] .v2-help-bottom [data-help-collapse]:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
[data-ui="v2"] .v2-help-bottom .v2-help-width-handle { display: none; }
[data-ui="v2"] .v2-help-bottom .v2-help-panel-body { scrollbar-gutter: stable; overscroll-behavior: contain; }
[data-ui="v2"] .v2-help-bottom .v2-help-list {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  align-items: start; gap: var(--sp-4); margin: 0; padding: 0;
}
[data-ui="v2"] .v2-help-bottom .v2-help-list-item { min-width: 0; }
[data-ui="v2"] .v2-help-bottom .v2-help-media { max-height: 150px; }
[data-ui="v2"] .v2-help-bottom .v2-help-media :is(img, video) { max-height: 150px; object-fit: contain; }
[data-ui="v2"] .v2-help-bottom .v2-help-panel-search { margin-bottom: var(--sp-3); }
@media (max-width: 600px) {
  [data-ui="v2"] .v2-help-aside.v2-help-bottom { height: 40dvh; max-height: 40dvh; padding-inline: var(--sp-5); }
  [data-ui="v2"] .v2-help-bottom.is-hidden { height: 44px; max-height: 44px; padding: 0 var(--sp-5); }
  [data-ui="v2"] .v2-help-bottom .v2-help-strip-handle { min-height: 44px; }
  [data-ui="v2"] .v2-help-bottom .v2-help-panel-title { font-size: 12px; white-space: normal; }
  [data-ui="v2"] .v2-help-bottom .v2-help-panel-goto { max-width: 140px; white-space: normal; font-size: 11px; }
  [data-ui="v2"] .v2-help-bottom .v2-help-panel-head-actions { gap: var(--sp-1); }
  [data-ui="v2"] .v2-help-bottom .v2-iconbtn { min-height: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-ui="v2"] .v2-help-aside.v2-help-bottom { transition: none; }
  [data-ui="v2"] .v2-help-bottom .v2-help-strip-handle { animation: none; }
}
@media print { [data-ui="v2"] .v2-help-bottom { display: none !important; } }