/* Shared controls for the chat panel and browser toolbar. */
/* Typography SSOT: docs/design.md. Keep native browser zoom separate. */
:root {
  --icon-size: 18px; --control-size: 32px;
  --ui-font-family: "Pretendard", "Malgun Gothic", system-ui, sans-serif;
  --ui-font-size: 12px;
  --ui-heading-size: 14px;
  --ui-caption-size: 11px;
  --ui-tab-title-size: 13px;
  --ui-font: 12px/1.55 var(--ui-font-family);
}
button svg, .ui-icon {
  width: var(--icon-size); height: var(--icon-size); flex: 0 0 var(--icon-size);
  fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
}
button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--accent, #2f6fed); outline-offset: 2px;
}
button { box-sizing: border-box; touch-action: manipulation; }