/* flashcards: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.fc-tool { display: flex; flex-direction: column; gap: 0; padding: 0; overflow: hidden; }
.fc-stage { position: relative; height: min(68vh, 620px); min-height: 380px; background: #F8FAFC; overflow: hidden; }
.fc-stage svg { display: block; width: 100%; height: 100%; touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab; outline: none; }
.fc-stage svg:active { cursor: grabbing; }
.fc-edit { position: absolute; z-index: 2; box-sizing: border-box; margin: 0; padding: 6px; border: 2px solid #FF5A1F; border-radius: 6px; background: #FFFFFF; color: var(--ink); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.28; text-align: center; resize: none; overflow: hidden; outline: none; }
.fc-panel { padding: 14px; border-left: 1px solid var(--line); background: var(--paper); }
@media (max-width: 979px) { .fc-panel { border-left: 0; border-top: 1px solid var(--line); } }
.fc-panel > div { display: flex; flex-direction: column; gap: 12px; }