/* One primary mobile toolbar, with active filters shown beneath it. */
@media(max-width:900px){
  .mobile-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 66px;gap:8px;align-items:stretch}
  .mobile-bar .mb-btn{min-width:0;min-height:49px;box-shadow:none;border-radius:10px}
  .mobile-bar .mb-browse{width:auto;flex:none;padding:8px 10px;gap:7px}
  .mobile-bar .mb-browse .mb-ico{display:none}
  .mobile-bar .mb-text{min-width:0}
  .mobile-bar .mb-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;font-size:13px}
  .mobile-bar .mb-text small{font-size:10px;line-height:1.3}
  .mobile-bar .mb-period{grid-column:auto;margin:0;width:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 4px;padding:7px 10px;text-align:left;color:var(--ink)}
  .mobile-bar .mb-period>span:first-child{grid-column:1;grid-row:1;color:var(--muted);font-size:10px;line-height:1.3}
  .mobile-bar .mb-period b{grid-column:1;grid-row:2;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-bar .mb-period>span:last-child{grid-column:2;grid-row:1/3;align-self:center}
  .mobile-bar .mb-filter{width:auto;min-width:0;padding:8px 6px;gap:5px;font-size:12px}
  .mobile-bar .mb-filter svg{width:16px;height:16px}
  .mobile-bar .mb-badge{position:absolute;top:1px;right:1px}
  .era-panel{display:none!important}
  .results-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 0 13px;margin:0}
  .results-meta #result-count{grid-column:1;grid-row:1;min-width:0;font-size:12px}
  .results-meta #merge-toggle,.results-meta #clear-favorites{grid-column:2;grid-row:1;min-height:32px;font-size:11px;padding:5px 10px}
  .results-meta #active-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
  .results-meta #active-chips:empty{display:none}
  .results-meta #orient-quick,.results-meta #fit-btn,.results-meta .quality-note{display:none!important}
  .results-meta .chip-x{min-height:30px;font-size:11px}
}
/* Download and share remain direct; secondary tools use a disclosure. */
.modal-tools{position:relative;flex:0 0 auto;color:var(--purple-dark)}
.modal-tools summary{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;min-height:42px;padding:0 15px;border:1px solid var(--line-strong);border-radius:10px;font-size:14px;background:var(--card);user-select:none}
.modal-tools summary::-webkit-details-marker{display:none}
.modal-tools summary>span{font-size:19px;line-height:1}
.modal-tools[open] summary{background:var(--lilac);border-color:var(--purple)}
.modal-tools-panel{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;width:310px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid var(--line-strong);background:var(--card);border-radius:12px;box-shadow:0 8px 24px #2d1d3e1a}
.modal-tools:not([open])>.modal-tools-panel{display:none}
.modal-tools-panel .share-button,.modal-tools-panel .source-link,.modal-tools-panel .kbd-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;max-width:100%;min-width:0;min-height:40px;height:auto;padding:8px 9px;margin:0;font-size:12px;border-radius:8px;color:var(--purple-dark);background:var(--card);border:1px solid var(--line-strong);white-space:normal;text-align:center}
.modal-tools-panel .source-link{font-size:12px;text-decoration:none}
.modal-tools-panel .kbd-btn{border-style:dashed}
.modal-tools-panel .share-button:hover,.modal-tools-panel .source-link:hover,.modal-tools-panel .kbd-btn:hover{background:var(--lilac)}
.modal-tools-panel [hidden]{display:none!important}
.modal-tools summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
@media(max-width:900px){
  .modal-actions{gap:8px}
  .modal-actions>.download-button,.modal-actions>.share-wrap,.modal-actions>.modal-tools{flex:1 1 0;min-width:0}
  .modal-actions>.download-button,.modal-actions>.share-wrap>.share-button,.modal-tools summary{width:100%;min-height:42px;padding:8px 10px;justify-content:center;font-size:13px}
  .modal-actions>#modal-position{flex:1 0 100%;margin:0;text-align:right;font-size:11px}
  .modal-tools[open]{flex:1 0 100%}
  .modal-tools[open] summary{margin-left:auto;width:auto;max-width:112px}
  .modal-tools-panel{position:static;width:100%;box-shadow:none;margin-top:8px;padding:10px;background:var(--lilac)}
}