/* FARZI AI Video Editor — Figma visual layer only.
   This file intentionally contains no data, API, credits, model, timeline,
   or generation logic - it only restyles the REAL, already-working editor
   (web-saas/js/editor/editor-app.js's .fve-* classes). Palette/type
   source: the same Figma "Build app (1)/(2).zip" AI Editor reference used
   to design the new AI Tools panel's structure - near-black surfaces,
   single gold accent, JetBrains Mono for labels/data, Outfit for body
   copy (matching the established, already-shipped precedent in
   css/model-selector-figma-ui.css). Everything here is scoped under
   #farziVideoEditor so it can never leak into the rest of FARZI Studio.

   Every declaration below uses !important. Real reason (not caution for
   its own sake): editor-app.js's own base styles are NOT a static
   stylesheet - injectStyles() appends them as an inline <style> tag to
   <head> at RUNTIME, the first time the editor is opened, which is
   always AFTER this static <link> in DOM order. Without !important this
   file would lose the cascade entirely and silently have no visible
   effect - the exact bug already found and fixed once before in
   css/model-selector-figma-ui.css (an unscoped !important rule elsewhere
   in the app was beating a plain override there too). */

#farziVideoEditor{
  --fig-bg:#09090b;
  --fig-panel:#0c0c10;
  --fig-card:#111115;
  --fig-card2:#16161b;
  --fig-border:#21212b;
  --fig-accent:#d4a94a;
  --fig-accent2:#c49438;
  --fig-text:#eeebe5;
  --fig-muted:#8a8a96;
  --fig-muted2:#6b6b7a;
  --fig-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --fig-sans:'Outfit',Inter,ui-sans-serif,system-ui,sans-serif;
  background:var(--fig-bg) !important;
  color:var(--fig-text) !important;
  font-family:var(--fig-sans) !important;
}

#farziVideoEditor .fve-topbar{
  background:var(--fig-panel) !important;
  border-bottom-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-title{
  font-family:var(--fig-mono) !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  color:var(--fig-text) !important;
}
#farziVideoEditor .fve-status{
  font-family:var(--fig-mono) !important;
  color:var(--fig-muted2) !important;
}
#farziVideoEditor .fve-time{
  font-family:var(--fig-mono) !important;
  color:var(--fig-accent) !important;
}

#farziVideoEditor .fve-btn{
  background:var(--fig-card2) !important;
  border-color:var(--fig-border) !important;
  color:var(--fig-text) !important;
  font-family:var(--fig-sans) !important;
}
#farziVideoEditor .fve-btn:hover{
  background:#1d1d24 !important;
  border-color:rgba(212,169,74,.35) !important;
}
#farziVideoEditor .fve-btn.primary,
#farziVideoEditor .fve-btn.gold{
  background:linear-gradient(135deg,var(--fig-accent),var(--fig-accent2)) !important;
  border-color:var(--fig-accent) !important;
  color:#09090b !important;
  font-family:var(--fig-mono) !important;
  font-weight:800 !important;
}
#farziVideoEditor .fve-btn.primary:hover,
#farziVideoEditor .fve-btn.gold:hover{
  background:linear-gradient(135deg,#e1bb65,#c79439) !important;
}
#farziVideoEditor .fve-btn.danger{
  background:rgba(239,68,68,.14) !important;
  border-color:rgba(239,68,68,.4) !important;
  color:#f3a3a3 !important;
}
#farziVideoEditor .fve-btn:disabled{
  opacity:.4 !important;
}

#farziVideoEditor .fve-media-panel,
#farziVideoEditor .fve-left-panel,
#farziVideoEditor .fve-inspector{
  background:var(--fig-panel) !important;
  border-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-panel-title{
  font-family:var(--fig-mono) !important;
  font-weight:700 !important;
  letter-spacing:.1em !important;
  color:var(--fig-muted2) !important;
  border-bottom-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-inspector h4{
  font-family:var(--fig-mono) !important;
  letter-spacing:.08em !important;
  color:var(--fig-muted2) !important;
}
#farziVideoEditor .fve-empty-hint{
  color:var(--fig-muted) !important;
}

