#view-editor .canvas-video-edit-panel,
#view-editor .canvas-video-edit-result { position: relative; box-sizing: border-box; width: 2160px; left: 50%; zoom: var(--canvas-input-scale, 1); transform: translateX(-50%); margin: 16px 0 0; padding: 30px; border: 0; border-radius: 30px !important; background: #202020; color: #ededed; font-size: 30px; cursor: default; user-select: text; }
#view-editor .canvas-video-edit-panel button,
#view-editor .canvas-video-edit-result button { min-height: 60px; border: 0; border-radius: 12px !important; padding: 10px 24px; background: #303030; color: #d8d8d8; font: inherit; cursor: pointer; white-space: nowrap; }
#view-editor .canvas-video-edit-panel button:hover,
#view-editor .canvas-video-edit-result button:hover { background: #393939; }
#view-editor .canvas-video-edit-panel button.active { background: #494949; color: #fff; }
#view-editor .canvas-video-edit-panel button:disabled,
#view-editor .canvas-video-edit-result button:disabled { opacity: .45; cursor: wait; }
#view-editor .canvas-video-edit-panel input,#view-editor .canvas-video-edit-panel textarea { box-sizing: border-box; border: 0; border-radius: 12px !important; background: #292929; color: #eee; font: inherit; }
#view-editor .canvas-video-edit-panel :focus-visible,
#view-editor .canvas-video-edit-result :focus-visible { outline: 3px solid #8a8a8a; outline-offset: 3px; }
#view-editor .canvas-video-edit-heading,#view-editor .canvas-video-edit-footer,#view-editor .canvas-video-edit-trim,#view-editor .canvas-video-edit-scrub,#view-editor .canvas-video-edit-frame-row,#view-editor .canvas-video-edit-options,#view-editor .canvas-video-edit-tool-settings { display: flex; align-items: center; gap: 24px; }
#view-editor .canvas-video-edit-heading { justify-content: space-between; margin-bottom: 24px; font-size: 38px; font-weight: 600; }
#view-editor .canvas-video-edit-heading button { font-size: 30px; font-weight: 400; }
#view-editor .canvas-video-edit-tools { display: flex; flex-wrap: wrap; gap: 15px; }
#view-editor .canvas-video-edit-tool-settings { margin-top: 20px; }
#view-editor .canvas-video-edit-tool-settings label { display: flex; align-items: center; gap: 20px; white-space: nowrap; }
#view-editor .canvas-video-edit-tool-settings input[type=range] { width: 220px; }
#view-editor .canvas-video-edit-colors { display: flex; flex-shrink: 0; align-items: center; gap: 15px; padding: 6px; }
#view-editor .canvas-video-edit-colors .canvas-video-edit-color { width: 48px; height: 48px; min-height: 48px; padding: 0; border-radius: 50% !important; background: var(--annotation-color); }
#view-editor .canvas-video-edit-colors .canvas-video-edit-color[aria-pressed=true] { outline: 3px solid #aaa; outline-offset: 6px; }
#view-editor .canvas-video-edit-hint { margin: 24px 0; color: #aaa; font-size: 28px; line-height: 1.5; }
#view-editor .canvas-video-edit-selection { position: relative; height: 64px; margin: 10px 15px; border-radius: 10px; background: #2c2c2c; }
#view-editor .canvas-video-edit-selection-band { position: absolute; top: 6px; bottom: 6px; border-radius: 8px; background: #626262; pointer-events: none; }
#view-editor .canvas-video-edit-selection input[type=range] { position: absolute; inset: 0; width: 100%; height: 64px; margin: 0; padding: 0; border: 0; appearance: none; -webkit-appearance: none; background: transparent !important; box-shadow: none; pointer-events: none; }
#view-editor .canvas-video-edit-selection input[type=range]::-webkit-slider-runnable-track { height: 64px; border: 0; background: transparent; box-shadow: none; }
#view-editor .canvas-video-edit-selection input[type=range]::-webkit-slider-thumb { box-sizing: border-box; width: 30px; height: 64px; margin: 0; border: 0; border-radius: 8px; appearance: none; -webkit-appearance: none; background: #ddd; box-shadow: none; cursor: ew-resize; pointer-events: auto; }
#view-editor .canvas-video-edit-trim { margin-top: 20px; flex-wrap: wrap; }
#view-editor .canvas-video-edit-trim label { white-space: nowrap; }
#view-editor .canvas-video-edit-trim input { width: 170px; padding: 14px; }
#view-editor .canvas-video-edit-trim > span { margin-left: auto; color: #aaa; }
#view-editor .canvas-video-edit-scrub { margin: 24px 0; }
#view-editor .canvas-video-edit-scrub .canvas-video-edit-play { display: grid; place-items: center; width: 64px; height: 64px; padding: 0; flex-shrink: 0; }
#view-editor .canvas-video-edit-scrub input { flex: 1; min-width: 100px; accent-color: #b3b3b3; }
#view-editor .canvas-video-edit-scrub > span { min-width: 135px; text-align: right; font-variant-numeric: tabular-nums; color: #aaa; }
#view-editor .canvas-video-edit-frame-row { margin-bottom: 24px; align-items: flex-start; }
#view-editor .canvas-video-edit-frames { display: flex; gap: 10px; flex: 1; flex-wrap: wrap; }
#view-editor .canvas-video-edit-frames button.outside { opacity: .4; }
#view-editor .canvas-video-edit-panel textarea { display: block; width: 100%; min-height: 210px; padding: 20px 24px; resize: vertical; border-radius: 24px !important; font-size: 57px; line-height: 1.2; }
#view-editor .canvas-video-edit-options { margin-top: 24px; flex-wrap: wrap; justify-content: space-between; }
#view-editor .canvas-video-edit-model { position: relative; max-width: 100%; }
#view-editor .canvas-video-edit-model > button { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
#view-editor .canvas-video-edit-model-menu { position: absolute; bottom: calc(100% + 15px); left: 0; z-index: 40; min-width: 700px; max-width: 1500px; padding: 16px; border-radius: 24px; background: #202020; box-shadow: 0 12px 30px #0006; }
#view-editor .canvas-video-edit-model-menu button { display: flex; align-items: center; gap: 20px; width: 100%; background: transparent; text-align: left; }
#view-editor .canvas-video-edit-model-menu button span:nth-child(2) { flex: 1; }
#view-editor .canvas-video-edit-resolutions { display: flex; gap: 12px; }
#view-editor .canvas-video-edit-quote { margin-top: 24px; color: #bbb; line-height: 1.6; font-size: 28px; overflow-wrap: anywhere; }
#view-editor .canvas-video-edit-error { color: #e7b1a7; line-height: 1.5; font-size: 30px; }
#view-editor .canvas-video-edit-error:not(:empty) { margin-top: 18px; }
#view-editor .canvas-video-edit-footer { justify-content: space-between; margin-top: 24px; }
#view-editor .canvas-video-edit-footer > span { color: #888; font-size: 28px; }
#view-editor .canvas-video-edit-submit { display: flex; align-items: center; gap: 24px; }
#view-editor [data-ve-charge] { color: #ddd; font-variant-numeric: tabular-nums; }
#view-editor .canvas-video-edit-footer .canvas-video-edit-generate { background: #dedede; color: #202020; font-weight: 600; }
#view-editor .canvas-video-edit-overlay { position: absolute; z-index: 3; display: block; touch-action: none; cursor: crosshair; }
#view-editor .canvas-video-edit-overlay.is-preview { pointer-events: none; }
#view-editor .canvas-video-node .canvas-video-edit-inline-text { position: absolute; z-index: 6; box-sizing: border-box; height: auto; margin: 0; padding: 4px; border: 0; border-radius: 4px !important; background: #202020 !important; color: var(--annotation-color) !important; caret-color: var(--annotation-color) !important; font-family: sans-serif; line-height: 1.5; outline: 1px solid #aaa; outline-offset: 0; user-select: text; cursor: text; }
#view-editor .canvas-video-edit-result-spec { margin-top: 15px; color: #aaa; }
#view-editor .canvas-video-edit-result p { margin: 18px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
#view-editor .canvas-video-node.is-video-editing > .canvas-image-node-composer,
#view-editor .canvas-video-node.is-video-edit-result > .canvas-image-node-composer { display: none; }
#view-editor .canvas-video-node.is-video-editing .canvas-video-control-bar { z-index: 5; opacity: 1; visibility: visible; pointer-events: auto; }