.share-intents { display: flex; gap: 4px; padding: 4px; border-radius: var(--r-md); background: var(--fill-subtle); }
.share-intents button { flex: 1; min-height: 36px; padding: 6px 8px; border: 0; border-radius: var(--r-sm); background: transparent; color: var(--text-secondary); font: inherit; font-size: var(--fs-sm); cursor: pointer; }
.share-intents button[aria-selected="true"] { background: var(--surface-raised); color: var(--text-primary); box-shadow: var(--shadow-sm); }
.share-intents button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.share-purpose { color: var(--text-secondary); font-size: var(--fs-sm); line-height: 1.5; margin: 12px 0; }
#share-list [hidden] { display: none !important; }
.settings-navigator { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .7fr); gap: 8px 12px; padding: 12px 0; background: var(--surface-base); border-bottom: 1px solid var(--border-subtle); }
.settings-navigator label { display: grid; gap: 4px; color: var(--text-secondary); font-size: var(--fs-xs); }
.settings-navigator input, .settings-navigator select { width: 100%; min-width: 0; height: 36px; padding: 6px 10px; border: 1px solid var(--border-default); border-radius: var(--r-sm); background: var(--fill-subtle); color: var(--text-primary); font: inherit; font-size: var(--fs-sm); }
.settings-results { grid-column: 1/-1; color: var(--text-secondary); font-size: var(--fs-xs); }
.settings-results:empty { display: none; }
.st-group[hidden] { display: none !important; }
#canvas-reading-tools { display: none; }
@media (max-width: 720px) {
  .share-intents button { min-height: 44px; }
  #canvas-reading-tools { position: absolute; left: 12px; right: 12px; bottom: calc(68px + env(safe-area-inset-bottom)); z-index: 20; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid var(--border-subtle); border-radius: var(--r-md); background: var(--surface-raised); box-shadow: var(--shadow-sm); }
  #canvas-reading-tools span { flex: 1; min-width: 0; color: var(--text-secondary); font-size: var(--fs-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #canvas-reading-tools button { flex: none; min-height: 44px; padding: 8px 10px; border: 0; border-radius: var(--r-sm); background: var(--fill-subtle); color: var(--text-primary); font: inherit; font-size: var(--fs-sm); }
  #canvas-reading-tools button[hidden], .web-reading #canvas-reading-tools, .desktop #canvas-reading-tools { display: none; }
}