.video-composition{position:relative;aspect-ratio:1;background:white;margin:20px 0;overflow:hidden;box-shadow:0 12px 35px #102c6d12}.video-background svg{display:block;width:100%;height:100%}.video-window{position:absolute;left:67.777778%;top:28.518519%;width:32.222222%;height:63.888889%;overflow:hidden;background:#edf0f5;touch-action:none;cursor:grab}.video-window video{position:absolute;max-width:none;pointer-events:none}.video-empty{display:grid;place-content:center;height:100%;padding:15px;text-align:center;color:#53627a;font-size:14px}.video-controls{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.video-status{padding:14px;background:#eef3fb;border-radius:8px;white-space:pre-wrap}.video-editor fieldset{border:0;margin:0;padding:0;min-width:0}.video-editor input[type=range]{width:100%}.video-result{width:100%;max-height:520px;background:#102c6d}.video-help{font-size:14px;line-height:1.7;color:#617089}.video-foreground{position:absolute;inset:0;pointer-events:none}.video-composition .video-background{height:100%}.video-composition .video-background svg{height:100%;width:100%}.poster-video-preview{position:static}.video-design-art{margin:16px 0 32px;background:white;overflow:hidden}.video-design-art svg{display:block;width:100%;height:auto}.schedule-preview:has(.video-design-art){position:static}