.flexlayout__layout{--color-text: black;--color-background: white;--color-base: white;--color-1: rgb(247.35, 247.35, 247.35);--color-2: rgb(239.7, 239.7, 239.7);--color-3: rgb(232.05, 232.05, 232.05);--color-4: rgb(224.4, 224.4, 224.4);--color-5: rgb(216.75, 216.75, 216.75);--color-6: rgb(209.1, 209.1, 209.1);--color-drag1: rgb(95, 134, 196);--color-drag2: rgb(119, 166, 119);--color-drag1-background: rgba(95, 134, 196, .1);--color-drag2-background: rgba(119, 166, 119, .075);--font-size: medium;--font-family: Roboto, Arial, sans-serif;--color-overflow: gray;--color-icon: gray;--color-tabset-background: var(--color-background);--color-tabset-background-selected: var(--color-1);--color-tabset-background-maximized: var(--color-2);--color-tabset-divider-line: var(--color-4);--color-tabset-header-background: var(--color-background);--color-tabset-header: var(--color-text);--color-border-tab-content: var(--color-background);--color-border-background: var(--color-background);--color-border-divider-line: var(--color-4);--color-tab-content: var(--color-background);--color-tab-selected: var(--color-text);--color-tab-selected-background: var(--color-4);--color-tab-unselected: gray;--color-tab-unselected-background: transparent;--color-tab-textbox: var(--color-text);--color-tab-textbox-background: var(--color-3);--color-border-tab-selected: var(--color-text);--color-border-tab-selected-background: var(--color-4);--color-border-tab-unselected: gray;--color-border-tab-unselected-background: var(--color-2);--color-splitter: var(--color-1);--color-splitter-hover: var(--color-4);--color-splitter-drag: var(--color-4);--color-drag-rect-border: #ccc;--color-drag-rect-background: var(--color-5);--color-drag-rect: var(--color-text);--color-popup-border: var(--color-6);--color-popup-unselected: var(--color-text);--color-popup-unselected-background: white;--color-popup-selected: var(--color-text);--color-popup-selected-background: var(--color-3);--color-edge-marker: #aaa;--color-edge-icon: #555;--color-mini-scroll-indicator: rgba(128, 128, 128, .5);--color-mini-scroll-indicator-hovered: rgba(128, 128, 128, .7);--size-mini-scroll-indicator: 3px;--color-toolbar-button-hover: var(--color-3)}.flexlayout__layout{left:0;top:0;right:0;bottom:0;position:absolute;display:flex;background-color:var(--color-background)}.flexlayout__layout_overlay{left:0;top:0;right:0;bottom:0;position:absolute;z-index:1000}.flexlayout__layout_tab_stamps{position:absolute;top:-10000px;z-index:100;display:flex;flex-direction:column;align-items:start}.flexlayout__layout_moveables{visibility:hidden;position:absolute;width:100px;height:100px;top:-20000px}.flexlayout__layout_main{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1;position:relative}.flexlayout__layout_border_container,.flexlayout__layout_border_container_inner{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1}.flexlayout__splitter{display:flex;align-items:center;justify-content:center;background-color:var(--color-splitter);touch-action:none;z-index:10}@media(hover:hover){.flexlayout__splitter:hover{background-color:var(--color-splitter-hover);transition:background-color ease-in .1s;transition-delay:.05s;border-radius:5px}}.flexlayout__splitter_drag{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:5px;background-color:var(--color-splitter-drag)}.flexlayout__splitter_handle{background-color:#ccc;border-radius:3px}.flexlayout__splitter_handle_horz{width:3px;height:30px}.flexlayout__splitter_handle_vert{width:30px;height:3px}.flexlayout__splitter_extra{touch-action:none;background-color:transparent}.flexlayout__outline_rect{position:absolute;pointer-events:none;box-sizing:border-box;border:2px solid var(--color-drag1);background:var(--color-drag1-background);border-radius:5px;z-index:1000}.flexlayout__outline_rect_edge{pointer-events:none;border:2px solid var(--color-drag2);background:var(--color-drag2-background);border-radius:5px;z-index:1000;box-sizing:border-box}.flexlayout__edge_rect{position:absolute;z-index:1000;background-color:var(--color-edge-marker);pointer-events:none;display:flex;align-items:center;justify-content:center}.flexlayout__drag_rect{color:var(--color-drag-rect);background-color:var(--color-drag-rect-background);border:2px solid var(--color-drag-rect-border);border-radius:5px;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;overflow:hidden;padding:.3em .8em;word-wrap:break-word;font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__row{display:flex;flex-basis:0px;min-width:0;min-height:0;position:relative;box-sizing:border-box;overflow:hidden}.flexlayout__tabset{display:flex;flex-direction:column;position:relative;background-color:var(--color-tabset-background);box-sizing:border-box;font-family:var(--font-family);overflow:hidden;flex-grow:1}.flexlayout__tabset_container{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-direction:column;overflow:hidden;flex-grow:1}.flexlayout__tabset_tab_divider{width:4px}.flexlayout__tabset_content{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1;box-sizing:border-box;position:relative}.flexlayout__tabset_leading{display:flex}.flexlayout__tabset_header{display:flex;align-items:center;padding:3px 3px 3px 5px;box-sizing:border-box;border-bottom:1px solid var(--color-tabset-divider-line);color:var(--color-tabset-header);background-color:var(--color-tabset-header-background);font-size:var(--font-size)}.flexlayout__tabset_header_content{flex-grow:1}.flexlayout__tabset_tabbar_outer{box-sizing:border-box;background-color:var(--color-tabset-background);overflow:hidden;display:flex;font-size:var(--font-size)}.flexlayout__tabset_tabbar_outer_top{padding:0 2px;border-bottom:1px solid var(--color-tabset-divider-line)}.flexlayout__tabset_tabbar_outer_bottom{padding:0 2px;border-top:1px solid var(--color-tabset-divider-line)}.flexlayout__tabset_tabbar_inner{position:relative;box-sizing:border-box;display:flex;flex-grow:1;scrollbar-width:none}.flexlayout__tabset_tabbar_inner::-webkit-scrollbar{display:none}.flexlayout__tabset_tabbar_inner_tab_container{position:relative;display:flex;padding-left:4px;padding-right:4px;box-sizing:border-box;white-space:nowrap}.flexlayout__tabset_tabbar_inner_tab_container_top{border-top:2px solid transparent}.flexlayout__tabset_tabbar_inner_tab_container_bottom{border-bottom:2px solid transparent}.flexlayout__tabset-selected{background-color:var(--color-tabset-background-selected)}.flexlayout__tabset-maximized{background-color:var(--color-tabset-background-maximized)}.flexlayout__tab_button_stamp{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;box-sizing:border-box}.flexlayout__tab{overflow:hidden;box-sizing:border-box;background-color:var(--color-tab-content);color:var(--color-text);position:relative}.flexlayout__tab_moveable{position:relative;height:100%;min-width:1px;min-height:1px;overflow:auto;box-sizing:border-box}.flexlayout__tab_overlay{z-index:20;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000003d}.flexlayout__tab_button{display:flex;gap:.3em;align-items:center;box-sizing:border-box;padding:3px .5em;cursor:pointer}.flexlayout__tab_button_stretch{background-color:transparent;color:var(--color-tab-selected);width:100%;padding:3px 0;text-wrap:nowrap;display:flex;gap:.3em;align-items:center;box-sizing:border-box;cursor:pointer}@media(hover:hover){.flexlayout__tab_button_stretch:hover{color:var(--color-tab-selected)}}.flexlayout__tab_button--selected{background-color:var(--color-tab-selected-background);color:var(--color-tab-selected)}@media(hover:hover){.flexlayout__tab_button:hover{color:var(--color-tab-selected)}}.flexlayout__tab_button--unselected{background-color:var(--color-tab-unselected-background);color:var(--color-tab-unselected)}.flexlayout__tab_button_leading{display:flex}.flexlayout__tab_button_content{display:flex;text-wrap:nowrap}.flexlayout__tab_button_textbox{border:none;font-family:var(--font-family);font-size:var(--font-size);color:var(--color-tab-textbox);background-color:var(--color-tab-textbox-background);border:1px inset var(--color-1);border-radius:3px;width:10em}.flexlayout__tab_button_textbox:focus{outline:none}.flexlayout__tab_button_trailing{display:flex;visibility:hidden;border-radius:4px}.flexlayout__tab_button_trailing:hover{background-color:var(--color-toolbar-button-hover)}@media(hover:hover){.flexlayout__tab_button:hover .flexlayout__tab_button_trailing{visibility:visible}}.flexlayout__tab_button--selected .flexlayout__tab_button_trailing{visibility:visible}.flexlayout__tab_button_overflow{display:flex;align-items:center;border:none;color:var(--color-overflow);font-size:inherit;background-color:transparent;width:2em;overflow:hidden}.flexlayout__tab_toolbar{display:flex;align-items:center;gap:.3em;padding-left:.5em;padding-right:.3em}.flexlayout__tab_toolbar_icon{border:none;outline:none;font-size:inherit;margin:0;background-color:transparent;padding:1px}.flexlayout__tab_toolbar_button{border:none;outline:none;font-size:inherit;margin:0;background-color:transparent;border-radius:4px;padding:1px}@media(hover:hover){.flexlayout__tab_toolbar_button:hover{background-color:var(--color-toolbar-button-hover)}}.flexlayout__tab_toolbar_sticky_buttons_container{display:flex;gap:.3em;padding-left:5px;align-items:center}.flexlayout__border{box-sizing:border-box;overflow:hidden;display:flex;font-size:var(--font-size);font-family:var(--font-family);color:var(--color-border);background-color:var(--color-border-background)}.flexlayout__border_tab_contents{box-sizing:border-box;overflow:hidden;background-color:var(--color-border-tab-content)}.flexlayout__border_leading{display:flex}.flexlayout__border_top{border-bottom:1px solid var(--color-border-divider-line);align-items:center}.flexlayout__border_bottom{border-top:1px solid var(--color-border-divider-line);align-items:center}.flexlayout__border_left{border-right:1px solid var(--color-border-divider-line);align-content:center;flex-direction:column}.flexlayout__border_right{border-left:1px solid var(--color-border-divider-line);align-content:center;flex-direction:column}.flexlayout__border_inner{position:relative;box-sizing:border-box;align-items:center;display:flex;flex-grow:1;scrollbar-width:none}.flexlayout__border_inner::-webkit-scrollbar{display:none}.flexlayout__border_inner_tab_container{white-space:nowrap;display:flex;padding-left:2px;padding-right:2px;box-sizing:border-box;position:absolute}.flexlayout__border_inner_tab_container_right{transform-origin:top left;transform:rotate(90deg)}.flexlayout__border_inner_tab_container_left{flex-direction:row-reverse;transform-origin:top right;transform:rotate(-90deg)}.flexlayout__border_tab_divider{width:4px}.flexlayout__border_button{display:flex;gap:.3em;align-items:center;cursor:pointer;padding:3px .5em;margin:2px 0;box-sizing:border-box;white-space:nowrap}.flexlayout__border_button--selected{background-color:var(--color-border-tab-selected-background);color:var(--color-border-tab-selected)}@media(hover:hover){.flexlayout__border_button:hover{color:var(--color-border-tab-selected)}}.flexlayout__border_button--unselected{background-color:var(--color-border-tab-unselected-background);color:var(--color-border-tab-unselected)}.flexlayout__border_button_leading,.flexlayout__border_button_content{display:flex}.flexlayout__border_button_trailing{display:flex;border-radius:4px;visibility:hidden}@media(hover:hover){.flexlayout__border_button:hover .flexlayout__border_button_trailing{visibility:visible}}.flexlayout__border_button--selected .flexlayout__border_button_trailing{visibility:visible}.flexlayout__border_toolbar{display:flex;gap:.3em;align-items:center}.flexlayout__border_toolbar_left,.flexlayout__border_toolbar_right{flex-direction:column;padding-top:.5em;padding-bottom:.3em}.flexlayout__border_toolbar_top,.flexlayout__border_toolbar_bottom{padding-left:.5em;padding-right:.3em}.flexlayout__border_toolbar_button{border:none;outline:none;font-size:inherit;background-color:transparent;border-radius:4px;padding:1px}@media(hover:hover){.flexlayout__border_toolbar_button:hover{background-color:var(--color-toolbar-button-hover)}}.flexlayout__border_toolbar_button_overflow{display:flex;align-items:center;border:none;color:var(--color-overflow);font-size:inherit;background-color:transparent;width:1.5em}.flexlayout__popup_menu{font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__popup_menu_item{padding:2px .5em;white-space:nowrap;cursor:pointer;border-radius:2px}.flexlayout__popup_menu_item--selected{font-weight:500;background-color:var(--color-tab-selected-background);color:var(--color-tab-selected)}@media(hover:hover){.flexlayout__popup_menu_item:hover{background-color:var(--color-6)}}.flexlayout__popup_menu_container{box-shadow:inset 0 0 5px #00000026;border:1px solid var(--color-popup-border);color:var(--color-popup-unselected);background:var(--color-popup-unselected-background);border-radius:3px;position:absolute;z-index:1000;max-height:50%;min-width:100px;overflow:auto;padding:2px}.flexlayout__floating_window _body{height:100%}.flexlayout__floating_window_content{left:0;top:0;right:0;bottom:0;position:absolute}.flexlayout__error_boundary_container{left:0;top:0;right:0;bottom:0;position:absolute;display:flex;justify-content:center}.flexlayout__error_boundary_content{display:flex;align-items:center}.flexlayout__border_sizer{position:absolute;top:-30000px;padding-top:6px;padding-bottom:5px;font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__mini_scrollbar{position:absolute;background-color:var(--color-mini-scroll-indicator);border-radius:5px;width:var(--size-mini-scroll-indicator);height:var(--size-mini-scroll-indicator);visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.flexlayout__mini_scrollbar:hover{background-color:var(--color-mini-scroll-indicator-hovered);transition:background-color .3s ease-in-out}.flexlayout__mini_scrollbar_container{position:relative;display:flex;flex-grow:1;overflow:hidden}@media(hover:hover){.flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar{opacity:1;visibility:visible}}:root{font-family:Arial,Helvetica,sans-serif;color:#22313a;background:#f4f6f8;font-synthesis:none;--accent:#087f8c;--line:#d6dfe5;--muted:#687883}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;font-size:12px}button,a,input{outline-offset:3px}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:6px 11px;border:1px solid transparent;background:transparent;color:inherit;border-radius:5px;cursor:pointer;white-space:nowrap}button:hover{background:#e4eaee}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button:disabled{opacity:.38;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:#076e79}button svg{flex-shrink:0}input{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;background:#fff;padding:10px;color:inherit}input:focus{outline:2px solid #2699a7;outline-offset:0}input[type=range]{padding:0;accent-color:var(--accent);width:105px;height:18px}a{color:inherit;text-decoration:none}.grow{flex:1;min-width:0}.divider{width:1px;height:22px;background:var(--line);margin:0 9px;flex-shrink:0}.app{height:100dvh;display:flex;flex-direction:column;min-height:560px}.app-header{min-height:48px;display:flex;align-items:center;gap:5px;padding:5px 16px;border-bottom:1px solid var(--line);background:#f4f6f8;flex-shrink:0}.brand{font-size:20px;font-weight:700;white-space:nowrap;letter-spacing:-.6px}.brand span{color:var(--accent)}.project-name{background:transparent;border-color:transparent;width:230px;padding:7px;font-weight:600;font-size:13px}.project-name:focus,.project-name:hover{border-color:var(--line)}.save-state{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;white-space:nowrap;margin-left:14px}.workspace{position:relative;flex:1;min-height:0}.app-footer{height:25px;min-height:25px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 16px;font-size:11px;color:#5f6e78;background:#f4f6f8}.app-footer>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%}.error-banner{background:#fff0ee;color:#973629;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.error-banner button{color:#973629}.flexlayout__layout{--color-text:#22313a;--color-background:#f4f6f8;--color-base:#fff;--color-1:#f4f6f8;--color-2:#d6dfe5;--color-3:#d6dfe5;--color-4:#c8d1d7;--color-5:#eef2f5;--color-6:#d6dfe5;font-size:12px}.flexlayout__tabset{border-radius:0;background:#fff}.flexlayout__tab{background:#f8fafb;overflow:hidden}.flexlayout__tabset_tabbar_outer{background:#f4f6f8;border-bottom:1px solid var(--line);height:32px}.flexlayout__tab_button{padding:7px 12px;font-size:12px;font-weight:600;background:transparent!important;border:0;border-radius:0}.flexlayout__tab_button--selected{color:#183741;border-bottom:2px solid var(--accent)}.flexlayout__splitter{background:#dce3e8}.flexlayout__splitter:hover{background:#90bdc3}.flexlayout__tab_toolbar_button{padding:0;width:23px;min-height:23px}.flexlayout__tabset-selected{background:#f4f6f8}.bin{height:100%;display:flex;flex-direction:column;background:#f4f6f8}.bin-search{display:flex;align-items:center;gap:7px;padding:10px;border-bottom:1px solid var(--line);color:var(--muted)}.bin-search input{padding:7px;background:#f9fbfc}.bin-search button{padding:6px}.source-list{overflow:auto;flex:1;padding:10px}.source-pair{border:1px solid transparent;border-radius:5px;margin-bottom:10px;padding:5px;background:#eef2f5}.source-pair.active{border-color:#95bfc6;background:#e7f1f3}.source-select{width:100%;align-items:flex-start;text-align:left;padding:4px;white-space:normal;justify-content:flex-start;gap:10px}.source-select>img,.pair-preview{width:78px;height:54px;object-fit:cover;flex-shrink:0;border-radius:3px}.pair-preview{display:flex;align-items:center;justify-content:center;background:#dce5e9;color:#748994}.source-select>span:last-child{min-width:0}.source-select strong{display:block;font-size:12px;overflow-wrap:anywhere;padding:2px 0 6px}.source-select small{display:flex;align-items:center;gap:3px;font-size:10px;color:#637784;margin:3px 0}.text-action{font-size:11px;color:var(--accent);min-height:25px;padding:3px 5px}.bin-empty{display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center;color:#687d87;padding:32px 10px;font-size:13px}.clip-inspector{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:7px;font-size:11px;overflow:auto;max-height:48%}.clip-inspector strong{overflow-wrap:anywhere;font-size:12px}.clip-inspector>span{font-variant-numeric:tabular-nums;color:var(--muted)}.clip-inspector button{justify-content:flex-start;padding:4px 0;color:var(--accent)}.clip-inspector label{display:flex;justify-content:space-between;align-items:center;gap:10px}.clip-inspector input{width:100px;padding:5px}.monitor{height:100%;display:flex;flex-direction:column;background:#0b1014;color:#e6ecef}.monitor-toolbar{display:flex;align-items:center;min-height:34px;padding:0 12px;background:#f4f6f8;color:#203039;gap:14px}.segmented{display:flex;height:34px}.segmented button{border-radius:0;font-size:12px;min-width:65px}.segmented .active{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:600}.monitor-title{flex:1;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:120px}.screen{flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#080c0f}.screen video{width:100%;height:100%;object-fit:contain}.monitor-empty{display:flex;flex-direction:column;align-items:center;gap:14px;color:#9aaab4;text-align:center;padding:20px}.monitor-empty strong{font-size:15px;font-weight:500;color:#d4dfe6}.monitor-empty span{font-size:12px;max-width:280px;line-height:1.6}.transport{height:47px;min-height:47px;display:flex;align-items:center;gap:9px;padding:0 16px;border-top:1px solid #273139;background:#12191e}.transport button:hover{background:#26363f}.transport .play{width:42px}.timecode{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.timecode b{color:#3dbac5;font-weight:600}.timecode span{color:#a1adb4}.loading-media{position:absolute;top:12px;right:12px;padding:6px 10px;background:#101820d9;border-radius:4px;font-size:11px}.media-error{position:absolute;left:20px;right:20px;bottom:16px;background:#411b1eea;color:#ffd5d5;padding:10px 12px;font-size:12px;line-height:1.5;border-radius:4px}.timeline{height:100%;display:flex;flex-direction:column;min-height:0;background:#f4f6f8}.timeline-options{height:29px;min-height:29px;display:flex;align-items:center;gap:5px;padding:1px 12px;font-size:11px;color:#677782}.timeline-options>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-options button{min-height:24px;padding:3px}.timeline-scroll{overflow:auto;flex:1;position:relative;min-height:68px;scrollbar-width:thin;scrollbar-color:#afbfc7 #eef2f5}.timeline-track{position:relative;height:100%;min-height:86px;background:#f0f4f7}.ruler{height:24px;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto}.ruler span{position:absolute;top:0;border-left:1px solid #b8c5cc;padding:4px 0 4px 5px;min-height:24px;font-size:10px;color:#6a7c87;white-space:nowrap}.timeline-clip{position:absolute;top:33px;bottom:10px;min-height:40px;display:flex;align-items:stretch;overflow:hidden;border:1px solid #9ebcc4;background:#d9eef1;border-radius:4px;cursor:grab;-webkit-user-select:none;user-select:none}.timeline-clip>img{width:78px;object-fit:cover;flex-shrink:0;pointer-events:none}.clip-art{display:flex;align-items:center;justify-content:center;width:28px;min-width:12px;color:#789ca4;background:#c7e1e6}.clip-copy{padding:7px;display:flex;flex-direction:column;gap:6px;overflow:hidden;font-size:10px;min-width:0}.clip-copy strong{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-copy>span{white-space:nowrap;font-variant-numeric:tabular-nums}.timeline-clip.used{background:#dce2e6;border-color:#b8c1c8;color:#62717b}.timeline-clip.used>img{filter:grayscale(1);opacity:.55}.timeline-clip.used .clip-art{background:#cdd6dc;color:#8d9aa2}.timeline-clip.selected{border:2px solid #078491;box-shadow:0 0 0 1px #b3e1e6}.timeline-clip:hover{border-color:#408d99}.usage{position:absolute;top:3px;left:3px;display:flex;gap:2px;background:#5c707a;color:#fff;font-size:9px;padding:2px;border-radius:3px}.clip-add{position:absolute;right:2px;bottom:2px;background:#f3f9faed;min-height:20px;padding:2px 3px;opacity:0}.timeline-clip:hover .clip-add,.timeline-clip:focus-within .clip-add{opacity:1}.trim-handle{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;background:#12839035}.trim-handle:hover{background:#087f8c}.trim-handle.start{left:0}.trim-handle.end{right:0}.playhead,.drop-line{position:absolute;top:17px;bottom:0;width:1px;background:#067f8c;pointer-events:none;z-index:5}.playhead:before{content:"";position:absolute;width:9px;height:9px;background:#087f8c;left:-4px;top:0;border-radius:2px}.drop-line{background:#008496;width:3px;top:25px;z-index:8}.timeline-empty{position:absolute;left:22px;top:46px;right:22px;padding:10px;border:1px dashed #c0ccd4;border-radius:4px;color:#81919b;font-size:12px}.cut-panel{display:flex;flex-direction:column;height:100%}.cut-panel>.timeline{flex:1;min-height:90px}.cut-tools{display:flex;align-items:center;gap:3px;padding:4px 8px;min-height:40px;border-top:1px solid var(--line);background:#f4f6f8}.cut-tools button{font-size:11px;padding:5px 8px;min-height:29px}.cut-tools .divider{margin:0 4px}.switch{width:25px;height:14px;border-radius:12px;background:#acb7bd;position:relative;display:inline-block}.switch:after{content:"";position:absolute;width:10px;height:10px;top:2px;left:2px;background:#fff;border-radius:50%}.toggled .switch{background:#087f8c}.toggled .switch:after{left:13px}.welcome{flex:1;overflow:auto;display:flex;justify-content:center;padding:7vh 24px;background:#f4f6f8}.welcome>div{width:480px;max-width:100%}.welcome-icon{color:var(--accent);display:inline-flex;padding:13px;border:1px solid #b7cfd5;border-radius:12px;background:#edf7f8}.welcome h1{font-size:28px;font-weight:600;letter-spacing:-.7px;margin:24px 0 12px}.welcome p{font-size:14px;color:#71818c;line-height:1.6}.welcome form{margin-top:24px;display:flex;gap:10px;align-items:flex-end}.welcome label{flex:1;font-size:12px;display:flex;flex-direction:column;gap:8px}.welcome form button{min-height:37px;border-color:var(--line)}.open-link{border-top:1px solid var(--line);padding-top:24px}.recent{margin-top:35px}.recent h2{font-size:13px;color:var(--muted);font-weight:500}.recent a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.recent a svg:last-child{margin-left:auto}.modal{width:500px;max-width:calc(100vw - 24px);border:1px solid var(--line);border-radius:12px;padding:25px;color:#22313a;box-shadow:0 24px 80px #0b1f3340}.modal::backdrop{background:#101c2999}.modal header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:23px}.modal header button{padding:4px}.modal h2{font-size:20px;margin:0 0 8px}.modal p{color:#6b7d86;font-size:13px;line-height:1.6;margin:0}.modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:15px 0}.modal .file-field{flex-direction:row;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#f4f7f9}.file-field>span{flex:1;min-width:0}.file-field input{font-size:11px;background:transparent;border:0;padding:8px 0 0}.label-icon{display:flex;align-items:center;gap:6px}.or{text-align:center;color:#88959d;font-size:12px}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.modal footer button{padding:9px 15px;min-height:37px}.modal .error{background:#fff1ef;color:#9b3b2e;padding:10px;border-radius:5px;margin-top:13px}.upload-progress{display:flex;align-items:center;gap:10px;font-size:12px}.upload-progress progress{flex:1;accent-color:var(--accent)}@media(max-width:1100px){.save-state{display:none}.project-name{width:180px}.app-header{padding:6px 10px}.app-header .divider{margin:0 4px}.cut-tools{gap:0}.cut-tools button{padding:5px}.source-select{flex-wrap:wrap}.source-select>img,.pair-preview{width:100%;height:70px}.monitor-title{padding-right:20px}}@media(max-width:700px){.app{min-height:720px}.app-header{flex-wrap:wrap;min-height:85px}.brand{font-size:18px}.project-name{width:calc(100% - 145px)}.app-header>.grow{flex-basis:0}.app-header>button{padding:5px 7px}.app-header>button span{font-size:11px}.workspace .flexlayout__layout{min-width:0}.cut-tools{flex-wrap:wrap}.cut-tools .grow{display:none}.transport{padding:0 8px;gap:1px}.timecode{font-size:10px}.monitor-title{display:none}.timeline-options{padding:2px 5px}.timeline-options input{width:65px}.welcome{padding-top:30px}.welcome h1{font-size:25px}.app-footer{font-size:10px;padding:0 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.sequence-name-action{max-width:320px;color:#24414e}.sequence-name-action>span{color:var(--muted)}.sequence-name-action>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-pair-actions{display:flex;justify-content:space-between;align-items:center}.cut-states-dialog{width:740px;padding:25px}.cut-state-list{max-height:55vh;overflow-y:auto;margin:20px -5px 0;padding:0 5px}.cut-state{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.cut-state:last-child{border-bottom:0}.state-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#e6f2f4;color:var(--accent);border-radius:9px;flex-shrink:0}.state-symbol.backup{background:#edf0f3;color:#667987}.state-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:160px}.state-copy>strong{font-size:14px;overflow-wrap:anywhere;line-height:1.4}.state-sequence{font-size:12px;color:#596f7b;overflow-wrap:anywhere}.state-copy small{font-size:11px;color:#768894;line-height:1.5}.state-actions{display:flex;gap:3px;align-items:center}.state-actions>button{padding:6px;color:#6a7e89}.state-actions .state-open{border-color:#b7ced5;color:var(--accent);padding:7px 10px;margin-right:4px}.state-actions>button:last-child:hover{color:#a5333c;background:#fff0f1}.state-rename{display:flex;gap:4px}.state-rename input{padding:7px}.state-rename button{padding:3px}.state-delete-confirm{flex-basis:100%;background:#fff2f2;padding:13px;border:1px solid #edc9cc;border-radius:6px;display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.state-delete-confirm p{flex-basis:100%;color:#783b40}.danger{background:#ac3943;color:#fff}.danger:hover{background:#942d35}.states-empty{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:40px 12px;color:#78909c}.states-empty strong{font-size:15px;color:#425965}.states-empty span{font-size:13px}.cut-states-dialog footer{align-items:center}.cut-states-dialog footer>span{font-size:11px;color:var(--muted);margin-right:auto}.cut-name-dialog h2{line-height:1.4}.cut-name-dialog header{align-items:center}.cut-name-dialog header h2{margin:0}@media(max-width:600px){.cut-states-dialog{padding:18px}.cut-state{gap:10px}.state-actions{margin-left:52px;flex-basis:100%}.state-copy{min-width:170px}.sequence-name-action{max-width:100%}.media-actions .divider{display:none}.cut-state-list{max-height:52vh}}.ruler,.playhead-grip,.trim-handle{touch-action:none}.ruler{cursor:ew-resize;-webkit-user-select:none;user-select:none}.playhead-grip{pointer-events:auto;position:absolute;top:-7px;left:-8px;width:17px;height:21px;cursor:ew-resize}.timeline-range{position:absolute;top:24px;bottom:0;background:#16a4b32e;border-block:2px solid #198e9b66;pointer-events:none;z-index:3}.range-marker{position:absolute;top:2px;bottom:0;width:1px;background:#b37522;z-index:4;pointer-events:none}.range-marker span{position:absolute;top:0;background:#966018;color:#fff;font-size:9px;font-weight:700;padding:2px 4px;border-radius:2px}.range-marker.in span{left:0}.range-marker.out span{right:0}.edit-toolbar{flex-shrink:0;max-height:60%;overflow-y:auto}.cut-tools{flex-wrap:wrap}.range-tools{background:#edf3f5;gap:5px}.mark-icon{font-size:18px;font-weight:700;line-height:14px;color:var(--accent)}.mark-set{background:#daedef}.range-readout{display:flex;gap:9px;align-items:center;font-size:10px;font-variant-numeric:tabular-nums;color:#46616d;white-space:nowrap}.range-readout>span{color:#8a9ba4}.range-delete{color:#9c343b;background:#f9e8e9}.mobile-cut{min-height:380px}.mobile-cut .edit-toolbar{max-height:none}.mobile-cut .timeline{min-height:110px}.media-actions{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 14px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);flex-wrap:wrap}.media-actions button{font-size:11px;min-height:27px;padding:3px 7px}.job-error{color:#a03535}.preview-download{display:flex;align-items:center;gap:9px;margin-top:22px;padding:13px;background:#edf7f8;border-radius:6px;color:var(--accent);font-size:13px}.mobile-workspace{overflow:auto}.mobile-panel{display:flex;flex-direction:column;min-height:0}.mobile-panel>h2{margin:0;padding:9px 12px;border-bottom:1px solid var(--line);font-size:12px;background:#edf2f5}.mobile-panel>.monitor,.mobile-panel>.timeline,.mobile-panel>.cut-panel{flex:1;height:auto;min-height:0}.mobile-bin{max-height:260px}.mobile-bin .bin{max-height:224px}.mobile-bin .source-list{min-height:100px}.mobile-bin .source-select{flex-wrap:nowrap}.mobile-bin .source-select>img,.mobile-bin .pair-preview{width:78px;height:54px}.mobile-bin .clip-inspector{display:none}.mobile-monitor{height:310px}.mobile-source{height:190px}.mobile-cut{height:240px}.edit-clip{touch-action:none}.edit-clip.moving{cursor:grabbing;box-shadow:0 4px 14px #163d4550;z-index:6}.move-blocked{position:absolute;top:33px;bottom:10px;min-height:40px;border:2px dashed #b54049;border-radius:4px;background:#fde7e8bb;color:#8b2b33;padding:8px;font-size:11px;pointer-events:none;z-index:7;overflow:hidden}.transport-shuttle{display:flex;align-items:center;gap:2px;flex-shrink:0}.transport-shuttle button{width:34px;padding:5px}.transport-shuttle .play{width:34px}.transport-shuttle button[aria-pressed=true]{color:#55d2da;background:#22414b}.transport{flex-wrap:wrap;height:auto;min-height:47px;padding-block:5px;gap:5px}.transport .timecode{margin-right:6px}@media(max-width:700px){.transport{justify-content:center}.transport>.timecode{flex-basis:100%;text-align:center;margin:0}.transport>.grow{display:none}.transport-shuttle button,.transport-shuttle .play{width:34px}}.gap-screen{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;background:#080c0f}.buffer-track{position:absolute;top:23px;left:0;right:0;height:3px;pointer-events:none;z-index:2}.buffer-track>span{position:absolute;height:3px;background:#54a884}.buffer-status{font-size:10px;color:#8ec0ac;white-space:nowrap;order:5;margin-left:auto}@media(max-width:700px){.buffer-status{flex-basis:100%;text-align:center;order:6;margin:0}}.buffer-hold:not([hidden]){display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#080c0f;z-index:1}.gap-screen{z-index:2}.loading-media,.media-error{z-index:3}.app-header{position:relative;padding-right:58px}.editor-fullscreen{position:absolute;top:8px;right:16px;width:32px;min-height:32px;padding:6px;border-color:var(--line)}.editor-fullscreen[aria-pressed=true]{background:#daedef;color:var(--accent);border-color:#8ebbc3}@media(max-width:1100px){.app-header{padding-right:52px}.editor-fullscreen{right:10px}}