/* ============================================
   EDITOR 模块样式
   从 index.html 提取
   ============================================ */
/* 引入主题变量 */
/* Theme is loaded once by templates/index.html; avoid a second render-blocking request. */

/* AVF_EDIT_DELIVERY_VISIBLE_20260914: persistent result, outside video controls. */
#panel-6-left.avfp6-solo #clip-sub {
  --edit-preview-max: 330px;
  --edit-preview-ratio: 9 / 16;
  --edit-layout-left: .92fr;
  --edit-layout-right: 1.08fr;
  min-width: 0;
}
#panel-6-left.avfp6-solo #clip-sub .avfp6v3row {
  grid-template-columns: minmax(0,var(--edit-layout-left)) minmax(0,var(--edit-layout-right));
}
#panel-6-left.avfp6-solo #clip-sub .avfp6v3row > * { min-width: 0; }
#panel-6-left.avfp6-solo #clip-sub .avfv3tpls {
  width: 100%;
  grid-template-columns: repeat(5,minmax(0,1fr));
}
#panel-6-left.avfp6-solo #clip-sub .avfv3tpl {
  box-sizing: border-box;
  min-width: 0;
  min-height: 68px;
  padding: 8px 5px;
  overflow: hidden;
}
#panel-6-left.avfp6-solo #clip-sub .avfv3tpl .td {
  display: -webkit-box;
  width: 100%;
  line-height: 1.28;
  white-space: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#panel-6-left.avfp6-solo #clip-sub .avfv3scr {
  width: min(100%,var(--edit-preview-max));
  height: auto;
  aspect-ratio: var(--edit-preview-ratio);
}
@media (max-width: 980px) {
  #panel-6-left.avfp6-solo #clip-sub .avfp6v3row { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 520px) {
  #panel-6-left.avfp6-solo #clip-sub .avfv3tpls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #panel-6-left.avfp6-solo #clip-sub .avfv3ctrl .chd { flex-wrap: wrap; }
}
#avfv3fin {
  --result-touch: 44px;
  --result-gap: 8px;
  --result-text: 15px;
  --result-focus: 2px;
  --result-radius: 8px;
  --result-pad: 12px;
  min-width: 0;
  color: var(--text-primary);
  margin: var(--result-gap) 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
#clip-sub #avfv3fin[hidden], #clip-sub #avfv3fin [hidden] { display: none; }
#avfv3fin .facts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--result-gap);
  margin: 0;
}
#avfv3fin .facts button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--result-touch);
  padding: var(--result-gap) var(--result-pad);
  font-size: var(--result-text);
  border: 1px solid var(--border-color);
  border-radius: var(--result-radius);
  color: var(--text-primary);
  background: var(--bg-card);
  text-decoration: none;
}
#avfv3fin .facts :focus-visible {
  outline: var(--result-focus) solid var(--accent-start);
  outline-offset: var(--result-focus);
}

.publish-panel {
  flex: 0 0 220px;
  display: none;
  flex-direction: column;
  background: var(--bg-secondary);
  border-left: 1px solid var(--border-color);
  padding: 10px;
  gap: 8px;
  overflow-y: auto;
}
.publish-panel.active-step {
  display: flex;
}
.publish-panel .pub-section {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 8px;
}
.publish-panel .pub-title {
  font-size:12px;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 6px;
}
.export-section {
  grid-column: 1 / -1;
}
.export-options {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.pfilter-tag{display:inline-block;font-size:13px;padding:3px 12px;border-radius:12px;margin-right:3px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-color);transition:all .15s;user-select:none}.pfilter-tag:hover{background:var(--bg-tertiary)}.pfilter-tag.active{background:rgba(var(--accent-rgb), 0.2);color:var(--accent-start);border-color:rgba(var(--accent-rgb), 0.4)}

/* Main Horizontal Tabs */
/* AVF_EDITOR_PREVIEW_TABS_20260916: isolate template demos from customer media. */
#clip-sub .avfv3stage {
  --preview-touch: 44px;
  --preview-gap: 6px;
  --preview-text: 15px;
  --preview-caption: 12.5px;
  --preview-radius: 8px;
  --preview-edge: 10px;
  --preview-focus: 2px;
}
#clip-sub .avfv3stage .avfv3-preview-tabs {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  width: 100%;
  max-width: var(--edit-preview-max,330px);
  gap: var(--preview-gap);
  margin: 0 auto var(--preview-edge);
  padding: 0;
  border: 0;
  background: transparent;
}
#clip-sub .avfv3-preview-tabs button,
#clip-sub .avfv3-preview-play {
  min-width: 0;
  min-height: var(--preview-touch);
  padding: var(--preview-gap);
  border: 1px solid var(--border-color);
  border-radius: var(--preview-radius);
  background: var(--bg-card);
  color: var(--text-primary);
  font-weight: 500;
  line-height: 1.4;
  font-family: inherit;
  font-size: var(--preview-text);
  cursor: pointer;
}
#clip-sub .avfv3-preview-tabs button.on { color: var(--accent-start); border-color: var(--accent-start); background: var(--bg-tertiary); }
#clip-sub .avfv3-preview-tabs button:focus-visible,
#clip-sub .avfv3-preview-play:focus-visible { outline: var(--preview-focus) solid var(--accent-start); outline-offset: var(--preview-focus); }
#clip-sub .avfv3-preview-play { position: absolute; bottom: var(--preview-edge); left: var(--preview-edge); right: var(--preview-edge); pointer-events: auto; }
#clip-sub .avfv3scr:not(.avf-mode-preview-off) > .ph,
#clip-sub .avfv3scr:not(.avf-mode-preview-off) > .tag,
#clip-sub .avfv3scr:not(.avf-mode-preview-off) > .avfpb,
#clip-sub .avfv3scr:not(.avf-mode-preview-off) + .avfv3play { visibility: hidden; pointer-events: none; }
#clip-sub .avfv3scr.avf-mode-preview-off .avfmg-preview { visibility: hidden; }
#clip-sub .avfv3scr.avfmg-real-ready .avfmg-preview video { opacity: 1; }
#clip-sub .avfv3scr.avfmg-real-ready .avfmg-preview canvas { opacity: 0; }
#clip-sub .avfmg-badge { right: var(--preview-edge); font-size: var(--preview-caption); line-height: 1.4; }
.editor-ai-label-control,.editor-ai-label-seconds{display:inline-flex;min-height:44px;align-items:center;gap:6px;color:#ccc;font-size:13px}.editor-ai-label-control{margin-right:4px;cursor:pointer}.editor-ai-label-control input{width:20px;height:20px;accent-color:#ef4444}.editor-ai-label-seconds select{min-height:44px;padding:0 9px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary)}.editor-ai-label-control input:disabled,.editor-ai-label-seconds select:disabled{cursor:not-allowed;opacity:.58}