/* Rinkaku — 藍鼠(あいねず)。ツールバーは常に濃い藍の帯、描画エリアはライト/ダークに追従する */
:root {
  --main-bg-color: #191F25;
  --text-color: #E6EBF0;
  --border-color: #2A333C;
  --canvas-bg-color: #E4E9EE;
  --ruler-color: #E4E9EE;
  --icon-bg-color: #191F25;
  --icon-bg-color-hover: #2F3A45;
  --input-color: #242C34;
  --orange-color: #9DB6CC;
  --link-color: #9DB6CC;
  --rk-work-bg: #E4E9EE;
}
@media (prefers-color-scheme: dark) {
  :root {
    --canvas-bg-color: #12171C;
    --ruler-color: #B8C6D3;
    --rk-work-bg: #12171C;
  }
}
html, body { margin: 0; height: 100%; background: #12171C; }
#container { width: 100%; height: 100vh; }
#workarea { background-color: var(--rk-work-bg); }
.svg_editor { font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif; font-size: 9pt; }

#tsuzura-link {
  position: fixed; right: 24px; bottom: 52px; z-index: 5;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 9px 4px 6px; border-radius: 999px;
  background: #191F25; color: #9DB6CC; border: 1px solid #2A333C;
  font: 11px/1 "Noto Sans JP", system-ui, sans-serif; letter-spacing: .04em;
  text-decoration: none; opacity: .72;
}
#tsuzura-link:hover, #tsuzura-link:focus-visible { opacity: 1; color: #E6EBF0; }
#tsuzura-link svg { width: 16px; height: 16px; }