#farziVideoEditor .fve-rail{
  background:var(--fig-bg) !important;
  border-right-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-rail-item{
  color:var(--fig-muted) !important;
}
#farziVideoEditor .fve-rail-item:hover{
  color:var(--fig-text) !important;
  background:var(--fig-card2) !important;
}
#farziVideoEditor .fve-rail-item.active{
  color:var(--fig-accent) !important;
  background:rgba(212,169,74,.1) !important;
  border-left-color:var(--fig-accent) !important;
}

#farziVideoEditor .fve-media-item{
  background:var(--fig-card) !important;
  border-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-media-item:hover{
  border-color:rgba(212,169,74,.45) !important;
}
#farziVideoEditor .fve-upload-zone{
  border-color:var(--fig-border) !important;
  color:var(--fig-muted) !important;
}
#farziVideoEditor .fve-upload-zone.dragover{
  border-color:var(--fig-accent) !important;
  color:var(--fig-text) !important;
  background:rgba(212,169,74,.06) !important;
}

#farziVideoEditor .fve-field label{
  font-family:var(--fig-mono) !important;
  font-size:10.5px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:var(--fig-muted2) !important;
}
#farziVideoEditor .fve-field input[type=text],
#farziVideoEditor .fve-field input[type=number],
#farziVideoEditor .fve-field select,
#farziVideoEditor select,
#farziVideoEditor .fve-template-search,
#farziVideoEditor textarea{
  background:var(--fig-card2) !important;
  border-color:var(--fig-border) !important;
  color:var(--fig-text) !important;
  font-family:var(--fig-sans) !important;
}
#farziVideoEditor .fve-note{
  color:var(--fig-accent) !important;
  background:rgba(212,169,74,.08) !important;
  border-color:rgba(212,169,74,.25) !important;
}

#farziVideoEditor .fve-inspector-tabs{
  background:rgba(0,0,0,.3) !important;
  border-bottom-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-inspector-tab{
  color:var(--fig-muted2) !important;
  font-family:var(--fig-mono) !important;
}
#farziVideoEditor .fve-inspector-tab:hover{
  color:var(--fig-text) !important;
}
#farziVideoEditor .fve-inspector-tab.active{
  background:linear-gradient(135deg,var(--fig-accent),var(--fig-accent2)) !important;
  color:#09090b !important;
}

#farziVideoEditor .fve-timeline-wrap{
  background:var(--fig-bg) !important;
  border-top-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-timeline-toolbar{
  border-bottom-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-ruler{
  background:var(--fig-panel) !important;
  border-bottom-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-track{
  border-bottom-color:rgba(255,255,255,.04) !important;
}
#farziVideoEditor .fve-track-label{
  background:var(--fig-panel) !important;
  border-right-color:var(--fig-border) !important;
  color:var(--fig-muted2) !important;
  font-family:var(--fig-mono) !important;
}
#farziVideoEditor .fve-playhead-line,
#farziVideoEditor .fve-playhead-flag{
  background:var(--fig-accent) !important;
}
#farziVideoEditor .fve-kf-diamond{
  background:var(--fig-accent) !important;
  border-color:#09090b !important;
}
#farziVideoEditor .fve-kf-diamond:hover{
  background:#e1bb65 !important;
}
#farziVideoEditor .fve-canvas-selection-box,
#farziVideoEditor .fve-canvas-selection-handle{
  border-color:var(--fig-accent) !important;
}

#farziVideoEditor .fve-context-menu,
#farziVideoEditor .fve-project-panel{
  background:var(--fig-panel) !important;
  border-color:var(--fig-border) !important;
}
#farziVideoEditor .fve-context-menu button:hover{
  background:rgba(212,169,74,.12) !important;
}
#farziVideoEditor .fve-project-row.current{
  border-color:var(--fig-accent) !important;
}
#farziVideoEditor .fve-badge{
  font-family:var(--fig-mono) !important;
}

#farziVideoEditor .fve-progress-fill{
  background:linear-gradient(90deg,var(--fig-accent2),var(--fig-accent)) !important;
}
#farziVideoEditor .fve-export-overlay{
  background:rgba(9,9,11,.9) !important;
}

#farziVideoEditor .fve-template-category > div:first-child{
  color:var(--fig-accent) !important;
}