.vod-page{--vod-wire-text:#609eff;--vod-wire-list:#ffa600;--vod-wire-artwork:#b084f5;width:100%;min-width:0;color:var(--foreground);flex-direction:column;gap:22px;display:flex}.vod-page-header,.vod-page-header__main,.vod-page-header__actions,.vod-toolbar,.vod-inline,.vod-actions{align-items:center;gap:12px;display:flex}.vod-page-header{justify-content:space-between;min-height:65px}.vod-page-header__main,.vod-page-header__main>div{min-width:0}.vod-header-meta{color:var(--muted);font-size:.8rem;font-weight:650;line-height:1.35}.vod-header-meta p{margin:3px 0 0}.vod-eyebrow{color:var(--muted);margin:0 0 8px;font-size:13px;display:block}.vod-page-header__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end}.vod-toolbar{flex-wrap:wrap;justify-content:space-between}.vod-toolbar .admin-toolbar{flex:1;min-width:200px}.vod-toolbar .vod-field{width:220px}.vod-field{flex-direction:column;gap:7px;width:100%;min-width:0;display:flex}.vod-field [data-slot=trigger],.vod-field .select__trigger{width:100%}.vod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.vod-channel{background:var(--surface);border:0;border-radius:12px;flex-direction:column;gap:22px;min-width:0;padding:23px;display:flex}.vod-channel__identity{align-items:center;gap:17px;display:flex}.vod-channel__avatar{width:62px;height:62px;color:var(--accent);background:var(--surface-secondary);border-radius:13px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.vod-channel__avatar img{object-fit:contain;width:100%;height:100%}.vod-channel h2{margin:0 0 6px;font-size:23px;font-weight:750;line-height:1.2}.vod-channel small{color:var(--muted);font-size:14px}.vod-channel__footer{justify-content:space-between;align-items:flex-end;gap:15px;margin-top:auto;padding-top:17px;display:flex}.vod-destinations{flex-direction:column;gap:10px;display:flex}.vod-destinations>div,.vod-brand-list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vod-notice{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.vod-workflow-list{flex-direction:column;gap:12px;display:flex}.vod-workflow-row{background:var(--surface);border:0;border-radius:11px;grid-template-columns:minmax(250px,1fr) minmax(170px,.7fr) auto;align-items:center;gap:20px;padding:20px 22px;display:grid}.vod-workflow-row h2{margin:0 0 6px;font-size:21px;font-weight:750}.vod-workflow-row p{color:var(--muted);margin:0;font-size:14px}.vod-workflow-row__meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.vod-connections-strip{background:var(--surface);border:0;border-radius:9px;flex-wrap:wrap;align-items:center;gap:22px;padding:14px 20px;display:flex}.vod-connections-strip__item{align-items:center;gap:10px;font-size:14px;display:flex}.vod-empty{min-height:170px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;display:flex}.vod-loading{animation:1s linear infinite vod-spin}.vod-panel{background:var(--surface);border:0;border-radius:11px;min-width:0;overflow:hidden}.vod-panel__header{justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.vod-table-section{background:0 0;border:0;flex-direction:column;gap:12px;min-width:0;display:flex}.vod-table-section>.vod-panel__header{padding:0 0 6px}.vod-catalog{background:0 0;border:0;min-width:0}.vod-catalog>.vod-panel__body{padding:0 0 16px}.vod-catalog>.vod-panel__body:last-child{padding:16px 0 0}.vod-panel__header h2,.vod-panel__header h3{margin:0;font-size:21px;font-weight:750}.vod-panel__body{flex-direction:column;gap:17px;padding:20px;display:flex}.vod-panel__body p{margin:0}.vod-tabs{border-bottom:1px solid var(--separator);gap:7px;padding-bottom:12px;display:flex}.vod-split{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);align-items:start;gap:22px;display:grid}.vod-preview{flex-direction:column;gap:15px;padding:20px;display:flex}.vod-preview__header{justify-content:space-between;align-items:start;gap:13px;display:flex}.vod-preview__header h2{margin:0 0 4px;font-size:23px;font-weight:800}.vod-preview__header small{color:var(--muted)}.vod-preview__image{aspect-ratio:16/9;background:var(--surface-secondary);color:var(--muted);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.vod-preview__image img{object-fit:contain;width:100%;height:100%}.vod-preview__image span{color:#fff;background:rgba(0,0,0,.733);border-radius:3px;padding:2px 5px;font-size:13px;position:absolute;bottom:8px;right:8px}.vod-preview h3{margin:0;font-size:23px;font-weight:750;line-height:1.2}.vod-preview__description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);max-height:180px;font-size:15px;line-height:1.5;overflow-y:auto}.vod-preview__account{align-items:center;gap:10px;font-size:14px;display:flex}.vod-preview__account img{border-radius:50%;width:32px;height:32px}.vod-preview__footnote{color:var(--muted);padding-top:13px;font-size:13px}.vod-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.vod-tags>span{border:1px solid var(--separator);background:var(--surface-secondary);color:var(--muted);border-radius:99px;padding:3px 9px;font-size:13px}.vod-video-cell{align-items:center;gap:12px;min-width:170px;display:flex}.vod-video-cell__thumbnail{aspect-ratio:16/9;background:var(--surface-secondary);width:82px;color:var(--muted);border-radius:5px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.vod-video-cell__thumbnail img{object-fit:cover;width:100%;height:100%}.vod-video-cell strong{font-size:15px;font-weight:700;display:block}.vod-video-cell small{color:var(--muted);font-size:12px}.vod-origin{border:1px solid var(--separator);color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:12px;display:inline-flex}.vod-origin-group{flex-wrap:wrap;gap:5px;display:flex}.vod-selection-row[data-selected=true]>td{background:color-mix(in oklab,var(--accent)11%,var(--surface))}.vod-selection-footer{z-index:5;background:var(--background);box-shadow:0 -8px 25px color-mix(in oklab,var(--background)90%,transparent);border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.vod-issue-list{color:var(--warning);flex-direction:column;gap:7px;margin:0;padding:0 0 0 18px;font-size:14px;display:flex}.vod-pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:14px;display:flex}.vod-editor{grid-template-columns:200px minmax(0,1fr) 270px;gap:12px;height:calc(100dvh - 360px);min-height:460px;display:grid}.vod-editor__palette,.vod-editor__inspector{background:var(--surface);border:0;border-radius:9px;flex-direction:column;gap:12px;min-height:0;padding:17px;display:flex;overflow-y:auto}.vod-editor__palette h2,.vod-editor__inspector h2{margin:0 0 4px;font-size:18px;font-weight:750}.vod-editor__palette h3{margin:16px 0 3px;font-size:15px}.vod-editor__palette .button{flex-shrink:0;justify-content:flex-start}.vod-editor__inspector .vod-field{flex-shrink:0}.vod-settings-fields{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.vod-settings-fields:disabled{opacity:.75}.vod-editor__stage{border:0;border-radius:9px;min-width:0;position:relative;overflow:hidden}.vod-canvas{width:100%;height:100%;min-height:380px;position:relative}.vod-canvas .react-flow{background:var(--background)}.vod-canvas .react-flow__attribution{background:var(--surface);color:var(--muted);font-size:10px}.vod-canvas .react-flow__edge-path{stroke:#536983;stroke-width:1.5px}.vod-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent);stroke-width:2.5px}.vod-canvas__controls{z-index:4;border:1px solid var(--separator);background:var(--surface);border-radius:7px;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;left:12px}.vod-flow-node,.vod-map-node{background:var(--surface-secondary);min-width:155px;max-width:220px;color:var(--foreground);border:1px solid #2c415e;border-radius:9px;padding:13px 15px;box-shadow:0 3px 10px rgba(0,0,0,.133)}.vod-flow-node.is-selected,.vod-map-node.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.vod-flow-node__kind,.vod-map-node__kind{color:var(--muted);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;display:flex}.vod-flow-node__title,.vod-map-node__title{overflow-wrap:anywhere;font-size:15px;font-weight:750;line-height:1.25;display:block}.vod-flow-node__summary,.vod-map-node__summary{color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;max-width:175px;margin-top:7px;font-size:12px;display:block}.vod-flow-node__state,.vod-map-node__state{color:var(--accent);margin-top:8px;font-size:12px;display:block}.vod-flow-node--completed{border-color:var(--success)}.vod-flow-node--running{border-color:var(--accent)}.vod-flow-node--failed,.vod-flow-node--delivery_unknown{border-color:var(--danger)}.vod-flow-node .react-flow__handle,.vod-map-node .react-flow__handle{background:var(--surface);border:2px solid #7f9dbd;width:9px;height:9px}.vod-map-node--field .react-flow__handle,.vod-map-node--constant .react-flow__handle{border-color:var(--vod-wire-text)}.vod-map-node--split .react-flow__handle{border-color:var(--vod-wire-list)}.vod-map-node--artwork .react-flow__handle{border-color:var(--vod-wire-artwork)}.vod-flow-node__port-label,.vod-map-node__port-label{color:var(--muted);font-size:10px;position:absolute;right:7px}.vod-editor-name{max-width:420px}.vod-graph-issues{max-height:110px;overflow:auto}.vod-mapping-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px;display:grid}.vod-mapping-layout .vod-editor{grid-template-columns:160px minmax(0,1fr) 220px}.vod-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vod-page .admin-kpi{box-shadow:none;border:0}.vod-kpi{background:var(--surface);border:0;border-radius:10px;align-items:center;gap:15px;padding:20px;display:flex}.vod-kpi svg{color:var(--muted);flex-shrink:0}.vod-kpi strong{font-size:30px;font-weight:800;line-height:1;display:block}.vod-kpi span{color:var(--muted);margin-top:6px;font-size:14px;display:block}.vod-progress{align-items:center;gap:10px;min-width:130px;display:flex}.vod-progress__track{background:var(--surface-tertiary);border-radius:99px;width:100%;min-width:65px;height:6px;display:block;overflow:hidden}.vod-progress__track>span{background:var(--accent);border-radius:inherit;height:100%;transition:width .16s;display:block}.vod-progress>small{text-align:right;min-width:35px;color:var(--muted);flex-shrink:0;font-size:13px}.vod-run-graph{height:330px}.vod-run-summary{background:var(--surface);border:0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.vod-run-summary strong{font-size:18px}.vod-machine{flex-direction:column;gap:13px;display:flex}.vod-machine dl{grid-template-columns:auto 1fr;gap:9px 12px;margin:0;font-size:14px;display:grid}.vod-machine dt{color:var(--muted)}.vod-machine dd{text-align:right;margin:0}.vod-connection{align-items:center;gap:13px;padding:15px 0;display:flex}.vod-connection img{border-radius:50%;width:38px;height:38px}.vod-connection__details{flex:1;min-width:0}.vod-connection__details strong{display:block}.vod-connection__details small{color:var(--muted);margin-top:4px;display:block}.vod-modal-error{color:var(--danger);font-size:14px}.vod-text-muted{color:var(--muted);font-size:14px}.vod-link{color:var(--accent);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.vod-link:hover{text-decoration:underline}.vod-graph-loading{min-height:420px;color:var(--muted);place-items:center;display:grid}@keyframes vod-spin{to{transform:rotate(360deg)}}@media (max-width:1250px){.vod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vod-editor{grid-template-columns:160px minmax(0,1fr) 230px}.vod-mapping-layout{grid-template-columns:1fr}.vod-mapping-layout>.vod-panel{max-width:600px}.vod-workflow-row{grid-template-columns:minmax(180px,1fr) auto}.vod-workflow-row__meta{grid-column:1}.vod-workflow-row>.vod-actions{grid-area:1/2/3}}@media (max-width:1000px){.vod-page{padding:22px}.vod-split{grid-template-columns:1fr}.vod-preview{max-width:700px}.vod-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vod-editor{grid-template-columns:140px minmax(0,1fr);height:600px}.vod-editor__inspector{grid-column:1/-1;min-height:200px;overflow:visible}.vod-editor{height:auto}.vod-editor__stage{min-height:500px}.vod-page-header{align-items:flex-start}.vod-page-header__actions{max-width:50%}}@media (max-width:700px){.vod-grid{grid-template-columns:1fr}.vod-page-header{flex-direction:column}.vod-page-header__actions{justify-content:flex-start;width:100%;max-width:none}.vod-workflow-row{grid-template-columns:1fr}.vod-workflow-row>.vod-actions{flex-wrap:wrap;grid-area:auto/1}.vod-kpis{grid-template-columns:1fr 1fr}.vod-kpi{gap:10px;padding:14px}.vod-kpi strong{font-size:24px}.vod-kpi svg{width:21px}.vod-selection-footer{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.vod-loading{animation:none}.vod-progress__track>span{transition:none}}