forgecad 0.9.14 → 0.9.15

package/dist/assets/app-CsHnaBWt.css

@@ -1,1789 +0,0 @@
-/* ============================================================
-   ForgeCAD — Global UI Polish Layer
-   Adds transitions, hover states, custom scrollbars, and micro-
-   interactions to every interactive element in the app.
-   ============================================================ */
-
-/* --- Selection color --- */
-::selection {
-  background: var(--fc-accent);
-  color: var(--fc-accentText);
-}
-
-/* --- Custom scrollbars (WebKit + Firefox) --- */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  background: var(--fc-border);
-  border-radius: 4px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-}
-::-webkit-scrollbar-thumb:hover {
-  background: var(--fc-textDim);
-  border: 2px solid transparent;
-  background-clip: content-box;
-}
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
-/* Firefox */
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--fc-border) transparent;
-}
-
-/* --- Universal interactive element transitions --- */
-button,
-[role="button"],
-a,
-input,
-select,
-textarea {
-  transition:
-    background 0.15s ease,
-    color 0.15s ease,
-    border-color 0.15s ease,
-    box-shadow 0.15s ease,
-    opacity 0.15s ease,
-    transform 0.1s ease;
-}
-
-/* --- Button hover/active/focus states --- */
-button:not(:disabled):hover,
-[role="button"]:not(:disabled):hover {
-  filter: brightness(1.15);
-}
-button:not(:disabled):active,
-[role="button"]:not(:disabled):active {
-  transform: scale(0.97);
-}
-button:focus-visible,
-[role="button"]:focus-visible,
-a:focus-visible,
-input:focus-visible,
-select:focus-visible,
-textarea:focus-visible {
-  outline: 2px solid var(--fc-accent);
-  outline-offset: 1px;
-}
-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* --- fc-btn: Themed button class for toolbar/panel buttons --- */
-.fc-btn {
-  padding: 4px 10px;
-  background: transparent;
-  color: var(--fc-textMuted);
-  border: 1px solid var(--fc-border);
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 12px;
-  font-family: inherit;
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  line-height: 1;
-  white-space: nowrap;
-  user-select: none;
-}
-.fc-btn:hover {
-  background: var(--fc-bgHover);
-  color: var(--fc-text);
-  border-color: var(--fc-textDim);
-}
-.fc-btn:active {
-  background: var(--fc-bgActive);
-}
-/* Card-style button: stacked title + description, full-width */
-.fc-btn.fc-btn-card {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  white-space: normal;
-  width: 100%;
-  text-align: left;
-  padding: 8px 12px;
-  gap: 2px;
-}
-.fc-btn-card .fc-btn-card-title {
-  font-weight: 600;
-  line-height: 1.3;
-}
-.fc-btn-card .fc-btn-card-desc {
-  font-size: 11px;
-  color: var(--fc-textDim);
-  line-height: 1.3;
-}
-.fc-btn.active {
-  background: var(--fc-accent);
-  color: var(--fc-accentText);
-  border-color: var(--fc-accent);
-}
-.fc-btn.active:hover {
-  filter: brightness(1.1);
-}
-
-/* --- App crash recovery --- */
-.fc-crash-shell {
-  position: relative;
-  min-height: 100vh;
-  padding: calc(env(safe-area-inset-top, 0px) + 24px) 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: auto;
-  background:
-    radial-gradient(circle at top left, color-mix(in srgb, var(--fc-accent) 20%, transparent), transparent 38%),
-    radial-gradient(circle at bottom right, color-mix(in srgb, var(--fc-error) 22%, transparent), transparent 34%),
-    linear-gradient(180deg, var(--fc-bg), var(--fc-bgOverlay));
-  color: var(--fc-text);
-}
-
-.fc-crash-orb {
-  position: fixed;
-  border-radius: 999px;
-  filter: blur(42px);
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.fc-crash-orb--one {
-  width: 220px;
-  height: 220px;
-  top: 8vh;
-  left: -60px;
-  background: color-mix(in srgb, var(--fc-accent) 55%, transparent);
-}
-
-.fc-crash-orb--two {
-  width: 260px;
-  height: 260px;
-  right: -80px;
-  bottom: 6vh;
-  background: color-mix(in srgb, var(--fc-error) 42%, transparent);
-}
-
-.fc-crash-panel {
-  position: relative;
-  width: min(720px, 100%);
-  padding: 22px;
-  border-radius: 24px;
-  border: 1px solid var(--fc-border);
-  background: color-mix(in srgb, var(--fc-bgPanel) 88%, transparent);
-  box-shadow:
-    0 24px 80px rgba(0, 0, 0, 0.28),
-    inset 0 1px 0 rgba(255, 255, 255, 0.04);
-  backdrop-filter: blur(18px);
-  -webkit-backdrop-filter: blur(18px);
-}
-
-.fc-crash-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  min-height: 28px;
-  padding: 0 10px;
-  margin-bottom: 16px;
-  border-radius: 999px;
-  background: color-mix(in srgb, var(--fc-errorBg) 76%, transparent);
-  border: 1px solid color-mix(in srgb, var(--fc-error) 34%, var(--fc-border));
-  color: var(--fc-error);
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-
-.fc-crash-hero {
-  display: flex;
-  align-items: flex-start;
-  gap: 16px;
-}
-
-.fc-crash-icon {
-  width: 56px;
-  height: 56px;
-  border-radius: 18px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  font-size: 28px;
-  background:
-    linear-gradient(135deg, color-mix(in srgb, var(--fc-error) 24%, transparent), color-mix(in srgb, var(--fc-accent) 18%, transparent)),
-    var(--fc-bg);
-  border: 1px solid color-mix(in srgb, var(--fc-error) 18%, var(--fc-border));
-}
-
-.fc-crash-title {
-  margin-bottom: 8px;
-  font-size: clamp(24px, 4vw, 32px);
-  line-height: 1.05;
-  font-weight: 800;
-  letter-spacing: -0.03em;
-}
-
-.fc-crash-copy {
-  max-width: 56ch;
-  color: var(--fc-textMuted);
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-.fc-crash-error-card {
-  margin-top: 18px;
-  padding: 16px;
-  border-radius: 18px;
-  border: 1px solid color-mix(in srgb, var(--fc-error) 22%, var(--fc-border));
-  background: linear-gradient(
-    180deg,
-    color-mix(in srgb, var(--fc-errorBg) 80%, transparent),
-    color-mix(in srgb, var(--fc-bgPanel) 82%, transparent)
-  );
-}
-
-.fc-crash-error-label {
-  margin-bottom: 6px;
-  color: var(--fc-textDim);
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.fc-crash-error-message {
-  color: var(--fc-text);
-  font-size: 15px;
-  line-height: 1.55;
-  word-break: break-word;
-}
-
-.fc-crash-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  margin-top: 18px;
-}
-
-.fc-crash-btn {
-  min-height: 42px;
-  padding: 0 16px;
-  border-radius: 12px;
-  border: 1px solid var(--fc-border);
-  font-size: 14px;
-  font-weight: 700;
-  font-family: inherit;
-  cursor: pointer;
-}
-
-.fc-crash-btn--primary {
-  background: var(--fc-accent);
-  color: var(--fc-accentText);
-  border-color: var(--fc-accent);
-}
-
-.fc-crash-btn--secondary {
-  background: var(--fc-bgSurface);
-  color: var(--fc-text);
-}
-
-.fc-crash-btn--ghost {
-  background: transparent;
-  color: var(--fc-textMuted);
-}
-
-.fc-crash-editor-card {
-  margin-top: 18px;
-  padding: 16px;
-  border-radius: 20px;
-  border: 1px solid var(--fc-border);
-  background: color-mix(in srgb, var(--fc-bg) 84%, transparent);
-}
-
-.fc-crash-editor-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 14px;
-  margin-bottom: 12px;
-}
-
-.fc-crash-editor-title {
-  margin-bottom: 4px;
-  font-size: 15px;
-  font-weight: 700;
-}
-
-.fc-crash-editor-copy {
-  color: var(--fc-textMuted);
-  font-size: 13px;
-  line-height: 1.5;
-}
-
-.fc-crash-editor-filepicker {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  min-width: min(220px, 100%);
-  color: var(--fc-textDim);
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.fc-crash-editor-filepicker select {
-  min-height: 38px;
-}
-
-.fc-crash-editor {
-  width: 100%;
-  min-height: 250px;
-  padding: 14px;
-  border-radius: 16px;
-  border: 1px solid var(--fc-border);
-  background: var(--fc-bgInput);
-  color: var(--fc-text);
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    Liberation Mono,
-    monospace;
-  font-size: 13px;
-  line-height: 1.55;
-  resize: vertical;
-  white-space: pre;
-  tab-size: 2;
-}
-
-.fc-crash-editor-note {
-  margin-top: 10px;
-  color: var(--fc-textDim);
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-.fc-crash-run-error {
-  margin-top: 16px;
-  padding: 12px 14px;
-  border-radius: 14px;
-  background: color-mix(in srgb, var(--fc-errorBg) 60%, transparent);
-  border: 1px solid color-mix(in srgb, var(--fc-error) 20%, var(--fc-border));
-  color: var(--fc-textMuted);
-  font-size: 13px;
-  line-height: 1.5;
-}
-
-.fc-crash-details {
-  margin-top: 16px;
-  border-top: 1px solid var(--fc-border);
-  padding-top: 14px;
-}
-
-.fc-crash-details summary {
-  color: var(--fc-textMuted);
-  font-size: 13px;
-  font-weight: 700;
-  cursor: pointer;
-  user-select: none;
-}
-
-.fc-crash-details-pre {
-  margin: 12px 0 0;
-  padding: 14px;
-  border-radius: 14px;
-  border: 1px solid var(--fc-border);
-  background: color-mix(in srgb, var(--fc-bg) 88%, transparent);
-  color: var(--fc-textDim);
-  font-size: 12px;
-  line-height: 1.55;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-@media (max-width: 640px) {
-  .fc-crash-panel {
-    padding: 18px;
-    border-radius: 20px;
-  }
-
-  .fc-crash-hero,
-  .fc-crash-editor-header {
-    flex-direction: column;
-  }
-
-  .fc-crash-icon {
-    width: 48px;
-    height: 48px;
-    border-radius: 16px;
-    font-size: 24px;
-  }
-
-  .fc-crash-actions {
-    flex-direction: column;
-  }
-
-  .fc-crash-btn,
-  .fc-crash-editor-filepicker {
-    width: 100%;
-  }
-
-  .fc-crash-editor {
-    min-height: 220px;
-  }
-}
-
-/* --- fc-icon-btn: Small icon-only button --- */
-.fc-icon-btn {
-  padding: 4px;
-  background: transparent;
-  color: var(--fc-textDim);
-  border: 1px solid transparent;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 14px;
-  line-height: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.fc-icon-btn:hover {
-  background: var(--fc-bgHover);
-  color: var(--fc-text);
-  border-color: var(--fc-border);
-}
-
-/* --- Panel section headers --- */
-.fc-panel-header {
-  padding: 6px 12px;
-  font-size: 11px;
-  color: var(--fc-textDim);
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  cursor: pointer;
-  user-select: none;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  transition:
-    background 0.12s ease,
-    color 0.12s ease;
-}
-.fc-panel-header:hover {
-  background: var(--fc-bgHover);
-  color: var(--fc-textMuted);
-}
-
-/* --- Separator --- */
-.fc-separator {
-  width: 1px;
-  height: 20px;
-  background: var(--fc-border);
-  margin: 0 4px;
-  flex-shrink: 0;
-}
-
-/* --- Toolbar --- */
-.fc-toolbar {
-  padding: 0 10px;
-  height: 46px;
-  background: var(--fc-bgHover);
-  border-bottom: 1px solid var(--fc-border);
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  user-select: none;
-  flex-shrink: 0;
-}
-
-/* Toolbar zones — left and right anchor to edges, center fills the middle */
-.fc-toolbar-zone {
-  display: flex;
-  align-items: center;
-  gap: 3px;
-  flex-shrink: 0;
-  min-width: 0;
-}
-.fc-toolbar-center {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-width: 0;
-}
-
-/* File button in center — acts as both filename display and command palette trigger */
-.fc-toolbar-file {
-  max-width: 340px;
-  width: min(340px, 100%);
-  padding: 5px 12px;
-  border-radius: 8px;
-  gap: 8px;
-  background: var(--fc-bg);
-  border-color: var(--fc-border);
-  flex: 0 1 340px;
-  min-width: 0;
-  justify-content: space-between;
-}
-.fc-toolbar-file:hover {
-  background: var(--fc-bgHover);
-  border-color: var(--fc-textDim);
-}
-.fc-toolbar-file > * {
-  min-width: 0;
-}
-.fc-toolbar-filename {
-  color: var(--fc-text);
-  font-size: 12px;
-  font-weight: 500;
-  flex: 1 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.fc-toolbar-shortcut {
-  color: var(--fc-textDim);
-  font-size: 10px;
-  flex-shrink: 0;
-  padding: 1px 5px;
-  border-radius: 4px;
-  background: var(--fc-bgHover);
-  border: 1px solid var(--fc-border);
-  line-height: 1.3;
-}
-
-/* Icon-only toolbar button — square, centered icon, no text */
-.fc-toolbar-btn {
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 15px;
-  flex-shrink: 0;
-  border-radius: 6px;
-}
-.fc-toolbar-ai-btn {
-  --fc-ai-start: var(--fc-accent);
-  --fc-ai-mid: color-mix(in srgb, var(--fc-accent) 38%, var(--fc-success));
-  --fc-ai-end: var(--fc-warning);
-  color: var(--fc-accentText);
-  background: linear-gradient(135deg, var(--fc-ai-start) 0%, var(--fc-ai-mid) 52%, var(--fc-ai-end) 100%);
-  border-color: color-mix(in srgb, var(--fc-ai-start) 48%, var(--fc-border));
-  box-shadow:
-    0 0 0 1px color-mix(in srgb, var(--fc-accentText) 12%, transparent) inset,
-    0 0 18px color-mix(in srgb, var(--fc-ai-start) 28%, transparent);
-  font-weight: 700;
-  text-shadow: 0 1px 1px color-mix(in srgb, var(--fc-bg) 38%, transparent);
-}
-.fc-toolbar-ai-btn:hover {
-  color: var(--fc-accentText);
-  background: linear-gradient(
-    135deg,
-    color-mix(in srgb, var(--fc-ai-start) 84%, var(--fc-text) 16%) 0%,
-    color-mix(in srgb, var(--fc-ai-mid) 86%, var(--fc-text) 14%) 52%,
-    color-mix(in srgb, var(--fc-ai-end) 86%, var(--fc-text) 14%) 100%
-  );
-  border-color: color-mix(in srgb, var(--fc-ai-start) 60%, var(--fc-text));
-  box-shadow:
-    0 0 0 1px color-mix(in srgb, var(--fc-accentText) 18%, transparent) inset,
-    0 0 22px color-mix(in srgb, var(--fc-ai-mid) 34%, transparent);
-}
-:root[data-fc-theme="gruvbox"] .fc-toolbar-ai-btn {
-  --fc-ai-start: var(--fc-warning);
-  --fc-ai-mid: var(--fc-accent);
-  --fc-ai-end: var(--fc-success);
-}
-:root[data-fc-theme="kanagawa-lotus"] .fc-toolbar-ai-btn {
-  --fc-ai-start: var(--fc-accent);
-  --fc-ai-mid: color-mix(in srgb, var(--fc-accent) 30%, var(--fc-warning));
-  --fc-ai-end: var(--fc-success);
-}
-
-/* Labeled toolbar button — icon + text, for primary actions */
-.fc-toolbar-labeled {
-  height: 32px;
-  padding: 0 10px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
-  font-size: 14px;
-  flex-shrink: 0;
-  border-radius: 6px;
-}
-.fc-toolbar-labeled span {
-  font-size: 12px;
-}
-.fc-toolbar-project-chip {
-  max-width: 180px;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* --- Input fields --- */
-input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]),
-textarea,
-select {
-  background: var(--fc-bgInput);
-  border: 1px solid var(--fc-border);
-  border-radius: 4px;
-  padding: 4px 6px;
-  color: var(--fc-text);
-  font-size: 12px;
-  font-family: inherit;
-}
-input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
-textarea:focus,
-select:focus {
-  border-color: var(--fc-accent);
-  box-shadow: 0 0 0 1px var(--fc-accent);
-}
-
-/* --- Tooltip-like subtle shadow for floating elements --- */
-.fc-floating {
-  box-shadow:
-    0 4px 16px rgba(0, 0, 0, 0.3),
-    0 1px 4px rgba(0, 0, 0, 0.2);
-}
-
-/* --- Animations --- */
-@keyframes fc-fadein {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-@keyframes fc-fadein-up {
-  from {
-    opacity: 0;
-    transform: translateY(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-@keyframes fc-slide-in-right {
-  from {
-    opacity: 0;
-    transform: translateX(100%);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-@keyframes fc-slide-out-right {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(100%);
-  }
-}
-@keyframes fc-pulse {
-  0%,
-  100% {
-    opacity: 0.4;
-  }
-  50% {
-    opacity: 1;
-  }
-}
-@keyframes fc-shimmer {
-  0% {
-    background-position: -200% 0;
-  }
-  100% {
-    background-position: 200% 0;
-  }
-}
-@keyframes fc-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes fc-scale-in {
-  from {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-/* --- Range inputs (sliders) --- */
-input[type="range"] {
-  -webkit-appearance: none;
-  appearance: none;
-  height: 4px;
-  background: var(--fc-border);
-  border-radius: 2px;
-  outline: none;
-}
-input[type="range"]::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  background: var(--fc-accent);
-  cursor: pointer;
-  border: 2px solid var(--fc-bgPanel);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-  transition:
-    transform 0.1s ease,
-    box-shadow 0.1s ease;
-}
-input[type="range"]::-webkit-slider-thumb:hover {
-  transform: scale(1.15);
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
-}
-input[type="range"]::-moz-range-thumb {
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  background: var(--fc-accent);
-  cursor: pointer;
-  border: 2px solid var(--fc-bgPanel);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-}
-
-/* --- Color input --- */
-input[type="color"] {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 24px;
-  height: 24px;
-  border: 1px solid var(--fc-border);
-  border-radius: 4px;
-  padding: 1px;
-  cursor: pointer;
-  background: transparent;
-}
-input[type="color"]::-webkit-color-swatch-wrapper {
-  padding: 0;
-}
-input[type="color"]::-webkit-color-swatch {
-  border: none;
-  border-radius: 3px;
-}
-
-/* --- Resize handle polish --- */
-.fc-resize-handle {
-  transition: background 0.15s ease;
-}
-.fc-resize-handle:hover {
-  background: var(--fc-bgActive);
-}
-
-/* =====================================================================
-   Documentation page styles
-   ===================================================================== */
-
-/* --- Layout shell --- */
-.fc-docs-layout {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  background: var(--fc-bg);
-}
-.fc-docs-body {
-  display: flex;
-  flex: 1;
-  padding-top: 56px;
-}
-.fc-docs-main {
-  flex: 1;
-  overflow-y: auto;
-  height: calc(100vh - 56px);
-}
-
-/* --- Top nav --- */
-.fc-docs-nav {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 56px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 24px;
-  background: var(--fc-bg);
-  border-bottom: 1px solid var(--fc-border);
-  z-index: 100;
-  backdrop-filter: blur(8px);
-}
-.fc-docs-nav-logo {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  text-decoration: none;
-  color: var(--fc-text);
-}
-.fc-docs-nav-logo span:last-child {
-  font-size: 16px;
-  font-weight: 700;
-  color: var(--fc-accent);
-  letter-spacing: -0.02em;
-}
-.fc-docs-nav-links {
-  display: flex;
-  align-items: center;
-  gap: 20px;
-}
-.fc-docs-nav-active {
-  color: var(--fc-accent);
-  text-decoration: none;
-  font-size: 14px;
-  font-weight: 600;
-}
-.fc-docs-nav-link {
-  color: var(--fc-textMuted);
-  text-decoration: none;
-  font-size: 14px;
-}
-.fc-docs-nav-link:hover {
-  color: var(--fc-text);
-}
-.fc-docs-nav-cta {
-  padding: 6px 16px;
-  font-size: 14px;
-  font-weight: 600;
-  background: var(--fc-accent);
-  color: var(--fc-accentText);
-  border-radius: 6px;
-  text-decoration: none;
-  transition: opacity 0.15s;
-}
-.fc-docs-nav-cta:hover {
-  opacity: 0.9;
-}
-
-/* --- Search trigger in nav --- */
-.fc-docs-search-trigger {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 5px 12px;
-  background: var(--fc-bgSurface);
-  border: 1px solid var(--fc-border);
-  border-radius: 6px;
-  color: var(--fc-textDim);
-  font-size: 13px;
-  cursor: pointer;
-  transition:
-    border-color 0.15s,
-    color 0.15s;
-}
-.fc-docs-search-trigger:hover {
-  border-color: var(--fc-accent);
-  color: var(--fc-textMuted);
-}
-.fc-docs-search-trigger kbd {
-  margin-left: 4px;
-  padding: 1px 5px;
-  font-size: 11px;
-  background: var(--fc-bgHover);
-  border: 1px solid var(--fc-border);
-  border-radius: 3px;
-  font-family: var(--fc-mono, "SF Mono", "Fira Code", monospace);
-  color: var(--fc-textDim);
-}
-
-/* --- Theme toggle --- */
-.fc-docs-theme-toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  background: var(--fc-bgSurface);
-  border: 1px solid var(--fc-border);
-  border-radius: 6px;
-  color: var(--fc-textDim);
-  cursor: pointer;
-  transition:
-    border-color 0.15s,
-    color 0.15s;
-}
-.fc-docs-theme-toggle:hover {
-  border-color: var(--fc-accent);
-  color: var(--fc-textMuted);
-}
-
-/* --- Sidebar backdrop (mobile only, visible via media query) --- */
-.fc-docs-sidebar-backdrop {
-  display: none;
-}
-
-/* --- Sidebar --- */
-.fc-docs-sidebar {
-  width: 260px;
-  flex-shrink: 0;
-  background: var(--fc-bgPanel);
-  border-right: 1px solid var(--fc-border);
-  padding: 20px 0;
-  overflow-y: auto;
-  height: calc(100vh - 56px);
-  position: sticky;
-  top: 56px;
-}
-/* Desktop: hide sidebar when not open (not in flow) */
-.fc-docs-sidebar:not(.open) {
-  display: none;
-}
-.fc-docs-sidebar::-webkit-scrollbar {
-  width: 4px;
-}
-.fc-docs-sidebar::-webkit-scrollbar-track {
-  background: transparent;
-}
-.fc-docs-sidebar::-webkit-scrollbar-thumb {
-  background: var(--fc-border);
-  border-radius: 2px;
-}
-
-.fc-docs-sidebar-group-title {
-  padding: 12px 20px 4px;
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--fc-textDim);
-}
-.fc-docs-sidebar-link {
-  display: block;
-  padding: 5px 20px 5px 24px;
-  font-size: 13px;
-  color: var(--fc-textMuted);
-  text-decoration: none;
-  border-left: 2px solid transparent;
-  transition:
-    color 0.1s,
-    background 0.1s,
-    border-color 0.1s;
-}
-.fc-docs-sidebar-link:hover {
-  color: var(--fc-text);
-  background: var(--fc-bgHover);
-}
-.fc-docs-sidebar-link.active {
-  color: var(--fc-accent);
-  border-left-color: var(--fc-accent);
-  background: var(--fc-bgHover);
-  font-weight: 600;
-}
-
-/* --- Index page --- */
-.fc-docs-index {
-  padding: 40px 48px 80px;
-  max-width: 800px;
-  width: 100%;
-  margin: 0 auto;
-  box-sizing: border-box;
-}
-.fc-docs-index-hero {
-  padding: 60px 0 40px;
-  text-align: center;
-}
-.fc-docs-index-hero h1 {
-  font-size: 32px;
-  font-weight: 700;
-  color: var(--fc-text);
-  margin: 0 0 12px;
-}
-.fc-docs-index-hero p {
-  font-size: 16px;
-  color: var(--fc-textMuted);
-  margin: 0 0 8px;
-}
-.fc-docs-index-hint {
-  font-size: 13px;
-  color: var(--fc-textDim);
-}
-.fc-docs-index-hint kbd {
-  padding: 2px 6px;
-  font-size: 12px;
-  background: var(--fc-bgSurface);
-  border: 1px solid var(--fc-border);
-  border-radius: 4px;
-  font-family: var(--fc-mono, monospace);
-  color: var(--fc-accent);
-}
-.fc-docs-index-heading {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--fc-textDim);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  margin: 32px 0 12px;
-}
-.fc-docs-index-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-  gap: 12px;
-  margin-bottom: 8px;
-}
-.fc-docs-index-card {
-  display: block;
-  padding: 16px 20px;
-  background: var(--fc-bgSurface);
-  border: 1px solid var(--fc-border);
-  border-radius: 8px;
-  text-decoration: none;
-  transition:
-    border-color 0.15s,
-    background 0.15s;
-}
-.fc-docs-index-card:hover {
-  border-color: var(--fc-accent);
-  background: var(--fc-bgHover);
-}
-.fc-docs-index-card-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--fc-text);
-  margin-bottom: 4px;
-}
-.fc-docs-index-card-desc {
-  font-size: 13px;
-  color: var(--fc-textMuted);
-}
-
-/* --- Doc content (markdown) --- */
-.fc-docs-content {
-  padding: 40px 48px 80px;
-  max-width: 860px;
-  margin: 0 auto;
-  line-height: 1.7;
-  color: var(--fc-text);
-  font-size: 15px;
-}
-.fc-docs-content h1 {
-  font-size: 28px;
-  font-weight: 700;
-  margin: 0 0 16px;
-  padding-bottom: 12px;
-  border-bottom: 1px solid var(--fc-border);
-  color: var(--fc-text);
-}
-.fc-docs-content h2 {
-  font-size: 20px;
-  font-weight: 600;
-  margin: 36px 0 12px;
-  padding-bottom: 8px;
-  border-bottom: 1px solid var(--fc-border);
-  color: var(--fc-text);
-}
-.fc-docs-content h3 {
-  font-size: 16px;
-  font-weight: 600;
-  margin: 28px 0 8px;
-  color: var(--fc-text);
-}
-.fc-docs-content h4 {
-  font-size: 14px;
-  font-weight: 600;
-  margin: 24px 0 6px;
-  padding-top: 16px;
-  border-top: 1px solid color-mix(in srgb, var(--fc-border) 50%, transparent);
-  color: var(--fc-accent);
-}
-/* First h4 after a group heading or section start — no top border */
-.fc-docs-content h3 + h4,
-.fc-docs-content strong + h4,
-.fc-docs-content p + h4:first-of-type {
-  border-top: none;
-  padding-top: 0;
-}
-.fc-docs-content p {
-  margin: 0 0 12px;
-  color: var(--fc-text);
-}
-.fc-docs-content ul,
-.fc-docs-content ol {
-  padding-left: 24px;
-  margin: 0 0 12px;
-}
-.fc-docs-content li {
-  margin-bottom: 4px;
-}
-.fc-docs-content li > ul,
-.fc-docs-content li > ol {
-  margin-top: 4px;
-  margin-bottom: 0;
-}
-.fc-docs-content a {
-  color: var(--fc-accent);
-  text-decoration: none;
-}
-.fc-docs-content a:hover {
-  text-decoration: underline;
-}
-.fc-docs-content strong {
-  font-weight: 600;
-  color: var(--fc-text);
-}
-.fc-docs-content hr {
-  border: none;
-  border-top: 1px solid var(--fc-border);
-  margin: 24px 0;
-}
-.fc-docs-content img {
-  max-width: 100%;
-  border-radius: 8px;
-}
-
-/* Anchor links on headings */
-.fc-docs-anchor {
-  opacity: 0;
-  margin-left: 8px;
-  color: var(--fc-textMuted);
-  text-decoration: none;
-  font-weight: 400;
-  font-size: 0.8em;
-  transition: opacity 0.15s;
-}
-.fc-docs-content h1:hover .fc-docs-anchor,
-.fc-docs-content h2:hover .fc-docs-anchor,
-.fc-docs-content h3:hover .fc-docs-anchor,
-.fc-docs-content h4:hover .fc-docs-anchor {
-  opacity: 1;
-}
-
-/* Scroll-to highlight */
-.fc-docs-highlight {
-  animation: fc-docs-flash 1.5s ease-out;
-}
-@keyframes fc-docs-flash {
-  0% {
-    background: var(--fc-bgActive);
-  }
-  100% {
-    background: transparent;
-  }
-}
-
-/* Code blocks */
-.fc-docs-code {
-  background: var(--fc-bgPanel);
-  border: 1px solid var(--fc-border);
-  border-radius: 8px;
-  padding: 16px;
-  overflow-x: auto;
-  font-size: 13px;
-  line-height: 1.5;
-  margin: 0 0 16px;
-  font-family: var(--fc-mono, "JetBrains Mono", "Fira Code", "SF Mono", monospace);
-}
-.fc-docs-code code {
-  background: none;
-  padding: 0;
-  border: none;
-  font-size: 13px;
-  color: var(--fc-text);
-}
-
-/* Inline code — cyan tint for visibility */
-.fc-docs-inline-code {
-  background: var(--fc-bgSurface);
-  border: 1px solid var(--fc-border);
-  border-radius: 4px;
-  padding: 1px 6px;
-  font-size: 0.9em;
-  font-family: var(--fc-mono, "JetBrains Mono", "Fira Code", "SF Mono", monospace);
-  color: var(--fc-accent);
-}
-
-/* Blockquotes */
-.fc-docs-blockquote {
-  border-left: 3px solid var(--fc-accent);
-  margin: 0 0 12px;
-  padding: 8px 16px;
-  background: var(--fc-bgSurface);
-  border-radius: 0 4px 4px 0;
-  color: var(--fc-textMuted);
-}
-.fc-docs-blockquote p {
-  margin: 0;
-}
-
-/* Tables */
-.fc-docs-table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 0 0 16px;
-  font-size: 13px;
-}
-.fc-docs-table th,
-.fc-docs-table td {
-  padding: 8px 12px;
-  border: 1px solid var(--fc-border);
-  text-align: left;
-}
-.fc-docs-table th {
-  background: var(--fc-bgSurface);
-  font-weight: 600;
-  color: var(--fc-text);
-}
-.fc-docs-table td {
-  color: var(--fc-textMuted);
-}
-
-/* Details/summary (collapsible sections in API docs) */
-.fc-docs-content details {
-  margin: 0 0 12px;
-  border: 1px solid var(--fc-border);
-  border-radius: 8px;
-  overflow: hidden;
-}
-.fc-docs-content details summary {
-  padding: 10px 16px;
-  cursor: pointer;
-  font-weight: 500;
-  color: var(--fc-textMuted);
-  background: var(--fc-bgSurface);
-  transition: color 0.1s;
-}
-.fc-docs-content details summary:hover {
-  color: var(--fc-text);
-}
-.fc-docs-content details[open] summary {
-  border-bottom: 1px solid var(--fc-border);
-  color: var(--fc-text);
-}
-.fc-docs-content details > :not(summary) {
-  padding: 0 16px;
-}
-.fc-docs-content details > pre {
-  margin: 12px 0;
-  border: none;
-  border-radius: 0;
-}
-
-/* --- Highlight.js token colors (scoped to docs) ---
-   Uses theme-aware CSS variables so tokens adapt to any app theme.
-   Default palette matches Tokyo Night. */
-.fc-docs-content .hljs-keyword,
-.fc-docs-content .hljs-tag {
-  color: var(--fc-accent);
-}
-.fc-docs-content .hljs-string,
-.fc-docs-content .hljs-template-variable {
-  color: var(--fc-success, #9ece6a);
-}
-.fc-docs-content .hljs-number,
-.fc-docs-content .hljs-literal {
-  color: var(--fc-warning, #ff9e64);
-}
-.fc-docs-content .hljs-type,
-.fc-docs-content .hljs-title.class_,
-.fc-docs-content .hljs-built_in {
-  color: var(--fc-warning, #e0af68);
-}
-.fc-docs-content .hljs-comment {
-  color: var(--fc-textDim);
-  font-style: italic;
-}
-.fc-docs-content .hljs-attr,
-.fc-docs-content .hljs-attribute {
-  color: var(--fc-accent);
-}
-.fc-docs-content .hljs-params {
-  color: var(--fc-text);
-}
-.fc-docs-content .hljs-title.function_ {
-  color: var(--fc-accent);
-}
-.fc-docs-content .hljs-punctuation {
-  color: var(--fc-textMuted);
-}
-.fc-docs-content .hljs-property {
-  color: var(--fc-text);
-}
-.fc-docs-content .hljs-variable {
-  color: var(--fc-text);
-}
-.fc-docs-content .hljs-regexp {
-  color: var(--fc-error, #f7768e);
-}
-.fc-docs-content .hljs-meta {
-  color: var(--fc-textDim);
-}
-.fc-docs-content .hljs-selector-class {
-  color: var(--fc-accent);
-}
-
-/* --- Search overlay --- */
-.fc-docs-search-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 200;
-  background: rgba(0, 0, 0, 0.5);
-  backdrop-filter: blur(4px);
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  padding-top: min(20vh, 160px);
-}
-.fc-docs-search-modal {
-  width: 560px;
-  max-width: calc(100vw - 32px);
-  background: var(--fc-bgPanel);
-  border: 1px solid var(--fc-border);
-  border-radius: 12px;
-  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
-  overflow: hidden;
-}
-.fc-docs-search-input-wrap {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 16px;
-  border-bottom: 1px solid var(--fc-border);
-}
-.fc-docs-search-input-wrap input {
-  flex: 1;
-  background: none;
-  border: none;
-  outline: none;
-  font-size: 16px;
-  font-family: inherit;
-  color: var(--fc-text);
-}
-.fc-docs-search-input-wrap input::placeholder {
-  color: var(--fc-textDim);
-}
-.fc-docs-search-input-wrap kbd {
-  padding: 2px 6px;
-  font-size: 11px;
-  background: var(--fc-bgSurface);
-  border: 1px solid var(--fc-border);
-  border-radius: 4px;
-  color: var(--fc-textDim);
-  font-family: var(--fc-mono, monospace);
-}
-.fc-docs-search-results {
-  max-height: 400px;
-  overflow-y: auto;
-}
-.fc-docs-search-results::-webkit-scrollbar {
-  width: 4px;
-}
-.fc-docs-search-results::-webkit-scrollbar-thumb {
-  background: var(--fc-border);
-  border-radius: 2px;
-}
-
-.fc-docs-search-result {
-  padding: 10px 16px;
-  cursor: pointer;
-  border-bottom: 1px solid var(--fc-border);
-  transition: background 0.08s;
-}
-.fc-docs-search-result:last-child {
-  border-bottom: none;
-}
-.fc-docs-search-result:hover,
-.fc-docs-search-result.selected {
-  background: var(--fc-bgHover);
-}
-.fc-docs-search-result.selected {
-  background: var(--fc-bgActive);
-}
-.fc-docs-search-result-title {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--fc-text);
-}
-.fc-docs-search-result-category {
-  font-size: 12px;
-  color: var(--fc-textDim);
-  margin-top: 2px;
-}
-.fc-docs-search-result-snippet {
-  font-size: 12px;
-  color: var(--fc-textMuted);
-  margin-top: 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.fc-docs-search-empty {
-  padding: 24px 16px;
-  text-align: center;
-  color: var(--fc-textDim);
-  font-size: 14px;
-}
-.fc-docs-search-footer {
-  display: flex;
-  gap: 16px;
-  padding: 8px 16px;
-  border-top: 1px solid var(--fc-border);
-  font-size: 12px;
-  color: var(--fc-textDim);
-}
-.fc-docs-search-footer kbd {
-  padding: 1px 5px;
-  font-size: 11px;
-  background: var(--fc-bgSurface);
-  border: 1px solid var(--fc-border);
-  border-radius: 3px;
-  font-family: var(--fc-mono, monospace);
-  color: var(--fc-textMuted);
-}
-
-/* --- TOC backdrop (mobile only, visible via media query) --- */
-.fc-docs-toc-backdrop {
-  display: none;
-}
-/* --- TOC handle (mobile bottom sheet, hidden on desktop) --- */
-.fc-docs-toc-handle {
-  display: none;
-}
-
-/* --- On-this-page right sidebar --- */
-.fc-docs-toc {
-  width: 220px;
-  flex-shrink: 0;
-  padding: 20px 12px 20px 0;
-  overflow-y: auto;
-  height: calc(100vh - 56px);
-  position: sticky;
-  top: 56px;
-  border-left: 1px solid var(--fc-border);
-  background: var(--fc-bgPanel);
-}
-/* Desktop: hide TOC when not open */
-.fc-docs-toc:not(.open) {
-  display: none;
-}
-.fc-docs-toc::-webkit-scrollbar {
-  width: 4px;
-}
-.fc-docs-toc::-webkit-scrollbar-track {
-  background: transparent;
-}
-.fc-docs-toc::-webkit-scrollbar-thumb {
-  background: var(--fc-border);
-  border-radius: 2px;
-}
-.fc-docs-toc-title {
-  padding: 0 12px 8px;
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--fc-textDim);
-}
-.fc-docs-toc-link {
-  display: block;
-  padding: 3px 12px;
-  font-size: 12px;
-  line-height: 1.4;
-  color: var(--fc-textMuted);
-  text-decoration: none;
-  border-left: 2px solid transparent;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.fc-docs-toc-link.indent {
-  padding-left: 24px;
-  font-size: 11.5px;
-}
-.fc-docs-toc-link:hover {
-  color: var(--fc-text);
-}
-.fc-docs-toc-link.active {
-  color: var(--fc-accent, #58a6ff);
-  border-left-color: var(--fc-accent, #58a6ff);
-}
-
-/* --- Sidebar toggle buttons --- */
-.fc-docs-nav-left {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.fc-docs-sidebar-toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border: 1px solid var(--fc-border);
-  border-radius: 6px;
-  background: transparent;
-  color: var(--fc-textMuted);
-  cursor: pointer;
-  flex-shrink: 0;
-}
-.fc-docs-sidebar-toggle:hover {
-  background: var(--fc-bgSurface);
-  color: var(--fc-text);
-}
-
-/* --- Project Selector --- */
-.fc-project-item:hover {
-  background: var(--fc-bgHover, rgba(255, 255, 255, 0.06));
-}
-
-/* --- Responsive ---
-   Desktop (>900px): sidebars in normal flow, toggled via JS.
-   Mobile (<=900px): sidebar = overlay from left, TOC = bottom sheet.
-*/
-@media (max-width: 900px) {
-  /* --- Prevent horizontal scroll --- */
-  .fc-docs-layout {
-    overflow-x: hidden;
-  }
-
-  /* --- Compact nav --- */
-  .fc-docs-nav {
-    height: 48px;
-    padding: 0 12px;
-  }
-  .fc-docs-nav-left {
-    gap: 6px;
-    min-width: 0;
-  }
-  .fc-docs-nav-links {
-    gap: 8px;
-    min-width: 0;
-  }
-  .fc-docs-nav-logo span:last-child {
-    font-size: 14px;
-  }
-  .fc-docs-body {
-    padding-top: 48px;
-  }
-  .fc-docs-main {
-    height: calc(100vh - 48px);
-  }
-
-  /* Hide text-based nav links — you're already on docs */
-  .fc-docs-nav-active,
-  .fc-docs-nav-link {
-    display: none;
-  }
-
-  /* Search trigger: icon only, hide label and kbd */
-  .fc-docs-search-trigger span,
-  .fc-docs-search-trigger kbd {
-    display: none;
-  }
-  .fc-docs-search-trigger {
-    padding: 5px 8px;
-    min-width: 32px;
-    justify-content: center;
-  }
-
-  /* CTA button: compact */
-  .fc-docs-nav-cta {
-    padding: 5px 10px;
-    font-size: 12px;
-  }
-
-  /* --- Sidebar overlay mode --- */
-  .fc-docs-sidebar-backdrop {
-    display: block;
-    position: fixed;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(2px);
-    z-index: 150;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.2s ease;
-  }
-  .fc-docs-sidebar-backdrop.open {
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .fc-docs-sidebar,
-  .fc-docs-sidebar:not(.open) {
-    display: block; /* Override desktop display:none — mobile uses transform */
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 280px;
-    max-width: 85vw;
-    height: 100vh;
-    z-index: 160;
-    transform: translateX(-100%);
-    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-    padding-top: 56px;
-    -webkit-overflow-scrolling: touch;
-  }
-  .fc-docs-sidebar.open {
-    transform: translateX(0);
-  }
-  /* Bigger tap targets on mobile */
-  .fc-docs-sidebar-link {
-    padding: 8px 20px 8px 24px;
-    font-size: 14px;
-  }
-
-  /* --- TOC bottom sheet mode --- */
-  .fc-docs-toc-backdrop {
-    display: block;
-    position: fixed;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(2px);
-    z-index: 150;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.2s ease;
-  }
-  .fc-docs-toc-backdrop.open {
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .fc-docs-toc,
-  .fc-docs-toc:not(.open) {
-    display: block; /* Override desktop display:none — mobile uses transform */
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    top: auto;
-    width: 100%;
-    max-height: 60vh;
-    height: auto;
-    border-left: none;
-    border-top: 1px solid var(--fc-border);
-    border-radius: 16px 16px 0 0;
-    z-index: 160;
-    transform: translateY(100%);
-    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-    padding: 12px 0 24px;
-    -webkit-overflow-scrolling: touch;
-  }
-  .fc-docs-toc.open {
-    transform: translateY(0);
-  }
-  .fc-docs-toc-handle {
-    display: block;
-    width: 36px;
-    height: 4px;
-    background: var(--fc-textDim);
-    border-radius: 2px;
-    margin: 0 auto 12px;
-  }
-  .fc-docs-toc-link {
-    padding: 6px 20px;
-    font-size: 14px;
-  }
-  .fc-docs-toc-link.indent {
-    padding-left: 36px;
-    font-size: 13px;
-  }
-
-  /* --- Content adjustments --- */
-  .fc-docs-content {
-    padding: 20px 16px 60px;
-  }
-  .fc-docs-content h1 {
-    font-size: 24px;
-  }
-  .fc-docs-content h2 {
-    font-size: 18px;
-  }
-  /* Tables scroll horizontally instead of the page */
-  .fc-docs-content .fc-docs-table {
-    display: block;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .fc-docs-index {
-    padding: 20px 16px 60px;
-  }
-  .fc-docs-index-hero {
-    padding: 24px 0 20px;
-  }
-  .fc-docs-index-hero h1 {
-    font-size: 24px;
-  }
-  .fc-docs-index-grid {
-    grid-template-columns: 1fr;
-  }
-}
-
-@media (max-width: 1280px) {
-  .fc-toolbar {
-    padding: 0 8px;
-    gap: 6px;
-  }
-
-  .fc-toolbar .fc-separator {
-    margin: 0 2px;
-  }
-
-  .fc-toolbar-file {
-    max-width: 260px;
-    width: min(260px, 100%);
-    padding: 5px 10px;
-  }
-
-  .fc-toolbar-project-chip {
-    max-width: 150px;
-  }
-
-  .fc-toolbar-shortcut {
-    display: none;
-  }
-}
-
-@media (max-width: 1120px) {
-  .fc-toolbar-file {
-    max-width: 220px;
-    width: min(220px, 100%);
-  }
-
-  .fc-toolbar-project-chip {
-    max-width: 124px;
-  }
-
-  .fc-toolbar-collapse-label {
-    width: 32px;
-    padding: 0;
-    gap: 0;
-  }
-
-  .fc-toolbar-collapse-label > span:last-child {
-    display: none;
-  }
-}