.video-frame-create-layout{display:grid;grid-template-columns:minmax(360px,520px) minmax(320px,1fr);gap:14px;padding:14px}.video-frame-create-help{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--theme-muted)}.video-frame-create-help h2{color:var(--theme-text)}.video-frame-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.video-frame-properties>div:nth-child(1),.video-frame-properties>div:nth-child(2){grid-column:1/-1}.video-frame-properties textarea{min-height:78px}.video-frame-properties-drawer{position:absolute;z-index:20;top:84px;right:14px;width:min(620px,calc(100% - 28px));max-height:calc(100vh - 105px);overflow:auto;box-shadow:var(--theme-shadow)}.video-frame-properties-drawer[hidden]{display:none}.video-frame-editor{position:relative;height:100%;min-height:0;display:flex;flex-direction:column}.video-frame-editor>.editor-header{flex:none}.video-frame-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:12px;min-height:0;flex:1;padding:12px}.video-symbol-catalog,.video-frame-stage-panel{min-height:0}.video-symbol-catalog{display:flex;flex-direction:column}.video-symbol-catalog h3{margin:0}.video-catalog-search{margin:14px 0 10px}.video-catalog-search span{display:block;margin-bottom:6px;font-size:12px}.video-catalog-scroll{min-height:160px;flex:1;overflow:auto;border:1px solid var(--theme-line);border-radius:7px;background:var(--theme-input)}.video-catalog-tree,.video-catalog-tree ul{margin:0;padding:4px 0 4px 14px;list-style:none}.video-catalog-tree>li{padding-left:0}.video-catalog-tree details>summary{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:5px;cursor:pointer;user-select:none}.video-catalog-tree details>summary:hover{background:var(--theme-surface-2)}.video-catalog-tree li[hidden]{display:none}.video-catalog-symbol{display:flex;align-items:center;gap:7px;width:100%;padding:6px 8px;border:0;border-radius:5px;color:var(--theme-text);background:transparent;text-align:left;cursor:grab}.video-catalog-symbol:hover,.video-catalog-symbol:focus-visible{color:var(--theme-accent);background:var(--theme-accent-soft);outline:none}.video-symbol-preview{position:relative;height:150px;margin-top:10px;border:1px solid var(--theme-line);border-radius:7px;overflow:hidden;background:var(--theme-surface-2)}.video-symbol-preview>div{height:100%;display:grid;place-items:center;padding:12px;text-align:center}.video-symbol-preview iframe{display:block;width:100%;height:118px;border:0;background:var(--theme-sheet)}.video-symbol-preview strong{display:block;height:30px;padding:6px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-frame-stage-panel{display:flex;flex-direction:column;padding:10px}.video-frame-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;color:var(--theme-muted);font-size:12px}.video-frame-viewport{min-height:0;flex:1;overflow:auto;padding:24px;background:var(--theme-canvas);border:1px solid var(--theme-line);border-radius:7px}.video-frame-canvas{position:relative;width:var(--frame-width);height:var(--frame-height);overflow:hidden;background:var(--frame-background);box-shadow:0 8px 32px rgba(0,0,0,.35);background-image:linear-gradient(rgba(127,127,127,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(127,127,127,.12) 1px,transparent 1px);background-size:20px 20px}.video-frame-canvas.drag-target{outline:3px solid var(--theme-accent);outline-offset:3px}.video-frame-element{position:absolute;border:1px solid transparent;cursor:move;user-select:none}.video-frame-element iframe{display:block;width:100%;height:100%;border:0;pointer-events:none;background:transparent}.video-frame-element:hover{border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent)}.video-frame-element.selected{border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}.video-frame-element.inherited{border-color:color-mix(in srgb,var(--theme-warning) 55%,transparent);cursor:default}.video-frame-element-label{position:absolute;left:0;bottom:100%;max-width:240px;padding:3px 6px;color:#fff;background:rgba(20,25,32,.86);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0}.video-frame-element:hover>.video-frame-element-label,.video-frame-element.selected>.video-frame-element-label{opacity:1}.video-frame-resize{position:absolute;right:-5px;bottom:-5px;width:11px;height:11px;border:1px solid #fff;border-radius:2px;background:var(--theme-accent);cursor:nwse-resize}.video-frame-element.inherited .video-frame-resize{display:none}@media(max-width:980px){.video-frame-workspace{grid-template-columns:260px minmax(0,1fr)}.video-frame-create-layout{grid-template-columns:1fr}}@media(max-width:760px){.video-frame-workspace{grid-template-columns:1fr;overflow:auto}.video-symbol-catalog{min-height:420px}.video-frame-stage-panel{min-height:600px}.video-frame-properties{grid-template-columns:1fr}.video-frame-properties>div{grid-column:auto}}

.video-frame-binding-warning{position:absolute;right:3px;top:3px;z-index:2;padding:2px 5px;border-radius:3px;color:var(--theme-warning);background:var(--theme-surface);font-size:14px;pointer-events:none}
.video-frame-editor-window{height:100vh;min-height:620px;background:var(--theme-bg)}
.video-frame-editor-window .editor-header p{margin:5px 0 0;color:var(--theme-muted);font-size:12px}
.video-symbol-catalog{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.video-symbol-catalog>.video-catalog-scroll{min-height:180px;flex:0 0 min(320px,35vh)}
.video-symbol-catalog>.video-symbol-preview{flex:none}
.video-element-geometry{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--theme-line);border-radius:7px;background:var(--theme-surface-2)}
.video-element-geometry[hidden]{display:none}
.video-element-geometry-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.video-element-geometry-heading h4{margin:0;color:var(--theme-text);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.video-element-geometry-heading span{min-width:0;overflow:hidden;color:var(--theme-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.video-element-geometry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.video-element-geometry-grid label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;color:var(--theme-muted);font-size:11px}
.video-element-geometry-grid input{width:100%;min-width:0;padding:5px 6px}
.video-element-geometry>.button{justify-self:end}
.video-element-action{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--theme-line);border-radius:7px;background:var(--theme-surface-2)}
.video-element-action[hidden],.video-element-action [hidden]{display:none}
.video-element-action-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.video-element-action-heading h4{margin:0;color:var(--theme-text);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.video-element-action-heading span{color:var(--theme-muted);font-size:10px}
.video-element-action>label,.video-element-popup-settings>label{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:7px;color:var(--theme-muted);font-size:11px}
.video-element-action select,.video-element-action input{width:100%;min-width:0;padding:5px 6px}
.video-element-popup-settings{display:grid;gap:7px;padding-top:2px}
.video-element-popup-settings .video-element-action-check{display:flex;align-items:center;gap:7px;color:var(--theme-text)}
.video-element-popup-settings .video-element-action-check input{width:auto}
.video-element-popup-size{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.video-element-popup-size label{display:grid;gap:3px;color:var(--theme-muted);font-size:10px}
.video-element-action>.button{justify-self:end}
.video-service-tools{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;margin-top:12px;padding-bottom:12px;border-bottom:1px solid var(--theme-line)}
.video-service-tools h4{flex-basis:100%;margin-bottom:2px}
.video-service-tools h4,.video-symbol-catalog-heading h4{margin:0;color:var(--theme-text);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.video-service-tool{box-sizing:border-box;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:3px;border:1px solid var(--theme-line);border-radius:7px;color:var(--theme-text);background:var(--theme-surface-2);cursor:grab}
.video-service-tool:hover,.video-service-tool:focus-visible{border-color:var(--theme-accent);background:var(--theme-accent-soft);outline:none}
.video-service-tool>span:first-child{display:grid;width:26px;height:26px;place-items:center;border-radius:6px;color:var(--theme-warning);background:var(--theme-input);font-size:17px}
.video-symbol-catalog-heading{padding-top:12px}
.video-control-modal{position:fixed;z-index:6000;inset:0;display:grid;place-items:center;padding:24px;background:var(--theme-overlay)}
.video-control-modal[hidden]{display:none}
dialog.video-authorization-dialog{padding:0}
dialog.video-authorization-dialog:not([open]){display:none}
dialog.video-authorization-dialog::backdrop{background:var(--theme-overlay)}
.video-authorization-dialog .video-control-dialog-body{padding:20px}
.video-control-dialog{display:flex;width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));flex-direction:column;overflow:hidden;border:1px solid var(--theme-line-strong);border-radius:10px;color:var(--theme-text);background:var(--theme-surface);box-shadow:var(--theme-shadow)}
.video-control-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--theme-line);background:var(--theme-surface-2)}
.video-control-dialog>header h3{margin:0;font-size:15px}
.video-control-dialog>header button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid var(--theme-line);border-radius:5px;color:var(--theme-text);background:var(--theme-input);font-size:20px;line-height:1;cursor:pointer}
.video-control-dialog>header button:hover,.video-control-dialog>header button:focus-visible{border-color:var(--theme-accent);background:var(--theme-accent-soft);outline:none}
.video-control-dialog>footer{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid var(--theme-line);background:var(--theme-surface-2)}
.video-control-settings{min-height:0;padding:14px 16px;overflow:auto;background:var(--theme-surface)}
.video-control-settings p{margin:5px 0 8px;color:var(--theme-muted);font-size:11px}
.video-control-option{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px}
.video-control-option[hidden]{display:none}
.video-control-groups{display:grid;gap:7px;margin:12px 0;padding:10px;border:1px solid var(--theme-line);border-radius:7px;background:var(--theme-surface-2)}
.video-control-groups>label:not(.video-control-option){display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px;color:var(--theme-muted);font-size:11px}
.video-control-groups input[type="text"],.video-control-groups select{width:100%;min-width:0;padding:6px 7px}
.video-control-groups [hidden]{display:none}
.video-control-groups p{margin:0;line-height:1.4}
.video-control-column-list{display:grid;gap:5px}
.video-control-column-row{display:grid;grid-template-columns:18px minmax(0,1fr) 72px 95px 95px 48px;align-items:center;gap:5px;font-size:11px}
.video-control-column-row.fixed{grid-template-columns:minmax(0,1fr) 72px 95px 95px 48px}
.video-column-alignment{display:flex;flex-direction:column;gap:3px;margin:0;font-size:11px}
.video-control-column-row select{width:95px;min-width:0;padding:4px}
.video-control-column-row input[type="number"]{width:72px;min-width:0;padding:4px 5px}
.video-control-column-order{display:flex;gap:2px}
.video-control-column-order button{width:23px;height:24px;padding:0;border:1px solid var(--theme-line);border-radius:4px;color:var(--theme-text);background:var(--theme-input);cursor:pointer}
.video-control-column-order button:disabled{cursor:default;opacity:.35}
.video-navigation-dialog{width:min(860px,calc(100vw - 32px))}
.video-navigation-settings{margin:0;padding:0;overflow:visible}
.video-navigation-settings>label{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:7px;margin-top:7px;font-size:11px}
.video-navigation-settings .video-navigation-label-option>span:last-child{display:flex;align-items:center;gap:6px}
.video-navigation-settings select,.video-navigation-settings input{min-width:0;padding:5px 6px}
.video-navigation-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.video-navigation-settings p{margin:7px 0;color:var(--theme-muted);font-size:10px;line-height:1.35}
.video-navigation-item-list{display:grid;gap:7px}
.video-navigation-item-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(105px,.85fr);gap:5px;padding:7px;border:1px solid var(--theme-line);border-left:3px solid color-mix(in srgb,var(--theme-accent) 65%,var(--theme-line));border-radius:6px;background:color-mix(in srgb,var(--theme-surface) 88%,transparent)}
.video-navigation-item-depth{grid-column:1/-1;color:var(--theme-muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.video-navigation-item-children{grid-column:1/-1;display:grid;gap:7px;margin-top:3px;padding:7px 0 0 9px;border-top:1px dashed var(--theme-line);border-left:1px solid var(--theme-line)}
.video-navigation-item-children:empty{display:none}
.video-navigation-item-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:3px}
.video-navigation-item-actions button{min-width:24px;height:27px;padding:0 6px;border:1px solid var(--theme-line);border-radius:4px;color:var(--theme-text);background:var(--theme-input);font-size:10px;cursor:pointer}
.video-navigation-item-actions button:disabled{cursor:default;opacity:.35}
.video-navigation-empty{padding:12px;border:1px dashed var(--theme-line);border-radius:6px;color:var(--theme-muted);text-align:center;font-size:11px}
.video-catalog-scroll[data-catalog-results]{display:flex;flex-direction:column;padding:4px}
.video-catalog-result>span:last-child{min-width:0}
.video-catalog-result strong,.video-catalog-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-catalog-result small{margin-top:2px;color:var(--theme-muted);font-size:9px}
.video-catalog-footer{display:grid;min-height:56px;grid-template-columns:1fr;align-content:center;gap:5px;padding-top:6px;color:var(--theme-muted);font-size:10px}
.video-catalog-pagination{display:flex;align-items:center;justify-content:center;gap:3px}
.video-catalog-pagination .button{min-width:27px;height:27px;padding:0 6px}
.video-catalog-pagination [data-catalog-status]{min-width:92px;text-align:center}
.video-frame-toolbar{flex-wrap:wrap;padding-block:6px}
.video-frame-toolbar [data-element-layer]{white-space:nowrap}
.video-arrange-tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.video-arrange-tools .button{display:grid;place-items:center;width:32px;height:32px;padding:5px}
.video-arrange-tools svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.video-frame-selection-box {
  position: absolute;
  pointer-events: none;
  z-index: 2147483647;
  border: 1px solid #267be3;
  background: rgb(38 123 227 / 15%);
}

.video-history-priority { border: 1px solid var(--theme-border); border-radius: 6px; padding: 12px; display: grid; gap: 10px; }
.video-history-priority[hidden] { display: none; }
.video-history-priority > label:not(.project-setting-switch) { display: flex; align-items: center; gap: 8px; }
.video-history-priority input[type="number"] { min-width: 0; width: 100%; }