.vop[data-v-bf4d15aa]{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.vop-toolbar[data-v-bf4d15aa]{border-bottom:1px solid var(--border);background:var(--elevated);justify-content:space-between;align-items:center;gap:1rem;min-height:58px;padding:.75rem 1rem;display:flex}.vop-summary[data-v-bf4d15aa]{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.vop-actions[data-v-bf4d15aa]{flex-wrap:wrap;gap:.65rem;display:flex}.vop-primary[data-v-bf4d15aa],.vop-secondary[data-v-bf4d15aa]{touch-action:manipulation;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.68rem 1rem;font-size:.9rem;font-weight:650;line-height:1.25rem;text-decoration:none;display:inline-flex}.vop-primary[data-v-bf4d15aa]{background:var(--accent);color:var(--accent-fg)}.vop-primary[data-v-bf4d15aa]:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-fg)}.vop-secondary[data-v-bf4d15aa]{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.vop-secondary[data-v-bf4d15aa]:hover:not(:disabled){background:var(--elevated)}.vop-workspace[data-v-bf4d15aa]{padding:1rem}.vop-editor[data-v-bf4d15aa]{min-width:0}.vop-pickers[data-v-bf4d15aa]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.vop-pickers>section[data-v-bf4d15aa]{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.vop-pickers header[data-v-bf4d15aa]{align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.vop-pickers header>span[data-v-bf4d15aa]{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-ink);border-radius:8px;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.vop-pickers h2[data-v-bf4d15aa],.vop-panel-head h2[data-v-bf4d15aa],.vop-controls h2[data-v-bf4d15aa],.vop-result h2[data-v-bf4d15aa]{color:var(--text);margin:0;font-size:1.05rem;font-weight:650;line-height:1.4}.vop-pickers p[data-v-bf4d15aa],.vop-panel-head p[data-v-bf4d15aa],.vop-controls header p[data-v-bf4d15aa]{color:var(--muted);margin:.25rem 0 0;font-size:.8rem;line-height:1.45}.vop-drop[data-v-bf4d15aa]{cursor:pointer;border-top:1px dashed var(--border-strong);background:var(--input);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-height:260px;padding:1.5rem;display:flex}.vop-drop[data-v-bf4d15aa]:hover,.vop-drop[data-v-bf4d15aa]:focus-within,.vop-drop--drag[data-v-bf4d15aa]{background:var(--accent-soft)}.vop-drop strong[data-v-bf4d15aa]{font-size:1rem}.vop-drop>span[data-v-bf4d15aa]:not(.vop-primary){color:var(--muted);font-size:.8rem}.vop-picked[data-v-bf4d15aa]{border-top:1px solid var(--border);grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;display:grid}.vop-picked video[data-v-bf4d15aa]{object-fit:cover;background:#000;border-radius:7px;width:92px;height:58px}.vop-picked div[data-v-bf4d15aa]{gap:.2rem;min-width:0;display:grid}.vop-picked strong[data-v-bf4d15aa],.vop-picked span[data-v-bf4d15aa]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vop-picked strong[data-v-bf4d15aa]{font-size:.85rem}.vop-picked span[data-v-bf4d15aa]{color:var(--muted);font-size:.75rem}.vop-picked button[data-v-bf4d15aa]{min-width:44px;min-height:44px;color:var(--accent-ink);background:0 0;border:0;font-weight:700}.vop-grid[data-v-bf4d15aa]{grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);align-items:start;gap:1rem;display:grid}.vop-preview[data-v-bf4d15aa],.vop-controls[data-v-bf4d15aa],.vop-result[data-v-bf4d15aa]{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:0}.vop-panel-head[data-v-bf4d15aa],.vop-controls>header[data-v-bf4d15aa]{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.vop-controls>header[data-v-bf4d15aa]{border-bottom:1px solid var(--border)}.vop-stage[data-v-bf4d15aa]{border-block:1px solid var(--border);background:var(--input);place-items:center;min-height:310px;padding:1rem;display:grid;overflow:hidden}.vop-video-wrap[data-v-bf4d15aa]{background:#000;max-width:100%;max-height:520px;display:inline-flex;position:relative;overflow:hidden}.vop-video-wrap>video[data-v-bf4d15aa]:first-child{background:#000;width:100%;max-height:520px;display:block}.vop-video-wrap>video[data-v-bf4d15aa]:last-child{z-index:2;pointer-events:none;background:#000;border:2px solid #ffffffe6;border-radius:7px;height:auto;transition:opacity .12s;display:block;position:absolute;box-shadow:0 4px 16px #00000059}.vop-inset--hidden[data-v-bf4d15aa]{opacity:0}.vop-source-row[data-v-bf4d15aa]{grid-template-columns:1fr 1fr;display:grid}.vop-source-row span[data-v-bf4d15aa]{min-width:0;color:var(--muted);padding:.8rem 1rem;font-size:.75rem;line-height:1.4}.vop-source-row span+span[data-v-bf4d15aa]{border-left:1px solid var(--border)}.vop-controls[data-v-bf4d15aa]{flex-direction:column;padding-bottom:1rem;display:flex}.vop-text-button[data-v-bf4d15aa]{color:var(--accent-ink);background:0 0;border:0;padding:.25rem;font-size:.8rem;font-weight:700}.vop-position[data-v-bf4d15aa]{border:0;min-width:0;margin:0;padding:1rem}.vop-position legend[data-v-bf4d15aa],.vop-quality>span[data-v-bf4d15aa],.vop-timing label>span[data-v-bf4d15aa]{color:var(--text);font-size:.84rem;font-weight:700}.vop-position>div[data-v-bf4d15aa]{grid-template-columns:repeat(2,48px);gap:.35rem;width:max-content;margin-top:.55rem;display:grid}.vop-position label[data-v-bf4d15aa]{cursor:pointer;border:1px solid var(--border);background:var(--elevated);border-radius:8px;width:48px;height:38px;position:relative}.vop-position label[data-v-bf4d15aa]:hover,.vop-position label.active[data-v-bf4d15aa]{border-color:var(--accent)}.vop-position label.active[data-v-bf4d15aa]{background:var(--accent-soft)}.vop-position input[data-v-bf4d15aa]{opacity:0;pointer-events:none;position:absolute}.vop-position label>span[data-v-bf4d15aa]:first-of-type{background:var(--muted);border-radius:2px;width:12px;height:9px;position:absolute}.vop-position label:first-child>span[data-v-bf4d15aa]:first-of-type{top:6px;left:6px}.vop-position label:nth-child(2)>span[data-v-bf4d15aa]:first-of-type{top:6px;right:6px}.vop-position label:nth-child(3)>span[data-v-bf4d15aa]:first-of-type{bottom:6px;left:6px}.vop-position label:nth-child(4)>span[data-v-bf4d15aa]:first-of-type{bottom:6px;right:6px}.vop-position label.active>span[data-v-bf4d15aa]:first-of-type{background:var(--accent)}.vop-sliders[data-v-bf4d15aa]{border-top:1px solid var(--border);gap:.85rem;padding:1rem;display:grid}.vop-sliders label[data-v-bf4d15aa]{gap:.35rem;display:grid}.vop-sliders label>span[data-v-bf4d15aa]{color:var(--text);justify-content:space-between;align-items:center;gap:1rem;font-size:.82rem;display:flex}.vop-sliders output[data-v-bf4d15aa]{color:var(--muted);font-variant-numeric:tabular-nums}.vop-sliders input[data-v-bf4d15aa]{width:100%;accent-color:var(--accent)}.vop-timing[data-v-bf4d15aa]{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:1rem;display:grid}.vop-timing label[data-v-bf4d15aa]{gap:.35rem;display:grid}.vop-timing input[data-v-bf4d15aa]{width:100%}.vop-timing p[data-v-bf4d15aa]{color:var(--muted);grid-column:1/-1;margin:0;font-size:.75rem}.vop-quality[data-v-bf4d15aa]{border-top:1px solid var(--border);gap:.4rem;padding:1rem;display:grid}.vop-quality select[data-v-bf4d15aa]{width:100%}.vop-engine-note[data-v-bf4d15aa]{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--muted);margin:0 1rem;padding:.7rem .8rem;font-size:.78rem;line-height:1.5}.vop-export[data-v-bf4d15aa]{width:calc(100% - 2rem);margin:1rem 1rem 0}.vop-shortcut[data-v-bf4d15aa]{color:var(--muted);text-align:center;margin:.4rem 1rem 0;font-size:.75rem}.vop-progress[data-v-bf4d15aa]{gap:.45rem;margin:1rem 1rem 0;display:grid}.vop-progress>div[data-v-bf4d15aa]{background:var(--border-strong);border-radius:999px;height:8px;overflow:hidden}.vop-progress>div span[data-v-bf4d15aa]{transform-origin:0;border-radius:inherit;background:var(--accent);width:100%;height:100%;transition:transform .15s;display:block}.vop-progress p[data-v-bf4d15aa]{color:var(--muted);margin:0;font-size:.82rem}.vop-warning[data-v-bf4d15aa],.vop-error[data-v-bf4d15aa],.vop-notice[data-v-bf4d15aa]{border:1px solid var(--border);border-radius:10px;margin:0 0 1rem;padding:.8rem .9rem;font-size:.84rem;line-height:1.5}.vop-warning[data-v-bf4d15aa]{background:var(--tint-accent-weak);color:var(--text)}.vop-error[data-v-bf4d15aa]{background:color-mix(in srgb,var(--badge-fail) 10%,var(--surface));color:var(--badge-fail);align-items:flex-start;gap:.55rem;display:flex}.vop-error>span[data-v-bf4d15aa]{background:var(--badge-fail);width:20px;height:20px;color:var(--surface);border-radius:999px;flex:none;place-items:center;font-size:.75rem;font-weight:800;display:grid}.vop-notice[data-v-bf4d15aa]{background:var(--accent-soft);color:var(--accent-ink)}.vop-result[data-v-bf4d15aa]{gap:1rem;padding:1rem;display:grid}.vop-result-head[data-v-bf4d15aa]{align-items:center;gap:.75rem;display:flex}.vop-result-head>span[data-v-bf4d15aa]{background:color-mix(in srgb,var(--badge-pass) 12%,var(--surface));min-width:40px;height:40px;color:var(--badge-pass);border-radius:999px;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:grid}.vop-result-head p[data-v-bf4d15aa]{color:var(--muted);margin:.25rem 0 0;font-size:.85rem}.vop-result>video[data-v-bf4d15aa]{background:var(--input);border-radius:10px;width:100%;max-height:560px}.vop-privacy[data-v-bf4d15aa]{border-top:1px solid var(--border);color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:.45rem;margin:0;padding:.85rem 1rem;font-size:.78rem;display:flex}button[data-v-bf4d15aa]:disabled,fieldset[data-v-bf4d15aa]:disabled{cursor:not-allowed;opacity:.55}.vop-primary[data-v-bf4d15aa]:focus-visible,.vop-secondary[data-v-bf4d15aa]:focus-visible,.vop-text-button[data-v-bf4d15aa]:focus-visible,.vop-drop[data-v-bf4d15aa]:focus-within,.vop-position label[data-v-bf4d15aa]:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.vop-video-wrap[data-v-bf4d15aa]{width:100%;display:block}.vop-video-wrap>video[data-v-bf4d15aa]:last-child{object-fit:contain}.vop-text-button[data-v-bf4d15aa]{border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.55rem .7rem;display:inline-flex}.vop-text-button[data-v-bf4d15aa]:hover:not(:disabled){background:var(--accent-soft)}.vop-options[data-v-bf4d15aa]{border-top:1px solid var(--border)}.vop-options summary[data-v-bf4d15aa]{cursor:pointer;min-height:44px;color:var(--text);justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.84rem;font-weight:700;list-style:none;display:flex}.vop-options summary[data-v-bf4d15aa]::-webkit-details-marker{display:none}.vop-options summary[data-v-bf4d15aa]:after{content:"+";color:var(--accent-ink);font-size:1rem}.vop-options[open] summary[data-v-bf4d15aa]:after{content:"−"}.vop-options .vop-quality[data-v-bf4d15aa]{border-top:0;padding-top:0}.vop-options .vop-engine-note[data-v-bf4d15aa]{margin-bottom:1rem}.vop-result[data-v-bf4d15aa]{scroll-margin-top:5rem}.vop-result[data-v-bf4d15aa]:focus{outline:none}.vop-result-head>span[data-v-bf4d15aa]{font-size:1rem}.vop-options summary[data-v-bf4d15aa]:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.vop-position label[data-v-bf4d15aa]{height:44px}.vop-position label:nth-child(3)>span[data-v-bf4d15aa]:first-of-type,.vop-position label:nth-child(4)>span[data-v-bf4d15aa]:first-of-type{bottom:7px}.vop[data-v-bf4d15aa]{border-radius:0 0 16px 16px}@media (width<=900px){.vop-grid[data-v-bf4d15aa]{grid-template-columns:1fr}.vop-stage[data-v-bf4d15aa]{min-height:240px}}@media (width<=620px){.vop-toolbar[data-v-bf4d15aa]{flex-direction:column;align-items:flex-start}.vop-summary[data-v-bf4d15aa]{white-space:normal;overflow-wrap:anywhere;width:100%}.vop-actions[data-v-bf4d15aa],.vop-actions[data-v-bf4d15aa]>*{width:100%}.vop-pickers[data-v-bf4d15aa]{grid-template-columns:1fr}.vop-panel-head[data-v-bf4d15aa]{flex-direction:column;align-items:stretch}.vop-panel-head .vop-secondary[data-v-bf4d15aa]{width:100%}.vop-source-row[data-v-bf4d15aa]{grid-template-columns:1fr}.vop-source-row span+span[data-v-bf4d15aa]{border-top:1px solid var(--border);border-left:0}.vop-workspace[data-v-bf4d15aa]{padding:.75rem}.vop-drop[data-v-bf4d15aa]{min-height:210px}.vop-stage[data-v-bf4d15aa]{min-height:210px;padding:.75rem}.vop-result[data-v-bf4d15aa]{scroll-margin-top:8rem}.vop-result .vop-actions[data-v-bf4d15aa]>*{width:100%}}@media (prefers-reduced-motion:reduce){.vop-progress>div span[data-v-bf4d15aa],.vop-video-wrap>video[data-v-bf4d15aa]:last-child{transition:none}}