:root {
  --vv-panel: #071a13;
  --vv-panel-2: #0b241a;
  --vv-line: rgba(212, 175, 55, .28);
  --vv-gold: #e5b83b;
  --vv-green: #27d17f;
  --vv-danger: #ff7d7d;
}

/* Flyer-matched social caption companion */
.flyer-caption-companion{margin:14px 0 16px;padding:16px;border:1px solid rgba(229,184,59,.46);border-radius:16px;background:linear-gradient(135deg,rgba(0,38,26,.97),rgba(7,22,18,.98));box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);color:#fff}
.flyer-caption-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}
.flyer-caption-head h3{margin:3px 0 3px;font:800 18px/1.2 Cinzel,serif;color:#fff}
.flyer-caption-head p{margin:0;color:#9ebcaf;font-size:12px}
.flyer-caption-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#ffe078}
.flyer-caption-style-badge{flex:none;padding:7px 11px;border:1px solid rgba(255,224,120,.5);border-radius:999px;background:rgba(229,184,59,.12);color:#ffe078;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.flyer-caption-toolbar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.flyer-caption-toolbar label{display:grid;gap:4px;min-width:185px;color:#9ebcaf;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.flyer-caption-toolbar select,.flyer-caption-toolbar button{height:34px;border:1px solid rgba(229,184,59,.28);border-radius:8px;background:#06281d;color:#fff;padding:0 11px;font:700 11px 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.flyer-caption-toolbar button:hover{border-color:#e5b83b;transform:translateY(-1px)}
.flyer-caption-toolbar button.gold{background:linear-gradient(135deg,#c89925,#f0cf68);color:#11261e;border-color:#ffe078}
#flyerStyledCaption{box-sizing:border-box;width:100%;min-height:166px;resize:vertical;border:1px solid rgba(163,194,181,.25);border-radius:10px;background:rgba(0,17,11,.72);color:#eef8f3;padding:13px;font:500 12px/1.65 'Plus Jakarta Sans',sans-serif;outline:none}
#flyerStyledCaption:focus{border-color:#e5b83b;box-shadow:0 0 0 3px rgba(229,184,59,.1)}
.flyer-caption-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.flyer-caption-tags button{border:1px solid rgba(229,184,59,.26);border-radius:999px;background:rgba(229,184,59,.08);color:#f6d46f;padding:5px 9px;font-size:10px;font-weight:800;cursor:pointer}
.flyer-caption-tags button:hover{background:rgba(229,184,59,.18)}
@media(max-width:760px){.flyer-caption-head{display:block}.flyer-caption-style-badge{display:inline-flex;margin-top:10px}.flyer-caption-toolbar>*{flex:1 1 145px}.flyer-caption-toolbar label{min-width:100%}}

.vv-command-bar {
  position: fixed;
  left: 50%;
  bottom: 14px;
  z-index: 850;
  transform: translateX(-50%);
  width: min(930px, calc(100vw - 24px));
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border: 1px solid var(--vv-line);
  border-radius: 14px;
  background: rgba(0, 22, 15, .94);
  box-shadow: 0 14px 48px rgba(0, 0, 0, .44);
  backdrop-filter: blur(18px);
}

.vv-command-bar button,
.vv-workspace button,
.vv-workspace .vv-button {
  border: 1px solid rgba(212, 175, 55, .35);
  border-radius: 8px;
  background: #102b20;
  color: #f5f7f4;
  min-height: 36px;
  padding: 8px 12px;
  font: 700 11px/1.2 'Plus Jakarta Sans', sans-serif;
  cursor: pointer;
}

.vv-command-bar button:hover,
.vv-workspace button:hover { border-color: var(--vv-gold); background: #17382a; }
.vv-command-bar .vv-primary,
.vv-workspace .vv-primary { background: linear-gradient(135deg, #b88818, #f0ca55); color: #092015; border: 0; }
.vv-command-bar .vv-grow { flex: 1; min-width: 0; }
.vv-command-bar input { width: 100%; }
.vv-command-bar .vv-status { color: #a9c3b7; font-size: 10px; white-space: nowrap; }

.vv-workspace-shell {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: none;
  background: rgba(0, 10, 7, .77);
  backdrop-filter: blur(8px);
}
.vv-workspace-shell.open { display: grid; place-items: center; }
.vv-workspace {
  width: min(1120px, calc(100vw - 28px));
  height: min(760px, calc(100vh - 28px));
  display: grid;
  grid-template-columns: 210px 1fr;
  overflow: hidden;
  border: 1px solid rgba(229, 184, 59, .45);
  border-radius: 18px;
  background: var(--vv-panel);
  color: #eef7f2;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .6);
}
.vv-workspace-nav { padding: 18px 12px; background: #03120c; border-right: 1px solid var(--vv-line); overflow-y: auto; }
.vv-workspace-brand { margin: 0 8px 16px; }
.vv-workspace-brand strong { display: block; color: var(--vv-gold); font: 800 16px/1.2 Cinzel, serif; }
.vv-workspace-brand small { color: #89a89a; font-size: 10px; }
.vv-workspace-nav button { display: flex; width: 100%; align-items: center; gap: 8px; margin: 4px 0; text-align: left; border-color: transparent; background: transparent; color: #b8cfc4; }
.vv-workspace-nav button.active { background: rgba(212, 175, 55, .14); color: #fff1b0; border-color: var(--vv-line); }
.vv-workspace-main { min-width: 0; overflow: auto; padding: 20px; }
.vv-workspace-top { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.vv-workspace-top h2 { margin: 0 0 4px; font: 800 22px/1.2 Cinzel, serif; color: #fff; }
.vv-workspace-top p { margin: 0; color: #96b1a5; font-size: 11px; }
.vv-close { font-size: 22px !important; width: 38px; padding: 0 !important; }
.vv-page { display: none; }
.vv-page.active { display: block; }
.vv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.vv-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.vv-card { border: 1px solid var(--vv-line); border-radius: 12px; background: rgba(11, 36, 26, .78); padding: 14px; min-width: 0; }
.vv-card h3 { margin: 0 0 10px; color: #fff1b0; font-size: 13px; }
.vv-card p, .vv-help { color: #a7beb3; font-size: 11px; line-height: 1.5; }
.vv-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vv-stack { display: grid; gap: 9px; }
.vv-field { display: grid; gap: 5px; }
.vv-field label { font-size: 10px; font-weight: 700; color: #b7cbbf; }
.vv-field input, .vv-field select, .vv-field textarea,
.vv-command-bar input {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid rgba(157, 187, 173, .25);
  border-radius: 7px;
  background: #06140e;
  color: #f4f8f6;
  padding: 9px;
  font: 500 11px/1.35 'Plus Jakarta Sans', sans-serif;
}
.vv-field textarea { min-height: 105px; resize: vertical; }
.vv-field input[type="range"] { padding: 0; accent-color: var(--vv-gold); }
.vv-badge { display: inline-flex; align-items: center; border: 1px solid var(--vv-line); border-radius: 999px; padding: 4px 8px; color: #c4d8ce; font-size: 9px; }
.vv-badge.good { border-color: rgba(39, 209, 127, .45); color: #7ff0b7; }
.vv-badge.warn { border-color: rgba(229, 184, 59, .5); color: #ffe28d; }
.vv-badge.bad { border-color: rgba(255, 125, 125, .5); color: #ffb0b0; }
.vv-list { display: grid; gap: 7px; max-height: 320px; overflow: auto; }
.vv-list-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px; border-radius: 8px; background: rgba(0, 0, 0, .18); border: 1px solid rgba(255,255,255,.05); font-size: 10px; }
.vv-list-item strong { display: block; color: #f4f8f6; font-size: 11px; }
.vv-list-item small { color: #829c90; }
.vv-progress { height: 8px; overflow: hidden; border-radius: 999px; background: #020a07; }
.vv-progress > span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #b78b22, #ffe07c); transition: width .25s; }
.vv-wave { width: 100%; height: 130px; border-radius: 8px; background: #020c08; border: 1px solid rgba(212,175,55,.2); }
.vv-metric { text-align: center; }
.vv-metric strong { display: block; font: 800 23px/1 Cinzel, serif; color: #ffe078; }
.vv-metric span { color: #9ab2a7; font-size: 9px; }
.vv-table { width: 100%; border-collapse: collapse; font-size: 10px; }
.vv-table th, .vv-table td { padding: 8px; border-bottom: 1px solid rgba(255,255,255,.07); text-align: left; }
.vv-table th { color: #e8c962; }
.vv-launch-warning { position: fixed; top: 68px; left: 50%; transform: translateX(-50%); z-index: 900; width: min(680px, calc(100vw - 24px)); padding: 10px 14px; border: 1px solid #e5b83b; border-radius: 10px; background: #241b05; color: #ffe596; font-size: 11px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.vv-search-hidden { display: none !important; }
.vv-panel-toggle { margin-left: auto; min-height: 24px !important; padding: 2px 7px !important; font-size: 9px !important; }
.panel-section.vv-collapsed > :not(.section-title) { display: none !important; }
.vv-toast { position: fixed; right: 18px; bottom: 80px; z-index: 1400; max-width: 360px; padding: 11px 14px; border-radius: 9px; background: #0d2a1e; border: 1px solid var(--vv-line); color: #f5f7f4; font-size: 11px; box-shadow: 0 10px 35px rgba(0,0,0,.4); }

body.vv-basic-mode .panel-section.vv-advanced-section { display: none; }
body.vv-basic-mode .studio-sidebar { width: min(360px, 34vw); }
body.vv-basic-mode .sidebar-scroll { padding-bottom: 95px; }

@media (max-width: 860px) {
  body { padding-bottom: 76px; }
  .vv-command-bar { bottom: 8px; overflow-x: auto; justify-content: flex-start; }
  .vv-command-bar .vv-status, .vv-command-bar .vv-search { display: none; }
  .vv-command-bar button { white-space: nowrap; }
  .vv-workspace { grid-template-columns: 1fr; height: calc(100vh - 12px); width: calc(100vw - 12px); }
  .vv-workspace-nav { display: flex; gap: 5px; padding: 8px; border-right: 0; border-bottom: 1px solid var(--vv-line); overflow-x: auto; }
  .vv-workspace-brand { display: none; }
  .vv-workspace-nav button { width: auto; white-space: nowrap; margin: 0; }
  .vv-workspace-main { padding: 13px; }
  .vv-grid, .vv-grid-3 { grid-template-columns: 1fr; }
  body.vv-basic-mode .studio-sidebar { width: 100%; }
}

@media print {
  .vv-command-bar, .vv-workspace-shell, .vv-launch-warning, .vv-toast { display: none !important; }
}

/* Long-form Interview Editor */
.lf-editor { display: grid; grid-template-columns: 330px minmax(0,1fr); height: calc(100vh - 108px); background: #020c08; color: #eef7f2; }
.lf-sidebar { overflow-y: auto; padding: 12px; border-right: 1px solid var(--vv-line); background: #06150f; }
.lf-stage { min-width: 0; display: grid; grid-template-rows: minmax(260px,1fr) auto; overflow: hidden; }
.lf-preview-wrap { position: relative; display: grid; place-items: center; min-height: 0; padding: 16px; overflow: hidden; background: radial-gradient(circle at 50% 40%,#193b2b 0,#06130e 45%,#010805 100%); }
.lf-preview-frame { position: relative; max-width: 100%; max-height: 100%; aspect-ratio: 16/9; overflow: hidden; border: 1px solid rgba(229,184,59,.45); border-radius: 10px; background: #000; box-shadow: 0 22px 60px rgba(0,0,0,.55); }
.lf-preview-frame.vertical { aspect-ratio: 9/16; height: 100%; }
.lf-preview-frame.square { aspect-ratio: 1/1; height: 100%; }
.lf-preview-frame video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.lf-preview-layer { position: absolute; inset: 0; pointer-events: none; font-family: 'Plus Jakarta Sans',sans-serif; }
.lf-logo-bug { position: absolute; top: 4%; right: 3%; padding: 5px 9px; border: 1px solid rgba(229,184,59,.7); border-radius: 999px; background: rgba(0,38,26,.76); color: #ffe078; font-weight: 800; font-size: clamp(7px,1vw,12px); letter-spacing: .08em; }
.lf-overlay-card { position: absolute; left: 4%; right: 4%; bottom: 7%; opacity: 0; transform: translateY(14px); transition: opacity .25s,transform .35s; }
.lf-overlay-card.show { opacity: 1; transform: none; }
.lf-overlay-card.lower-third { right: auto; max-width: 70%; padding: 12px 18px; border-left: 4px solid #e5b83b; border-radius: 0 10px 10px 0; background: linear-gradient(100deg,rgba(0,38,26,.94),rgba(0,38,26,.7)); box-shadow: 0 10px 30px rgba(0,0,0,.4); }
.lf-overlay-card.question,.lf-overlay-card.chapter { bottom: 12%; padding: 12px 18px; border: 1px solid rgba(229,184,59,.7); border-radius: 10px; background: rgba(0,31,21,.89); text-align: center; }
.lf-overlay-card.stat { left: auto; top: 12%; right: 4%; bottom: auto; max-width: 43%; padding: 14px; border-radius: 12px; background: linear-gradient(135deg,rgba(181,133,20,.94),rgba(0,38,26,.94)); text-align: center; }
.lf-overlay-card.cta { bottom: 8%; padding: 18px; border-radius: 12px; background: rgba(0,38,26,.94); border: 2px solid #e5b83b; text-align: center; }
.lf-overlay-title { color: #fff; font-weight: 850; font-size: clamp(11px,2vw,24px); line-height: 1.15; }
.lf-overlay-sub { color: #ffe078; font-weight: 650; font-size: clamp(8px,1.2vw,14px); margin-top: 4px; }
.lf-light-leak { position: absolute; inset: -15%; opacity: 0; background: radial-gradient(circle at 15% 75%,rgba(255,184,80,.62),rgba(255,94,30,.18) 28%,transparent 58%); mix-blend-mode: screen; transition: opacity .35s; }
.lf-light-leak.show { opacity: .72; animation: lfLeak 2.5s ease-in-out both; }
@keyframes lfLeak { from{transform:translateX(-10%) scale(1.1);opacity:0} 35%{opacity:.72} to{transform:translateX(12%) scale(1.25);opacity:0} }
.lf-timeline-shell { border-top: 1px solid var(--vv-line); background: #04110c; padding: 10px 14px 86px; max-height: 330px; overflow: auto; }
.lf-transport { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; flex-wrap: wrap; }
.lf-transport button,.lf-sidebar button,.lf-timeline-shell button { border: 1px solid rgba(212,175,55,.35); border-radius: 7px; background: #102b20; color: #eef7f2; padding: 7px 10px; font: 700 10px sans-serif; cursor: pointer; }
.lf-transport button:hover,.lf-sidebar button:hover,.lf-timeline-shell button:hover { border-color: #e5b83b; }
.lf-primary { background: linear-gradient(135deg,#b88818,#f0ca55)!important; color:#082017!important; border:0!important; }
.lf-timecode { color: #ffe078; font: 750 11px ui-monospace,monospace; }
.lf-ruler { position: relative; height: 30px; border-radius: 7px 7px 0 0; background: #020a07; overflow: hidden; }
.lf-ruler span { position:absolute; top:5px; color:#6f9181; font-size:8px; transform:translateX(-50%); }
.lf-track { position: relative; height: 42px; margin-top: 3px; border-radius: 6px; background: #071a13; overflow: hidden; }
.lf-track-label { position:absolute;left:6px;top:5px;z-index:3;color:#819e90;font-size:8px;text-transform:uppercase;letter-spacing:.08em; }
.lf-clip { position: absolute; top: 16px; height: 22px; min-width: 4px; overflow: hidden; border-radius: 4px; padding: 4px 6px; border: 1px solid rgba(255,255,255,.15); background: linear-gradient(90deg,#18573f,#24795a); color:#fff; font-size:8px; white-space:nowrap; box-sizing:border-box; cursor:pointer; }
.lf-clip.overlay { background: linear-gradient(90deg,#7c5a10,#c49522); }
.lf-clip.intro { background: linear-gradient(90deg,#573a78,#9062bb); }
.lf-playhead { position:absolute;z-index:8;top:0;bottom:0;width:2px;background:#ff6e5b;pointer-events:none; }
.lf-card { margin-bottom:10px; padding:11px; border:1px solid var(--vv-line); border-radius:10px; background:rgba(11,36,26,.76); }
.lf-card h3 { margin:0 0 9px;color:#ffe078;font-size:12px; }
.lf-field { display:grid;gap:4px;margin-bottom:8px; }
.lf-field label { color:#a9c3b7;font-size:9px;font-weight:700; }
.lf-field input,.lf-field select,.lf-field textarea { box-sizing:border-box;width:100%;border:1px solid rgba(157,187,173,.25);border-radius:6px;background:#03110b;color:#fff;padding:7px;font:500 10px sans-serif; }
.lf-field textarea { min-height:62px;resize:vertical; }
.lf-row { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
.lf-intro-grid { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.lf-intro-card { position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#020b07;cursor:pointer; }
.lf-intro-card.selected { border-color:#e5b83b;box-shadow:0 0 0 2px rgba(229,184,59,.13); }
.lf-intro-card img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover; }
.lf-intro-card.vertical img { aspect-ratio:9/12; }
.lf-intro-card span { display:block;padding:6px;color:#dcebe4;font-size:8px; }
.lf-analysis { display:grid;gap:5px;max-height:170px;overflow:auto;color:#a9c3b7;font-size:9px; }
.lf-analysis strong{color:#eef7f2}.lf-status{font-size:9px;color:#9ab2a7;line-height:1.45}.lf-progress{height:7px;border-radius:999px;background:#010704;overflow:hidden}.lf-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#b88818,#ffe078);transition:width .3s}.lf-edit-list{display:grid;gap:5px;max-height:230px;overflow:auto}.lf-edit-item{padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(0,0,0,.18);font-size:9px}.lf-empty{padding:18px;text-align:center;color:#799486;font-size:10px}.lf-badge{padding:3px 6px;border:1px solid rgba(39,209,127,.35);border-radius:99px;color:#7ff0b7;font-size:8px}.lf-render-link{display:inline-flex!important;text-decoration:none;margin-top:7px}.lf-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:9px;color:#b7cbbf}.lf-check-grid label{display:flex;align-items:center;gap:5px}.lf-check-grid input{accent-color:#d4af37}
.lf-media-bin{display:grid;gap:5px;margin-top:8px;max-height:190px;overflow:auto}.lf-media-item{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#04120c}.lf-media-item.selected{border-color:#e5b83b;background:rgba(229,184,59,.08)}.lf-media-item button{display:flex;align-items:center;gap:8px;min-width:0;text-align:left}.lf-media-item button>span:last-child{min-width:0}.lf-media-item strong,.lf-media-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf-media-item strong{font-size:9px}.lf-media-item small{margin-top:2px;color:#8fae9f;font-size:7px}.lf-media-index{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:6px;background:linear-gradient(135deg,#174f3b,#bd8d22);color:#fff;font-size:8px}
.lf-clip-name{display:grid!important;flex:1;min-width:150px;text-align:left!important}.lf-clip-name small{margin-top:2px;color:#85a897}.lf-clip.video.source-1{background:linear-gradient(90deg,#225678,#3087b7)}.lf-clip.video.source-2{background:linear-gradient(90deg,#6b3e7c,#a262ba)}.lf-clip.video.source-3{background:linear-gradient(90deg,#80521b,#c9862d)}.lf-clip.video.source-4{background:linear-gradient(90deg,#7a3d4b,#bd6074)}
.lf-transition-preview{position:absolute;inset:-8%;opacity:0;transform:translateX(-110%);mix-blend-mode:screen;background:linear-gradient(105deg,transparent 16%,rgba(255,121,42,.12) 35%,rgba(255,218,132,.88) 49%,rgba(229,184,59,.28) 63%,transparent 78%);pointer-events:none}.lf-transition-preview.show{animation:lfBrandSweep .9s cubic-bezier(.2,.75,.2,1) both}.lf-transition-preview.show.radial{transform:none;background:radial-gradient(circle at 24% 66%,rgba(255,247,211,.98) 0,rgba(255,169,67,.72) 13%,rgba(255,79,22,.2) 36%,transparent 67%);animation:lfFlareBloom .9s ease-out both}.lf-transition-preview.show.wipeleft{background:linear-gradient(100deg,transparent 18%,rgba(0,38,26,.94) 42%,rgba(229,184,59,.9) 49%,rgba(0,38,26,.92) 57%,transparent 80%)}.lf-transition-preview.show.smoothleft{background:linear-gradient(100deg,transparent 20%,rgba(229,184,59,.3) 44%,rgba(255,255,255,.68) 50%,rgba(0,38,26,.35) 62%,transparent 82%)}@keyframes lfBrandSweep{0%{opacity:0;transform:translateX(-110%)}35%{opacity:1}100%{opacity:0;transform:translateX(110%)}}@keyframes lfFlareBloom{0%{opacity:0;transform:scale(.55)}40%{opacity:.95}100%{opacity:0;transform:scale(1.35) translateX(12%)}}

/* Structured long-form timeline and advanced element controls */
.lf-editor{grid-template-columns:360px minmax(0,1fr)}
.lf-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 7px}
.lf-mixer{display:grid;gap:8px;margin:8px 0}.lf-mixer label{display:grid;grid-template-columns:1fr auto;gap:4px;color:#b7cbbf;font-size:9px}.lf-mixer input{grid-column:1/-1;width:100%;accent-color:#d4af37}.lf-mixer output{color:#ffe078}
.lf-timeline-shell{max-height:460px;padding-bottom:28px}.lf-timeline-viewport{overflow-x:auto;overflow-y:visible;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#020a07}.lf-timeline-viewport #lfTimeline{min-width:100%;transition:width .15s}
.lf-ruler-row,.lf-track-row{display:grid;grid-template-columns:112px minmax(0,1fr);min-width:680px}.lf-track-head{position:sticky;left:0;z-index:12;display:flex;align-items:center;padding:0 8px;border-right:1px solid rgba(255,255,255,.08);background:#06140e;color:#87a697;font:800 8px sans-serif;letter-spacing:.08em;white-space:nowrap}.lf-ruler-row .lf-track-head{background:#020a07;color:#d9bb58}
.lf-ruler{height:31px;overflow:visible}.lf-track{height:39px;margin-top:2px;border-radius:0;overflow:visible;background:linear-gradient(90deg,rgba(7,26,19,.98),rgba(8,31,22,.88))}.lf-track-row:nth-child(even) .lf-track{background:rgba(4,20,14,.95)}
.lf-clip{top:8px;height:25px;padding:5px 8px;user-select:none;touch-action:none}.lf-clip.video{background:linear-gradient(90deg,#165d45,#258765)}.lf-clip.transition{background:linear-gradient(90deg,#733f92,#b270d4);min-width:12px}.lf-clip.titles{background:linear-gradient(90deg,#825912,#d39c29)}.lf-clip.lower{background:linear-gradient(90deg,#155170,#2386aa)}.lf-clip.data{background:linear-gradient(90deg,#8a4f12,#dc8c29)}.lf-clip.broll{background:linear-gradient(90deg,#6d354e,#bd5e87)}.lf-clip.fx{background:linear-gradient(90deg,#a34320,#ff9453)}.lf-clip.captions{background:linear-gradient(90deg,#4b5260,#858d9c)}.lf-clip.audio{background:linear-gradient(90deg,#254d92,#3e7edc)}
.lf-resize{position:absolute;z-index:3;top:0;bottom:0;width:7px;background:rgba(255,255,255,.12);cursor:ew-resize}.lf-resize.left{left:0}.lf-resize.right{right:0}.lf-clip:hover .lf-resize{background:rgba(255,224,120,.5)}
.lf-marker{position:absolute;z-index:10;top:1px;width:10px;height:10px;transform:translateX(-5px) rotate(45deg);background:#ff6e5b;cursor:pointer}.lf-marker-line{position:absolute;z-index:2;top:0;bottom:0;width:1px;background:rgba(255,110,91,.28);pointer-events:none}
.lf-zoom{display:flex;align-items:center;gap:6px;color:#b7cbbf;font-size:9px}.lf-zoom input{width:90px;accent-color:#d4af37}.lf-snap{display:flex;align-items:center;gap:4px;color:#b7cbbf;font-size:9px}.lf-transport button:disabled{opacity:.35;cursor:not-allowed}.lf-cut-list{margin-top:8px}.lf-cut-list summary{cursor:pointer;color:#b7cbbf;font:700 10px sans-serif}.lf-duration{display:flex;align-items:center;gap:3px;color:#9eb8aa;font-size:8px}.lf-duration input{width:49px!important;padding:5px!important}.lf-edit-item select{background:#06150f;color:#fff;border:1px solid #375b49;border-radius:5px;padding:5px;font-size:9px}.lf-edit-item.selected{border-color:#e5b83b;background:rgba(229,184,59,.08)}.lf-edit-item small{color:#89a999;font-size:7px;letter-spacing:.08em}
.lf-sequence-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;padding:9px 11px;border:1px solid rgba(229,184,59,.2);border-radius:8px;background:linear-gradient(90deg,rgba(16,43,32,.95),rgba(5,20,14,.95))}.lf-sequence-bar>div:first-child{display:grid;gap:2px}.lf-sequence-bar strong{color:#ffe078;font-size:12px;letter-spacing:.12em}.lf-sequence-bar>div:first-child span{color:#8eaa9c;font-size:11px}.lf-source-range{display:flex;gap:6px;flex-wrap:wrap}.lf-source-range span{padding:5px 8px;border:1px solid rgba(255,255,255,.09);border-radius:5px;background:#020b07;color:#79998a;font:700 10px ui-monospace,monospace}.lf-source-range b{color:#e9f4ef;font-weight:700}.lf-transport-playback{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}.lf-transport-edit{margin-bottom:7px}.lf-transport .lf-play-main{min-width:88px;border-color:#e5b83b;background:linear-gradient(135deg,#b88818,#f0ca55);color:#082017}.lf-timecode{margin-left:auto;padding:7px 11px;border:1px solid rgba(229,184,59,.3);border-radius:6px;background:#010704;font-size:12px;letter-spacing:.04em}.lf-timeline-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px;padding:6px 8px;border-radius:7px;background:rgba(0,0,0,.18)}.lf-timeline-options .lf-zoom label{display:flex;align-items:center;gap:6px}.lf-timeline-options .lf-snap{font-size:11px}.lf-timeline-options select{border:1px solid rgba(229,184,59,.28);border-radius:5px;background:#06150f;color:#fff;padding:5px 7px;font-size:11px}.lf-shortcuts{margin-left:auto;color:#6f8e7f;font-size:10px}.lf-track-head{font-size:9px}.lf-track-head i{width:7px;height:7px;margin-right:6px;border-radius:2px;background:#2d7458;box-shadow:0 0 8px rgba(45,116,88,.45)}.lf-track-row[data-lane="transitions"] .lf-track-head i,.lf-track-row[data-lane="intro"] .lf-track-head i{background:#9b61bd}.lf-track-row[data-lane="audio"] .lf-track-head i{background:#4d83e0}.lf-track-row[data-lane="captions"] .lf-track-head i{background:#8b94a4}.lf-clip.video.selected{z-index:6;border-color:#fff3af;box-shadow:0 0 0 2px #e5b83b,0 5px 16px rgba(0,0,0,.4)}.lf-clip.video em{float:right;margin-left:6px;color:rgba(255,255,255,.72);font-style:normal}.lf-clip.dragging{opacity:.4}.lf-clip.drop-target{box-shadow:inset 3px 0 0 #fff3af}.lf-playhead.handle::before{content:'';position:absolute;top:-1px;left:50%;width:10px;height:10px;border-radius:2px;background:#ff6e5b;transform:translate(-50%,-45%) rotate(45deg)}
.lf-safe-area{position:absolute;inset:8%;display:none;border:1px dashed rgba(255,224,120,.8);border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.35);pointer-events:none}.lf-safe-area.show{display:block}.lf-safe-area span{position:absolute;top:4px;left:6px;padding:2px 5px;border-radius:3px;background:rgba(0,0,0,.65);color:#ffe078;font:700 8px sans-serif;letter-spacing:.08em}
.lf-overlay-card{--lf-accent:#e5b83b}.lf-overlay-card.style-gold{background:linear-gradient(135deg,rgba(164,114,16,.95),rgba(50,35,7,.93))!important}.lf-overlay-card.style-minimal{background:rgba(4,12,9,.68)!important;border-width:1px!important}.lf-overlay-card.style-cinematic{background:rgba(0,0,0,.88)!important}.lf-overlay-card.size-small{max-width:42%;padding:8px 12px!important}.lf-overlay-card.size-large{max-width:90%;padding:20px 25px!important}.lf-overlay-card.bottom-center{left:12%;right:12%;bottom:8%;text-align:center}.lf-overlay-card.bottom-left{left:4%;right:auto;bottom:8%}.lf-overlay-card.top-right{left:auto;right:4%;top:9%;bottom:auto}.lf-overlay-card.center{left:12%;right:12%;top:40%;bottom:auto;text-align:center}
.lf-overlay-card.location,.lf-overlay-card.ribbon{left:0;right:auto;bottom:10%;padding:9px 17px 9px 24px;border-radius:0 999px 999px 0;background:rgba(0,38,26,.94);border:1px solid var(--lf-accent)}.lf-overlay-card.amenities,.lf-overlay-card.payment,.lf-overlay-card.roi{left:auto;right:4%;top:13%;bottom:auto;max-width:46%;padding:14px;border-radius:12px;background:linear-gradient(135deg,rgba(0,38,26,.94),rgba(132,91,11,.94));border:1px solid var(--lf-accent);text-align:center}.lf-overlay-card.caption{left:9%;right:9%;bottom:6%;padding:8px 12px;border-radius:6px;background:rgba(0,0,0,.82);text-align:center}.lf-overlay-card.caption .lf-overlay-sub{display:none}.lf-overlay-card.caption .lf-overlay-title{font-size:clamp(10px,1.45vw,18px)}.lf-overlay-card.disclaimer{left:0;right:0;bottom:0;padding:7px 12px;background:rgba(0,0,0,.82);text-align:center}.lf-overlay-card.disclaimer .lf-overlay-title{font-size:clamp(7px,.9vw,11px)}.lf-overlay-card.disclaimer .lf-overlay-sub{font-size:clamp(6px,.75vw,9px)}.lf-overlay-card.broll{left:auto;right:4%;top:10%;bottom:auto;width:34%;aspect-ratio:16/9;padding:12px;display:grid;place-items:center;border:2px solid var(--lf-accent);border-radius:10px;background:linear-gradient(135deg,#193c2c,#07120d);text-align:center}
.lf-overlay-card.motion-slide.show{animation:lfSlide .42s ease-out both}.lf-overlay-card.motion-scale.show{animation:lfScale .42s ease-out both}.lf-overlay-card.motion-fade.show{animation:lfFade .35s ease-out both}@keyframes lfSlide{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:none}}@keyframes lfScale{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes lfFade{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.lf-editor{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 100px)}.lf-sidebar{max-height:none;border-right:0;border-bottom:1px solid var(--vv-line)}.lf-stage{min-height:760px}.lf-preview-wrap{min-height:420px}.lf-timeline-shell{max-height:none}.lf-intro-grid{grid-template-columns:repeat(3,1fr)}.lf-sequence-bar{align-items:flex-start;flex-direction:column}.lf-shortcuts{width:100%;margin-left:0}}
@media(max-width:600px){.lf-preview-wrap{min-height:340px;padding:8px}.lf-intro-grid{grid-template-columns:1fr 1fr}.lf-overlay-card.lower-third{max-width:82%;padding:8px 11px}.lf-timeline-shell{padding-left:8px;padding-right:8px}.lf-timecode{width:100%;margin-left:0;text-align:center}.lf-source-range{width:100%}.lf-source-range span{flex:1}.lf-timeline-options{align-items:flex-start;flex-direction:column}}

/* Full-screen branded transition system */
.lf-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lf-card-heading h3{margin-bottom:3px}.lf-card-heading .lf-status{margin:0}.lf-transition-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.lf-transition-choice{display:grid!important;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 7px;align-items:center;min-width:0;padding:5px!important;text-align:left!important;border-color:rgba(255,255,255,.09)!important}.lf-transition-choice>i{grid-row:1/3;display:grid;place-items:center;width:34px;height:30px;overflow:hidden;border-radius:5px;background:linear-gradient(110deg,#00261a 0 45%,#e5b83b 46% 53%,#174f3b 54%);color:#fff;font:800 8px sans-serif;font-style:normal}.lf-transition-choice>i.golddoors{background:linear-gradient(90deg,#b58416 0 44%,#fff0a0 45% 55%,#b58416 56%)}.lf-transition-choice>i.lightleak{background:radial-gradient(circle at 25% 65%,#fffbd4,#ff9a3d 18%,#772d11 45%,#072217 75%)}.lf-transition-choice>i.radial,.lf-transition-choice>i.zoomthrough{background:radial-gradient(circle,#06261a 0 25%,#f3ce58 27% 36%,#063424 38%)}.lf-transition-choice>i.fadeblack{background:linear-gradient(90deg,#194f3b,#010503,#194f3b)}.lf-transition-choice>i.emeraldshutter{background:linear-gradient(#084b35 0 42%,#e5b83b 43% 55%,#084b35 56%)}.lf-transition-choice>i.whip,.lf-transition-choice>i.smoothleft{background:linear-gradient(110deg,#00261a,#49a782,#ffe078,#00261a)}.lf-transition-choice strong{overflow:hidden;color:#eaf5ef;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.lf-transition-choice small{color:#78988a;font-size:7px}.lf-transition-choice.selected{border-color:#e5b83b!important;background:rgba(229,184,59,.11)!important;box-shadow:0 0 0 1px rgba(229,184,59,.25)}.lf-transition-readout{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}.lf-transition-readout>div{display:grid;min-width:0}.lf-transition-readout strong{color:#ffe078;font-size:9px}.lf-transition-readout span{color:#89a99a;font-size:7px}
.lf-transition-preview{inset:0;z-index:8;overflow:hidden;transform:none;mix-blend-mode:normal;background:transparent}.lf-transition-preview.show{animation:none}.lf-transition-preview>*{position:absolute;pointer-events:none}.lf-tr-panel{inset:0;background:#00261a;opacity:0}.lf-tr-seam{inset:-15% auto -15% 48%;width:4%;opacity:0;background:linear-gradient(90deg,#b88818,#fff2a6,#b88818);box-shadow:0 0 34px rgba(255,216,91,.75)}.lf-tr-ring{left:50%;top:50%;width:16%;aspect-ratio:1;border:4px solid #ffe078;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}.lf-tr-brand{left:50%;top:50%;display:grid;gap:5px;width:max-content;max-width:80%;opacity:0;text-align:center;transform:translate(-50%,-50%) scale(.92);color:#fff}.lf-tr-brand b{font:800 clamp(15px,3.5vw,42px) Georgia,serif;letter-spacing:.18em}.lf-tr-brand span{color:#ffe078;font:700 clamp(6px,.9vw,12px) sans-serif;letter-spacing:.32em}
.lf-transition-preview.show.brandwipe .one{animation:lfPanelSweep 1.35s cubic-bezier(.72,0,.2,1) both}.lf-transition-preview.show.brandwipe .lf-tr-seam{animation:lfSeamSweep 1.35s cubic-bezier(.72,0,.2,1) both}.lf-transition-preview.show.brandwipe .lf-tr-brand{animation:lfBrandLockup 1.35s ease both}
.lf-transition-preview.show.golddoors .one{animation:lfDoorLeft 1.35s ease-in-out both;background:linear-gradient(90deg,#8d6510,#e5b83b)}.lf-transition-preview.show.golddoors .two{animation:lfDoorRight 1.35s ease-in-out both;background:linear-gradient(90deg,#e5b83b,#8d6510)}.lf-transition-preview.show.golddoors .lf-tr-brand{animation:lfBrandLockup 1.35s ease both}
.lf-transition-preview.show.emeraldshutter .one{animation:lfShutterTop 1.3s ease-in-out both}.lf-transition-preview.show.emeraldshutter .two{animation:lfShutterBottom 1.3s ease-in-out both}.lf-transition-preview.show.emeraldshutter .lf-tr-brand{animation:lfBrandLockup 1.3s ease both}
.lf-transition-preview.show.lightleak{background:radial-gradient(circle at 22% 68%,#fffde6 0,#ffc15b 10%,rgba(255,91,24,.72) 27%,rgba(255,166,57,.18) 46%,transparent 70%);animation:lfFlareBloom 1.25s ease-out both;mix-blend-mode:screen}.lf-transition-preview.show.radial .lf-tr-ring,.lf-transition-preview.show.zoomthrough .lf-tr-ring{animation:lfRingThrough 1.25s ease-in both}.lf-transition-preview.show.radial{background:radial-gradient(circle at center,rgba(255,224,120,.9),rgba(0,38,26,.88) 34%,transparent 36%);animation:lfIris 1.25s ease-in-out both}.lf-transition-preview.show.zoomthrough{background:radial-gradient(circle,transparent 0 16%,rgba(229,184,59,.78) 17% 19%,rgba(0,38,26,.86) 20% 37%,transparent 39%);animation:lfZoomThrough 1.2s ease-in both}.lf-transition-preview.show.focuspull{backdrop-filter:blur(0);background:rgba(255,224,120,0);animation:lfFocusPull 1.25s ease-in-out both}.lf-transition-preview.show.wipeleft,.lf-transition-preview.show.smoothleft,.lf-transition-preview.show.whip{background:linear-gradient(100deg,transparent 9%,rgba(0,38,26,.96) 38%,rgba(255,224,120,.92) 49%,rgba(0,38,26,.96) 61%,transparent 91%);animation:lfBrandSweep 1.15s cubic-bezier(.2,.75,.2,1) both}.lf-transition-preview.show.smoothleft{filter:blur(5px)}.lf-transition-preview.show.whip{filter:blur(14px);animation-duration:.78s}.lf-transition-preview.show.slideup{background:linear-gradient(transparent 8%,rgba(0,38,26,.97) 42%,#e5b83b 49%,rgba(0,38,26,.97) 56%,transparent 92%);animation:lfRiseSweep 1.15s ease-in-out both}.lf-transition-preview.show.fadeblack{background:#00150e;animation:lfFadeThrough 1.1s ease-in-out both}.lf-transition-preview.show.fade{background:linear-gradient(120deg,rgba(229,184,59,.5),rgba(0,38,26,.88));animation:lfFadeThrough 1.05s ease-in-out both}.lf-transition-preview.show.cut{box-shadow:inset 0 0 0 3px rgba(229,184,59,.9);animation:lfCutFlash .22s steps(1) both}
@keyframes lfPanelSweep{0%{opacity:1;transform:translateX(-105%)}36%,65%{opacity:1;transform:none}100%{opacity:1;transform:translateX(105%)}}@keyframes lfSeamSweep{0%{opacity:1;transform:translateX(-1450%)}36%,65%{opacity:1;transform:none}100%{opacity:1;transform:translateX(1450%)}}@keyframes lfBrandLockup{0%,28%,78%,100%{opacity:0}40%,67%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes lfDoorLeft{0%,100%{opacity:1;clip-path:inset(0 100% 0 0)}38%,65%{opacity:1;clip-path:inset(0 50% 0 0)}}@keyframes lfDoorRight{0%,100%{opacity:1;clip-path:inset(0 0 0 100%)}38%,65%{opacity:1;clip-path:inset(0 0 0 50%)}}@keyframes lfShutterTop{0%,100%{opacity:1;clip-path:inset(0 0 100%)}38%,65%{opacity:1;clip-path:inset(0 0 50%)}}@keyframes lfShutterBottom{0%,100%{opacity:1;clip-path:inset(100% 0 0)}38%,65%{opacity:1;clip-path:inset(50% 0 0)}}@keyframes lfRingThrough{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(10)}}@keyframes lfIris{0%,100%{opacity:0;background-size:1% 1%}42%,58%{opacity:1;background-size:260% 260%}}@keyframes lfZoomThrough{0%{opacity:0;transform:scale(.12)}35%{opacity:1}100%{opacity:0;transform:scale(7)}}@keyframes lfFocusPull{0%,100%{opacity:0;backdrop-filter:blur(0)}45%,58%{opacity:1;backdrop-filter:blur(22px);background:rgba(255,224,120,.14)}}@keyframes lfRiseSweep{0%{opacity:0;transform:translateY(110%)}35%{opacity:1}100%{opacity:0;transform:translateY(-110%)}}@keyframes lfFadeThrough{0%,100%{opacity:0}45%,58%{opacity:1}}@keyframes lfCutFlash{0%{opacity:1}100%{opacity:0}}
@media(max-width:600px){.lf-transition-library{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-transition-readout{grid-template-columns:1fr 1fr}.lf-transition-readout>div{grid-column:1/-1}}

/* Professional long-form editing suite */
.lf-pro-project{border-color:rgba(80,207,151,.28)!important;background:linear-gradient(145deg,rgba(5,35,24,.98),rgba(2,15,10,.98))!important}.lf-pro-project h3,.lf-transcript-card h3,.lf-pro-export h3{color:#ffe078;letter-spacing:.12em}.lf-project-versions{display:grid;gap:4px;margin-top:8px}.lf-project-versions>button{display:grid!important;text-align:left!important}.lf-project-versions small{color:#7f9d8f;font-size:7px}.lf-proxy-toggle{display:flex;align-items:center;gap:5px;color:#a9c3b7;font-size:8px}.lf-badge.saved{animation:lfSavedPulse .6s ease}@keyframes lfSavedPulse{50%{box-shadow:0 0 18px rgba(69,224,148,.48)}}
.lf-media-item{grid-template-columns:minmax(0,1fr) 34px 34px}.lf-media-item [data-insert-broll]{border-color:#9e64bf;color:#e8c9ff;font-weight:800}.lf-transcript-card textarea{width:100%;resize:vertical;min-height:110px;background:#020b07;color:#eef7f2;border:1px solid #315243;border-radius:7px;padding:9px;line-height:1.45}.lf-pro-export{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(229,184,59,.2)}
.lf-clip-inspector{margin:8px 0;padding:8px 10px;border:1px solid rgba(229,184,59,.18);border-radius:8px;background:#05140e}.lf-clip-inspector summary{cursor:pointer;color:#ffe078;font:800 10px sans-serif;letter-spacing:.08em}.lf-clip-inspector.disabled{opacity:.55}.lf-clip-inspector-grid{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:7px;margin-top:9px}.lf-clip-inspector-grid>label{display:grid;gap:3px;color:#86a696;font-size:8px}.lf-clip-inspector-grid input,.lf-clip-inspector-grid select{width:100%;min-width:0;border:1px solid #315243;border-radius:5px;background:#020b07;color:#fff;padding:5px;font-size:9px;accent-color:#e5b83b}.lf-clip-inspector-grid label:has(input[type=range]){grid-template-columns:1fr auto}.lf-clip-inspector-grid label:has(input[type=range]) input{grid-column:1/-1}.lf-clip-inspector-grid output{color:#ffe078}.lf-clip-inspector-grid .lf-check{display:flex;align-items:center;gap:5px}.lf-clip-inspector-grid .lf-check input{width:auto}.lf-transition-health{grid-column:span 2;display:flex;align-items:center;padding:5px 8px;border:1px solid rgba(229,184,59,.2);border-radius:5px;color:#a8c1b5;font-size:8px}
.lf-waveform-panel{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:7px;padding:7px 9px;border:1px solid rgba(58,172,124,.18);border-radius:8px;background:#020b07}.lf-waveform-panel>div{display:grid}.lf-waveform-panel strong{color:#78d9ae;font-size:8px;letter-spacing:.12em}.lf-waveform-panel span{color:#789789;font-size:8px}.lf-waveform-panel canvas{grid-column:1/-1;width:100%;height:58px;border-radius:5px;background:#03110b}.lf-track-actions{display:flex;margin-left:auto;gap:1px}.lf-track-actions button{min-width:17px!important;width:17px;height:17px;padding:0!important;border:0!important;border-radius:3px!important;background:rgba(255,255,255,.06)!important;color:#789789!important;font-size:7px!important}.lf-track-row.track-muted .lf-track{filter:saturate(.25);opacity:.45}.lf-track-row.track-hidden .lf-track>*{visibility:hidden}.lf-track-row.track-solo .lf-track-head{color:#ffe078}.lf-track-row.track-locked .lf-track{pointer-events:none;opacity:.68}.lf-clip.broll-segment{background:linear-gradient(90deg,#65347d,#b66bd0)!important;border-color:#e1aff6!important}
.lf-audio-meter{position:relative;display:flex;justify-content:space-between;height:17px;overflow:hidden;border-radius:5px;background:linear-gradient(90deg,#173d2c 0 68%,#9a791e 82%,#77241e 100%);color:#d8e8e0;font-size:7px}.lf-audio-meter>span{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#39d78a,#d9cd43 80%,#ff6659);transition:width .1s}.lf-audio-meter i{z-index:1;padding:4px;font-style:normal;text-shadow:0 1px 2px #000}.lf-preflight{padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(0,0,0,.2);color:#a9c3b7;font-size:8px}.lf-preflight p{margin:3px 0}.lf-preflight.pass{border-color:#36bd78;color:#8ff0bb}.lf-preflight.warn{border-color:#d6a92a;color:#ffe28d}.lf-preflight.fail{border-color:#d65c53;color:#ffb0a9}.lf-batch{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px;border-radius:7px;background:#020b07;color:#a9c3b7;font-size:8px}.lf-batch label{display:flex;align-items:center;gap:3px}.lf-batch input{accent-color:#e5b83b}.lf-batch #lfBatchResults{display:grid;width:100%;gap:3px}.lf-batch-job{padding:5px;border-radius:4px;background:#071b12}.lf-batch-job a{color:#ffe078}
@media(max-width:1100px){.lf-clip-inspector-grid{grid-template-columns:repeat(3,minmax(90px,1fr))}}@media(max-width:600px){.lf-clip-inspector-grid{grid-template-columns:repeat(2,minmax(80px,1fr))}.lf-transition-health{grid-column:1/-1}}
/* Premium WYSIWYG flyer editor */
.flyer-pro-editor{margin:16px 0 14px;padding:18px;border:1px solid rgba(214,178,77,.28);border-radius:18px;background:linear-gradient(145deg,rgba(10,31,24,.98),rgba(4,18,14,.98));box-shadow:0 18px 55px rgba(0,0,0,.25);color:#eef7f2}
.flyer-pro-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.flyer-pro-head h3{margin:3px 0 5px;font-size:20px;color:#fff}.flyer-pro-head p{margin:0;max-width:720px;color:#9eb5aa;font-size:12px;line-height:1.5}
.flyer-pro-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#e5b83b}
.flyer-pro-head button{border:1px solid rgba(229,184,59,.5);background:rgba(229,184,59,.09);color:#f4cf69;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;white-space:nowrap}
.flyer-layer-bar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.flyer-layer-bar button{border:1px solid rgba(255,255,255,.12);background:#102a21;color:#b9cbc2;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800;cursor:pointer}.flyer-layer-bar button:hover,.flyer-layer-bar button.active{border-color:#e5b83b;background:#e5b83b;color:#092218;box-shadow:0 5px 18px rgba(229,184,59,.2)}
.flyer-inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flyer-inspector-grid label{display:flex;flex-direction:column;gap:6px;color:#b6c9c0;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.flyer-inspector-grid textarea{width:100%;resize:vertical;min-height:55px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#071b14;color:#f5faf7;padding:9px;font:600 12px/1.4 Montserrat,sans-serif;box-sizing:border-box}.flyer-inspector-grid input[type=range]{width:100%;accent-color:#e5b83b}.flyer-inspector-grid input[type=color]{width:100%;height:37px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#071b14;padding:4px}.flyer-inspector-grid output{align-self:flex-end;margin-top:-17px;color:#e5b83b;font-weight:900}.flyer-inspector-toggle{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center!important;background:rgba(255,255,255,.04);border-radius:10px;padding:9px 12px}.flyer-inspector-toggle input{accent-color:#e5b83b}
.flyer-pro-status{margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#8ca79a;font-size:10px;letter-spacing:.06em}.flyer-pro-status span{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#49d98a;box-shadow:0 0 12px #49d98a}.flyer-pro-status b{color:#d8f3e5;margin-right:5px}
.dynamic-flyer-canvas.premium-preview-active{background:#061d15;overflow:hidden}.dynamic-flyer-canvas.premium-preview-active>:not(.premium-flyer-preview):not(.df-3d-glare-overlay){display:none!important}.premium-flyer-preview{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.dynamic-flyer-canvas .df-3d-glare-overlay{z-index:2;pointer-events:none}
@media(max-width:900px){.flyer-inspector-grid{grid-template-columns:1fr 1fr}.flyer-pro-head{flex-direction:column}.flyer-pro-head button{align-self:flex-start}}
@media(max-width:560px){.flyer-inspector-grid{grid-template-columns:1fr}.flyer-inspector-toggle{grid-column:auto}.flyer-layer-bar button{flex:1 1 30%}}
