/* MyFileKit theme for CaptionPro Studio */
:root{
  --bg:#f8fafc;
  --bg-2:#f1f5f9;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#f1f5f9;
  --ink:#0f172a;
  --ink-2:#334155;
  --muted:#64748b;
  --muted-2:#94a3b8;
  --line:#e2e8f0;
  --line-2:#cbd5e1;
  --accent:#10b981;
  --accent-2:#059669;
  --accent-soft:#ecfdf5;
  --accent-soft-2:#d1fae5;
  --green:#047857;
  --green-soft:#ecfdf5;
  --red:#dc2626;
  --red-soft:#fef2f2;
  --amber:#b45309;
  --amber-soft:#fffbeb;
  --font-display:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow-sm:0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 10px 30px rgba(15,23,42,.06);
  --shadow-lg:0 30px 70px rgba(15,23,42,.09);
  --topbar-h:64px;
}
html,body{background:var(--bg)}
body{
  background:
    radial-gradient(780px 360px at 50% -140px,rgba(16,185,129,.09),transparent 65%),
    var(--bg);
}
body[data-embed="1"] .topbar{display:none!important}
body[data-embed="1"]{--topbar-h:0px}
body[data-embed="1"] .landing{padding-top:clamp(18px,3vw,34px)}
body[data-embed="1"] .skip-link{display:none}
body[data-embed="1"] .studio{padding-top:18px}
.btn-primary{background:linear-gradient(135deg,#34d399,#059669)!important;border-color:#059669!important;color:#fff!important}
.btn-primary:hover{background:linear-gradient(135deg,#10b981,#047857)!important}
.btn-secondary{border-color:var(--line)!important;background:#fff!important}
.btn-secondary:hover{background:#f8fafc!important}
.dropzone:hover,.dropzone.is-dragover{border-color:var(--accent)!important;background:var(--accent-soft)!important}
.tab.is-active{color:var(--green)!important}
::selection{background:rgba(16,185,129,.18)}
:focus-visible{outline-color:rgba(16,185,129,.45)}

/* Landing / upload accent overrides */
.text-accent{
  background:linear-gradient(118deg,#10b981 10%,#047857 90%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}
.upload-card::before{background:radial-gradient(circle,rgba(16,185,129,.11),transparent 65%)!important}
.upload-icon{
  background:linear-gradient(145deg,#ecfdf5,#d1fae5)!important;
  box-shadow:inset 0 0 0 1px rgba(16,185,129,.12)!important;
}
.dropzone{background:linear-gradient(180deg,#fbfdfc,#f4f8f6)!important}
.dropzone:hover,.dropzone.is-over{
  background:#ecfdf5!important;
  box-shadow:0 10px 24px rgba(16,185,129,.10)!important;
}
.dropzone.is-over{background:#d1fae5!important}
.dropzone:focus-visible{outline-color:rgba(16,185,129,.45)!important}
.dropzone-icon{box-shadow:0 4px 12px rgba(16,185,129,.10)!important}
.eyebrow-dot{box-shadow:0 0 0 4px rgba(16,185,129,.10)!important}
.cue-block{background:rgba(16,185,129,.22)!important}
.cue-playhead{box-shadow:0 0 0 1px rgba(16,185,129,.25)!important}
.select-wrap select:focus,.search-field:focus-within,.cue-text:focus{
  box-shadow:0 0 0 3px rgba(16,185,129,.14)!important;
}