/* Landing bridge only. Every application-shell rule comes from real apps/studio CSS. */
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #080a0c; }
body.landing-studio-preview { color-scheme: dark; }
.landing-studio-preview #studio-root { width: 100%; height: 100%; min-width: 960px; }
.landing-studio-preview .studio-stale-banner,
.landing-studio-preview .start-screen,
.landing-studio-preview #screen-chip,
.landing-studio-preview #btn-shortcuts,
.landing-studio-preview #tools-chip,
.landing-studio-preview .studio-window-controls { display: none !important; }
.landing-studio-preview .stage { display: flex !important; }
.landing-studio-preview .studio-dock-left { width:var(--preview-left-width,232px) !important; flex-basis:var(--preview-left-width,232px) !important; }
.landing-studio-preview .studio-dock-right { width:var(--preview-right-width,300px) !important; flex-basis:var(--preview-right-width,300px) !important; }
.landing-studio-preview .studio-dock-bottom { height:var(--preview-bottom-height,210px) !important; flex-basis:var(--preview-bottom-height,210px) !important; }
.landing-studio-preview .stage-viewport {
  background: #070b0c;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.landing-studio-preview .stage-canvas {
  width: 960px !important; height: 540px !important; flex: 0 0 auto;
  box-shadow: 0 18px 64px rgba(0,0,0,.54), 0 0 0 1px rgba(185,202,196,.24);
  transform-origin: 0 0; transition: transform .16s ease-out;
}
.landing-studio-preview #stage-frame { pointer-events: auto; background: #080a0c; cursor: crosshair; }
.landing-studio-preview .running #stage-frame { cursor: default; }
.landing-studio-preview .stage-overlay { pointer-events: none; }
.preview-selection {
  position: absolute; border: 2px solid #49c978; border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(8,10,12,.8), 0 0 18px rgba(73,201,120,.18);
  pointer-events: none;
}
.preview-selection[hidden], .running .preview-selection { display: none !important; }
.preview-selection::before {
  content: attr(data-selector); position: absolute; left: -2px; bottom: 100%;
  padding: 3px 6px; background: #49c978; color: #06130b;
  font: 700 10px/1.2 'Chivo Mono', monospace; letter-spacing: .04em;
}
.preview-selection i { position:absolute; width:10px; height:10px; background:#f4f2ec; border:1px solid #49c978; pointer-events:auto; touch-action:none; }
.preview-selection i:nth-child(1){left:-6px;top:-6px;cursor:nwse-resize}.preview-selection i:nth-child(2){right:-6px;top:-6px;cursor:nesw-resize}.preview-selection i:nth-child(3){right:-6px;bottom:-6px;cursor:nwse-resize}.preview-selection i:nth-child(4){left:-6px;bottom:-6px;cursor:nesw-resize}
.preview-inspector { padding: 8px 10px 20px; font-size: 11px; }
.preview-inspector .pi-crumb { color: var(--text-1, #f4f2ec); font: 600 11px/1.4 'Chivo Mono', monospace; margin-bottom: 8px; }
.preview-inspector .pi-group { border: 1px solid rgba(131,148,143,.18); border-radius: 5px; margin-bottom: 8px; overflow: hidden; }
.preview-inspector .pi-head { display:flex; align-items:center; gap:6px; padding:7px 8px; color:#f4f2ec; background:rgba(244,242,236,.035); font-weight:650; }
.preview-inspector .pi-row { display:grid; grid-template-columns: 84px 1fr; gap:7px; align-items:center; padding:5px 8px; border-top:1px solid rgba(131,148,143,.12); color:#83948f; }
.preview-inspector .pi-value { min-width:0; padding:4px 6px; background:#080a0c; border:1px solid rgba(131,148,143,.19); border-radius:3px; color:#b9cac4; font:500 10px/1.2 'Chivo Mono',monospace; }
.preview-inspector .pi-token { color:#49c978; }
.pi-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:7px 10px; }
.pi-grid2 .pi-row { border-top:0; grid-template-columns:52px 1fr; padding:0; }
.pi-grid2 .pi-value:disabled { opacity:.45; }
.pi-anchor-row { display:flex; gap:10px; align-items:flex-start; padding:8px; }
.pi-anchor-grid { display:grid; grid-template-columns:repeat(3, 22px); grid-auto-rows:22px; gap:3px; flex:0 0 auto; }
.pi-anchor-grid button { appearance:none; border:1px solid rgba(131,148,143,.24); background:#080a0c; border-radius:3px; padding:0; cursor:pointer; position:relative; }
.pi-anchor-grid button i { position:absolute; width:4px; height:4px; border-radius:50%; background:rgba(185,202,196,.5); transform:translate(-50%,-50%); }
.pi-anchor-grid button[data-active="true"] { border-color:#49c978; box-shadow:inset 0 0 0 1px rgba(73,201,120,.4); }
.pi-anchor-grid button[data-active="true"] i { background:#49c978; box-shadow:0 0 6px rgba(73,201,120,.8); }
.pi-anchor-grid button:hover:not(:disabled):not([data-active="true"]) { border-color:rgba(244,242,236,.4); }
.pi-anchor-grid button:disabled { opacity:.35; cursor:default; }
.pi-anchor-note { margin:0; font:500 10px/1.55 'Chivo Mono', monospace; color:#83948f; max-width:150px; }
.preview-console { padding: 10px 12px; font: 500 11px/1.55 'Chivo Mono', monospace; color:#b9cac4; }
.preview-console b { color:#49c978; font-weight:600; }
#source-panel { flex-direction: column; min-height: 0; padding: 0 !important; overflow: hidden !important; }
.preview-source-head {
  min-height: 30px; padding: 0 10px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  border-bottom: 1px solid rgba(131,148,143,.15); color: #83948f;
  font: 500 10px/1 'Chivo Mono', monospace;
}
.preview-memory-badge { display:flex; align-items:center; gap:6px; color:#b9cac4; letter-spacing:.08em; }
.preview-memory-badge i { width:6px; height:6px; border-radius:50%; background:#49c978; box-shadow:0 0 8px rgba(73,201,120,.55); }
.preview-code-shell {
  --preview-editor-gutter:42px; --preview-editor-status:24px; --preview-editor-pad-y:10px;
  position:relative; min-height:0; flex:1 1 auto; overflow:hidden; background:#090d0e;
}
.preview-code-shell:focus-within { box-shadow:inset 0 0 0 1px rgba(73,201,120,.42); }
.preview-code-editor,
.preview-code-highlight {
  position:absolute; z-index:2; inset:0 0 var(--preview-editor-status) var(--preview-editor-gutter);
  width:auto; height:auto; margin:0; padding:var(--preview-editor-pad-y) 12px;
  overflow:auto; border:0; font:400 11px/1.55 'Chivo Mono',monospace;
  font-variant-ligatures:none; tab-size:2; white-space:pre; scrollbar-width:thin; scrollbar-color:#2c3335 transparent;
}
.preview-code-highlight { z-index:1; pointer-events:none; color:#c5d2cd; overflow:hidden; }
.preview-code-editor { resize:none; outline:0; background:transparent; color:transparent; -webkit-text-fill-color:transparent; caret-color:#49c978; }
.preview-code-editor::selection { background:rgba(73,201,120,.26); -webkit-text-fill-color:#f4f2ec; }
.preview-code-gutter {
  position:absolute; z-index:3; inset:0 auto var(--preview-editor-status) 0; width:var(--preview-editor-gutter);
  padding:var(--preview-editor-pad-y) 8px 0 0; overflow:hidden; border-right:1px solid rgba(131,148,143,.12);
  background:#080b0c; color:#52615d; text-align:right; user-select:none;
  font:400 11px/1.55 'Chivo Mono',monospace; font-variant-numeric:tabular-nums;
}
.preview-code-gutter span { display:block; }
.preview-code-gutter span.is-active { color:#b9cac4; }
.preview-code-active-line {
  position:absolute; z-index:0; left:var(--preview-editor-gutter); right:0; top:var(--preview-editor-pad-y);
  height:17.05px; background:rgba(131,148,143,.065); border-block:1px solid rgba(131,148,143,.035); pointer-events:none;
}
.preview-code-status {
  position:absolute; z-index:4; inset:auto 0 0 0; height:var(--preview-editor-status);
  display:flex; align-items:center; justify-content:flex-end; gap:14px; padding:0 9px;
  border-top:1px solid rgba(131,148,143,.13); background:#0c1112;
  color:#71817c; font:500 8px/1 'Chivo Mono',monospace;
}
.preview-code-status [data-studio-code-position],.preview-code-status [data-studio-code-language] { color:#b9cac4; }
.preview-code-highlight .tk-tag { color:#9fb8ae; }
.preview-code-highlight .tk-prop { color:#b9cac4; }
.preview-code-highlight .tk-attr { color:#83948f; }
.preview-code-highlight .tk-com { color:#687873; font-style:italic; }
.preview-code-highlight .tk-str { color:#d2e6d9; }
.preview-code-highlight .tk-val,.preview-code-highlight .tk-num { color:#f4f2ec; }
.preview-code-highlight .tk-kw { color:#49c978; font-weight:650; }
.preview-dirty { margin-left:auto; color:#f28c33; font-size:8px; }
.doc-tab { cursor:pointer !important; }

.preview-palette { display:grid; gap:6px; padding:8px; }
.preview-palette button {
  min-height:46px; display:grid; grid-template-columns:28px 1fr; grid-template-rows:auto auto;
  align-items:center; column-gap:8px; padding:7px 9px; text-align:left;
  border:1px solid rgba(131,148,143,.16); border-radius:5px; background:#111719; color:#f4f2ec;
}
.preview-palette button:hover, .preview-assets button:hover { border-color:rgba(73,201,120,.55); background:#151e20; }
.preview-palette .ms-icon { grid-row:1 / 3; color:#49c978; }
.preview-palette b, .preview-assets b { font:600 11px/1.2 Manrope,sans-serif; }
.preview-palette small, .preview-assets small { color:#83948f; font:500 9px/1.3 'Chivo Mono',monospace; }
.preview-assets { display:grid; gap:6px; padding:8px; }
.preview-assets button { display:flex; align-items:center; gap:9px; padding:7px; text-align:left; border:1px solid rgba(131,148,143,.16); border-radius:5px; background:#111719; color:#f4f2ec; }
.preview-assets button > span:last-child { display:grid; gap:3px; min-width:0; }
.preview-asset-thumb { width:48px; height:34px; flex:0 0 auto; border-radius:3px; background:#123b40 center/cover no-repeat; }
.preview-asset-thumb.scene { background-image:url('/assets/img/scene-game.webp'); }
.preview-asset-thumb.brand { background-image:url('assets/branding/mako-ui-white-green-transparent.png'); background-size:contain; }
.preview-asset-thumb.symbol { background-image:url('/assets/brand/mako-symbol-white-green-transparent.png'); background-size:contain; }
.preview-palette button[draggable="true"],.preview-assets button[draggable="true"] { cursor:grab; }
.preview-palette button[draggable="true"]:active,.preview-assets button[draggable="true"]:active { cursor:grabbing; }
.preview-drag-help { grid-column:1 / -1; display:flex; align-items:center; gap:6px; margin:0 0 2px; color:#83948f; font:500 9px/1.35 'Chivo Mono',monospace; }
.preview-drag-help .ms-icon { color:#83948f; font-size:14px; }
.preview-drop-hint { position:absolute; inset:18px; z-index:15; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px dashed rgba(73,201,120,.72); border-radius:6px; background:rgba(8,10,12,.7); color:#f4f2ec; pointer-events:none; }
.preview-drop-hint .ms-icon { color:#49c978; font-size:26px; }
.preview-drop-hint strong { font:650 12px/1.2 Manrope,sans-serif; }
.preview-drop-hint small { color:#9fb8ae; font:500 9px/1.3 'Chivo Mono',monospace; }
.preview-drop-hint[hidden] { display:none; }

#theme-mode { flex:1 1 auto; min-height:0; overflow:hidden; }
.preview-theme-shell { display:flex; flex-direction:column; width:100%; min-height:0; background:#0c1012; }
.preview-theme-shell .theme-mode-topbar { flex:0 0 42px; }
.preview-theme-shell .theme-mode-title { display:flex; align-items:center; gap:8px; }
.preview-theme-shell .theme-mode-title > div { display:grid; gap:1px; }
.preview-theme-shell .theme-mode-title strong { color:#f4f2ec; font-size:11px; }
.preview-theme-shell .theme-mode-title small { color:#83948f; font:500 8px/1.2 'Chivo Mono',monospace; }
.preview-theme-live { display:flex; align-items:center; gap:5px; color:#9fb8ae; font:600 8px/1 'Chivo Mono',monospace; letter-spacing:.1em; }
.preview-theme-live i { width:6px; height:6px; border-radius:50%; background:#49c978; }
.preview-theme-shell .theme-mode-workspace { display:grid; grid-template-columns:152px minmax(0,1fr) 230px; flex:1 1 auto; min-height:0; }
.preview-theme-shell .theme-mode-rail { width:auto; }
.preview-theme-shell .theme-mode-rail button { display:flex; align-items:center; gap:8px; width:100%; min-height:34px; padding:0 10px; border:0; border-left:2px solid transparent; background:transparent; color:#83948f; text-align:left; font:550 10px/1.2 Manrope,sans-serif; }
.preview-theme-shell .theme-mode-rail button.active { border-left-color:#49c978; background:rgba(73,201,120,.08); color:#f4f2ec; }
.preview-theme-shell .theme-mode-rail .ms-icon { font-size:15px; }
.preview-theme-shell .theme-mode-main { min-width:0; padding:14px; overflow:auto; }
.preview-theme-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.preview-theme-heading h3 { margin:0 0 3px; color:#f4f2ec; font-size:13px; }
.preview-theme-heading p { margin:0; color:#83948f; font-size:9px; }
.preview-theme-count { color:#83948f; font:500 8px/1.2 'Chivo Mono',monospace; }
.preview-theme-table { display:grid; border:1px solid rgba(131,148,143,.18); border-radius:5px; overflow:hidden; }
.preview-theme-token { display:grid; grid-template-columns:26px minmax(0,1fr) 28px 70px; align-items:center; gap:9px; min-height:48px; padding:6px 9px; border-bottom:1px solid rgba(131,148,143,.13); }
.preview-theme-token:last-child { border-bottom:0; }
.preview-theme-swatch { width:24px; height:24px; border:1px solid rgba(244,242,236,.22); border-radius:4px; background:var(--swatch); }
.preview-theme-token > span:nth-child(2) { display:grid; gap:2px; }
.preview-theme-token b { color:#f4f2ec; font:600 10px/1.2 'Chivo Mono',monospace; }
.preview-theme-token small { color:#83948f; font-size:8px; }
.preview-theme-token input[type="color"] { width:28px; height:24px; padding:2px; border:1px solid rgba(131,148,143,.24); border-radius:4px; background:#111719; }
.preview-theme-token code { color:#b9cac4; font:500 9px/1 'Chivo Mono',monospace; }
.preview-theme-proof { display:flex; flex-direction:column; gap:10px; padding:14px; border-left:1px solid rgba(131,148,143,.16); background:#080a0c; }
.preview-theme-proof > span { color:#83948f; font:600 8px/1 'Chivo Mono',monospace; letter-spacing:.12em; }
.preview-theme-proof > div { position:relative; display:grid; gap:5px; padding:12px; border:1px solid rgba(244,242,236,.22); background:var(--preview-panel); }
.preview-theme-proof b { color:var(--preview-muted); font:500 8px/1 'Chivo Mono',monospace; letter-spacing:.15em; }
.preview-theme-proof strong { color:var(--preview-paper); font:700 10px/1.3 'Chivo Mono',monospace; }
.preview-theme-proof i { position:absolute; inset:0 auto 0 0; width:2px; background:var(--preview-accent); }
.preview-theme-proof small { color:#83948f; font-size:8px; line-height:1.45; }
.preview-type-samples { display:grid; gap:9px; }
.preview-type-samples article { display:grid; gap:5px; padding:12px; border:1px solid rgba(131,148,143,.16); border-radius:5px; background:#111719; }
.preview-type-samples span { color:#83948f; font-size:8px; text-transform:uppercase; letter-spacing:.1em; }
.preview-type-samples strong { color:#f4f2ec; font-size:17px; }
.preview-type-samples p { margin:0; color:#b9cac4; font-size:10px; }
.preview-type-samples .mono { font-family:'Chivo Mono',monospace; }
.preview-space-scale { display:flex; align-items:flex-end; gap:10px; padding:16px; border:1px solid rgba(131,148,143,.16); border-radius:5px; }
.preview-space-scale span { display:flex; align-items:flex-end; justify-content:center; width:calc(var(--n) * 2px); min-width:22px; height:calc(var(--n) * 2px); padding-bottom:3px; background:rgba(73,201,120,.14); color:#9fb8ae; font:500 8px/1 'Chivo Mono',monospace; }

.agent-browser-preview { flex:1 1 0; min-height:0; }
.agent-browser-preview .agent-gov-ring { border-color:var(--danger); }
.agent-browser-preview .agent-connection-banner { display:flex; }
.agent-browser-preview .agent-messages { overflow:auto; }
.agent-browser-preview .agent-message.assistant > .agent-message-meta { display:flex; }
.agent-browser-preview .agent-message-text strong { color:var(--agent-paper, #f4f2ec); }
.agent-browser-preview button:disabled,
.agent-browser-preview textarea:disabled { cursor:not-allowed; opacity:.46; }
.agent-browser-preview .agent-composer { opacity:.82; }
.agent-browser-preview .agent-input:disabled { resize:none; }
[hidden] { display:none !important; }

.preview-menubar-popover {
  position:fixed; z-index:10000; min-width:176px; padding:4px;
  border:1px solid rgba(131,148,143,.28); border-radius:5px; background:#111719;
  box-shadow:0 12px 32px rgba(0,0,0,.42);
}
.preview-menubar-popover button {
  width:100%; min-height:27px; display:block; padding:5px 9px; border:0; border-radius:3px;
  background:transparent; color:#b9cac4; text-align:left; font:500 10px/1.2 Manrope,sans-serif;
}
.preview-menubar-popover button:hover, .preview-menubar-popover button:focus-visible { outline:0; background:rgba(73,201,120,.13); color:#f4f2ec; }

#timeline-panel.preview-timeline { display:flex; flex-direction:column; min-height:0; padding:0; overflow:hidden; background:#080a0c; }
.preview-timeline .timeline-toolbar { display:flex; align-items:center; gap:5px; min-height:38px; padding:4px 8px; border-bottom:1px solid rgba(131,148,143,.18); }
.preview-timeline .timeline-divider { width:1px; height:18px; margin:0 3px; background:rgba(131,148,143,.2); }
.preview-timeline .timeline-value-editor { display:flex; align-items:center; gap:5px; margin-left:4px; color:#83948f; font:500 8px/1 'Chivo Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }
.preview-timeline .timeline-value-editor input { width:58px; height:24px; padding:3px 6px; border:1px solid rgba(131,148,143,.25); border-radius:3px; background:#111719; color:#f4f2ec; font:500 9px/1 'Chivo Mono',monospace; }
.preview-timeline .timeline-timecode { margin-left:auto; color:#b9cac4; font:600 9px/1 'Chivo Mono',monospace; font-variant-numeric:tabular-nums; }
.preview-timeline .timeline-grid { position:relative; display:flex; flex-direction:column; flex:1 1 auto; min-height:0; overflow:hidden; }
.preview-timeline .timeline-ruler-row,.preview-timeline .timeline-lane { display:grid; grid-template-columns:var(--timeline-property-col) minmax(0,1fr); min-width:0; }
.preview-timeline .timeline-ruler-row { flex:0 0 31px; border-bottom:1px solid rgba(131,148,143,.2); }
.preview-timeline .timeline-property-col { min-width:0; padding:0 10px; border:0; border-right:1px solid rgba(131,148,143,.2); background:#0d1214; color:#83948f; text-align:left; }
.preview-timeline .timeline-ruler-row > .timeline-property-col { display:flex; align-items:center; justify-content:space-between; font:650 8px/1 'Chivo Mono',monospace; letter-spacing:.1em; }
.preview-timeline .timeline-ruler-row > .timeline-property-col small { color:#596863; font-size:7px; letter-spacing:.06em; }
.preview-timeline .timeline-ruler { position:relative; min-width:0; cursor:ew-resize; background:linear-gradient(90deg,rgba(131,148,143,.08) 1px,transparent 1px) 0 0/25% 100%; }
.preview-timeline .timeline-tick { position:absolute; top:8px; color:#687873; font:500 8px/1 'Chivo Mono',monospace; transform:translateX(-50%); }
.preview-timeline .timeline-tick-first { transform:none; left:5px !important; }
.preview-timeline .timeline-tick-last { transform:translateX(-100%); }
.preview-timeline .timeline-lanes { min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#2c3335 transparent; }
.preview-timeline .timeline-lane { height:36px; border-bottom:1px solid rgba(131,148,143,.12); }
.preview-timeline .timeline-lane.selected { background:rgba(73,201,120,.045); }
.preview-timeline .timeline-lane .timeline-property-col { display:grid; align-content:center; gap:2px; cursor:pointer; }
.preview-timeline .timeline-lane.selected .timeline-property-col { box-shadow:inset 2px 0 #49c978; color:#f4f2ec; }
.preview-timeline .timeline-lane-name { overflow:hidden; color:inherit; font:600 9px/1.2 Manrope,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.preview-timeline .timeline-property-col small { overflow:hidden; color:#596863; font:500 7px/1.1 'Chivo Mono',monospace; text-overflow:ellipsis; white-space:nowrap; }
.preview-timeline .timeline-track { position:relative; min-width:0; cursor:ew-resize; background:linear-gradient(90deg,rgba(131,148,143,.055) 1px,transparent 1px) 0 0/25% 100%; }
.preview-timeline .timeline-bar { position:absolute; top:50%; right:0; left:0; height:1px; background:rgba(131,148,143,.24); }
.preview-timeline .timeline-keyframe { position:absolute; z-index:4; top:50%; width:10px; height:10px; padding:0; border:1px solid #9fb8ae; border-radius:1px; background:#111719; transform:translate(-50%,-50%) rotate(45deg); cursor:grab; }
.preview-timeline .timeline-keyframe:hover,.preview-timeline .timeline-keyframe.selected { border-color:#49c978; background:#49c978; }
.preview-timeline .timeline-keyframe:active { cursor:grabbing; }
.preview-timeline .timeline-playhead { position:absolute; z-index:5; top:0; width:1px; height:100%; background:#49c978; pointer-events:none; }
.preview-timeline .timeline-ruler .timeline-playhead { left:0; }
.preview-timeline .timeline-playhead-full { top:31px; bottom:0; left:176px; height:auto; box-shadow:0 0 7px rgba(73,201,120,.4); }
.preview-timeline .chip,.preview-timeline .icon-btn { min-height:24px; }
.studio-splitter:hover,.studio-splitter:focus-visible,.studio-splitter.dragging { background:rgba(73,201,120,.42); }
.studio-splitter:focus-visible { outline:1px solid #49c978; outline-offset:-3px; }
.preview-bottom-panel { min-height:0; overflow:auto; }
.landing-studio-preview button { cursor: pointer !important; }
.landing-studio-preview .stage-zoom-overlay button { touch-action: manipulation; }
.landing-studio-preview .stage-zoom-overlay .szo-btn,
.landing-studio-preview .stage-zoom-overlay .szo-label { height: 26px; min-width: 26px; }
.landing-studio-preview .stage-zoom-overlay .szo-btn:active,
.landing-studio-preview .stage-zoom-overlay .szo-label:active { background: rgba(244,242,236,.16); color: var(--text-1, #f4f2ec); }
.landing-studio-preview .stage-zoom-overlay .szo-btn:disabled { opacity: .32; cursor: default; }
.landing-studio-preview .stage-zoom-overlay .szo-btn:disabled:hover { background: transparent; color: var(--text-2); }
.landing-studio-preview input, .landing-studio-preview select { cursor: text !important; }

/* Reuse the landing brand fonts inside the Studio bridge (same bytes, one fetch). */
@font-face { font-family: "Manrope"; src: url("/assets/fonts/Manrope-VF.ttf"); }
@font-face { font-family: "Chivo Mono"; src: url("/assets/fonts/ChivoMono-VF.ttf"); }