/* Custom SVG icon set (src/icons.js) — sizes follow the surrounding font. */
[data-icon] { display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
.ico { width: 1.25em; height: 1.25em; flex-shrink: 0; color: var(--ink); overflow: visible; }

.panel h1 { display: flex; align-items: center; gap: 6px; }
.panel h1 .ico { width: 24px; height: 24px; }
.stats > span { display: inline-flex; align-items: center; gap: 4px; }
.stats .ico { width: 18px; height: 18px; }
.hint .ico { width: 16px; height: 16px; vertical-align: -3px; }

.toolbar button .ico { width: 22px; height: 22px; }
.toolbar button.on .ico { color: white; }
.toolbar #btn-turbo .ico { width: 24px; height: 24px; }

.toast { display: flex; align-items: center; justify-content: center; gap: 8px; }
.toast .ico { width: 22px; height: 22px; }

.done-art { display: flex; align-items: flex-end; justify-content: center; gap: 4px; margin: 0; }
.done-art .ico { width: 26px; height: 26px; }
.done-art .big .ico { width: 60px; height: 60px; }
.done-card button { gap: 6px; }
.done-card button .ico { color: white; width: 20px; height: 20px; }

.picker-close .ico { width: 18px; height: 18px; }

.loading-bot .ico { width: 72px; height: 72px; }
.loading-text { display: inline-flex; align-items: center; gap: 6px; }
.loading-text .ico { width: 22px; height: 22px; }

@media (pointer: coarse) {
  .toolbar button .ico { width: 24px; height: 24px; }
  .toolbar #btn-turbo .ico { width: 32px; height: 32px; }
}