.video-editor-shell{color:#ddd;background:#0c0c0d;flex-direction:column;min-height:calc(100vh - 56px);margin:-24px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.video-editor-shell ::-webkit-scrollbar{width:0;height:0;display:none}.video-editor-shell *{scrollbar-width:none;-ms-overflow-style:none}.editor-contextbar{background:#101011;border-bottom:1px solid #29292b;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.editor-contextbar strong{color:#eee;font-size:15px;display:block}.editor-contextbar span{color:#777;margin-top:2px;font-size:12px;display:block}.editor-context-actions{align-items:center;gap:10px;display:flex}.editor-context-actions .mode-toggle{background:#1b1b1d;border:1px solid #363638;border-radius:8px;gap:2px;padding:3px;display:flex}.editor-context-actions .history-buttons{gap:4px;display:flex}.editor-context-actions button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.editor-context-actions .export-button{color:#fff;background:#176b68;border:0;font-size:12px;font-weight:600}.editor-context-actions .export-button:hover:not(:disabled){background:#1a7a77}.editor-context-actions .export-button:disabled{opacity:.4;cursor:not-allowed}.editor-context-actions .mode-toggle button,.editor-context-actions .history-buttons button{color:#aaa;background:#1b1b1d;border:1px solid #363638}.editor-context-actions .mode-toggle button:hover:not(.active),.editor-context-actions .history-buttons button:hover:not(:disabled){color:#fff;background:#242426;border-color:#4a4a4d}.editor-context-actions .mode-toggle button.active{color:#fff;background:#176b68;border-color:#176b68}.editor-context-actions .history-buttons button{width:32px;padding:0}.editor-context-actions .delete-button{color:#f87171;background:0 0;border:1px solid #0000}.editor-context-actions .delete-button:hover{background:#f871711a;border-color:#f871714d}.editor-status{color:#888;cursor:help;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:140px;font-size:12px;display:flex;overflow:hidden}.timeline-toggle-btn{color:#aaa;cursor:pointer;background:#1b1b1d;border:1px solid #363638;border-radius:8px;height:36px;padding:0 12px;font-size:12px}.timeline-toggle-btn:hover{color:#fff;background:#2a2a2c}.editor-main{flex:1;grid-template-rows:1fr auto;grid-template-columns:56px 240px 1fr 280px;height:calc(100vh - 338px);min-height:0;display:grid}.editor-main:has(.shotstack-timeline-host--expanded){grid-template-rows:1fr 440px}.editor-top-row{display:contents}.editor-tools{scrollbar-width:none;background:#101011;border-right:1px solid #29292b;flex-direction:column;grid-area:1/1;align-items:center;gap:2px;min-height:0;padding:8px 4px;display:flex;overflow:hidden auto}.editor-tools::-webkit-scrollbar{display:none}.tools-label{display:none}.tool-item{color:#bcbabd;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:48px;padding:8px 2px;font-size:9px;line-height:1.1;display:flex}.tool-item b{text-align:center;flex-shrink:0;width:24px;font-size:18px;font-weight:400}.tool-item span{font-size:9px;display:block}.tool-item.active{color:#fff;background:#202021}.tool-item:hover:not(.active):not(:disabled){color:#eee;background:#1a1a1c}.tool-item:disabled{opacity:.4;cursor:not-allowed}.asset-panel{background:#101011;border-right:1px solid #29292b;flex-direction:column;grid-area:1/2;min-width:0;max-width:240px;min-height:0;display:flex;overflow:hidden}.asset-panel *{box-sizing:border-box;max-width:100%}.asset-panel ::-webkit-scrollbar{display:none}.asset-panel{scrollbar-width:none}.asset-tabs{border-bottom:1px solid #242426;flex-shrink:0;align-items:center;gap:8px;height:44px;padding:4px 8px;display:flex}.asset-tabs button{color:#aaa;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:12px}.asset-tabs .active{color:#fff;background:#171718;border:1px solid #29292b;border-radius:7px;padding:8px 10px}.asset-tabs-hint{color:#666;margin-left:auto;font-size:11px}.asset-controls{flex-shrink:0;gap:6px;padding:8px;display:flex;overflow:hidden}.asset-controls select,.asset-controls input{color:#ddd;background:#1b1b1d;border:1px solid #363638;border-radius:6px;flex:1;width:100%;min-width:0;padding:6px;font-size:12px}.asset-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:6px;padding:8px;display:grid;overflow-y:auto}.asset-card{color:#aaa;text-align:left;cursor:pointer;background:#1b1b1d;border:1px solid #29292b;border-radius:6px;overflow:hidden}.asset-card.selected{border:2px solid #c98a4b}.asset-card:disabled{cursor:not-allowed}.asset-unavailable{opacity:.45;filter:grayscale(.7)}.asset-card em{color:#d19a68;padding:0 5px 5px;font-size:10px;font-style:normal;display:block}.asset-thumb{background:#222;place-items:center;height:72px;display:grid}.asset-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.asset-card small{padding:5px;font-size:10px;display:block}.asset-card.preview-only{opacity:.75;border-style:dashed}.asset-card.preview-only small em{color:#c98a4b;margin-top:2px;font-size:9px;font-style:normal;display:block}.asset-thumb{position:relative}.preview-only-badge{color:#000;background:#c98a4b;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;top:4px;right:4px}.empty-assets{color:#59595b;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;font-size:12px;display:flex}.folder-icon{color:#242427;font-size:48px;position:relative}.folder-icon i{color:#ddd;font-size:18px;font-style:normal;position:absolute;bottom:12px;right:2px}.import-button{color:#eee;background:#1d1d1f;border:1px solid #303033;border-radius:7px;margin-top:12px;padding:8px 14px;font-size:12px}.audio-track-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.audio-row{background:#1b1b1d;border:1px solid #29292b;border-radius:6px;overflow:hidden}.audio-row--active{border-color:#c98a4b}.audio-row-header{align-items:center;gap:4px;padding:4px;display:flex}.audio-row-select{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;padding:6px 8px;font-size:12px;display:flex}.audio-row-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.audio-row-meta{color:#777;margin-left:6px;font-size:10px}.audio-row-play{color:#aaa;cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:12px}.audio-row-play:hover{color:#fff}.audio-add-btn{color:#fff;cursor:pointer;background:#176b68;border:0;border-radius:4px;padding:4px 8px;font-size:10px}.audio-add-btn:hover{background:#1a7a77}.audio-slices-area{border-top:1px solid #29292b;padding:6px 8px 8px}.audio-slices-label{text-transform:uppercase;color:#666;margin-bottom:4px;font-size:9px}.audio-slice-row{align-items:center;gap:4px;padding:2px 0;display:flex}.audio-slice-select{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:4px 6px;font-size:11px;display:flex}.audio-slice-row--active .audio-slice-select{color:#fff}.audio-slice-name{flex:1}.audio-slice-range{color:#666;font-size:10px}.audio-slice-badge{color:#4ade80;font-size:10px}.audio-no-slices{color:#666;font-size:11px}.preview-panel{background:#0a0a0b;flex-direction:column;grid-area:1/3;justify-content:center;align-items:center;min-width:0;padding:12px;display:flex;position:relative;overflow:hidden}.shotstack-editor-root{aspect-ratio:16/9;background:#000;border-radius:6px;flex-direction:column;width:100%;max-width:calc(177.8vh - 444.5px);max-height:100%;display:flex;overflow:hidden}.shotstack-canvas-host{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.shotstack-canvas-host canvas,.shotstack-canvas-host [data-shotstack-canvas],.shotstack-canvas-host>div{background:#000!important}.timeline-empty{color:#59595b;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.inspector-panel{background:#101011;border-left:1px solid #29292b;flex-direction:column;grid-area:1/4;min-height:0;display:flex;overflow:hidden}.ki-chat-panel{background:#101011;border-right:1px solid #29292b;flex-direction:column;grid-area:1/1/auto/3;min-height:0;display:flex;overflow:hidden}.ki-chat-header{color:#eee;border-bottom:1px solid #242426;flex-shrink:0;padding:12px 16px;font-size:13px;font-weight:600}.ki-chat-body{flex:1;padding:14px 16px;overflow-y:auto}.version-tree-panel{background:#101011;border-left:1px solid #29292b;flex-direction:column;grid-area:1/4;min-height:0;display:flex;overflow:hidden}.version-tree-header{color:#eee;border-bottom:1px solid #242426;flex-shrink:0;padding:12px 16px;font-size:13px;font-weight:600}.version-tree-body{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex;overflow-y:auto}.version-empty{color:#59595b;text-align:center;padding:40px 20px;font-size:12px}.version-item{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12px;display:flex}.version-item:hover{color:#ddd;background:#1b1b1d}.version-item.active{color:#fff;background:#1b1b1d;border-color:#176b68}.version-item-icon{flex-shrink:0}.version-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.version-item-time{color:#666;flex-shrink:0;font-family:monospace;font-size:10px}.editor-main--ki{grid-template-columns:320px 1fr 280px!important}.editor-main--ki .ki-chat-panel{grid-column:1}.editor-main--ki .preview-panel{grid-column:2}.editor-main--ki .version-tree-panel{grid-column:3}.inspector-tabs{border-bottom:1px solid #242426;flex-wrap:wrap;flex-shrink:0;gap:2px;padding:6px;display:flex}.inspector-tabs button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 8px;font-size:11px}.inspector-tabs button.active{color:#fff;background:#171718;border:1px solid #29292b}.inspector-body{flex-direction:column;flex:1;gap:14px;padding:12px;display:flex;overflow-y:auto}.inspector-empty{color:#59595b;text-align:center;padding:40px 20px;font-size:12px}.inspector-section{flex-direction:column;gap:8px;display:flex}.inspector-section-title{text-transform:uppercase;color:#666;letter-spacing:.5px;margin-bottom:2px;font-size:10px}.inspector-row{align-items:center;gap:8px;display:flex}.inspector-row label{color:#999;flex:1;font-size:11px}.inspector-row input[type=number],.inspector-row input[type=text],.inspector-row select{color:#ddd;background:#1b1b1d;border:1px solid #363638;border-radius:5px;width:70px;padding:5px 6px;font-size:11px}.inspector-row input[type=range]{flex:1;width:auto}.inspector-row .range-value{text-align:right;color:#888;width:36px;font-family:monospace;font-size:11px}.inspector-actions{border-top:1px solid #242426;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.inspector-actions button{color:#ccc;cursor:pointer;background:#1b1b1d;border:1px solid #363638;border-radius:6px;flex:1;min-width:65px;padding:7px 6px;font-size:11px}.inspector-actions button:hover:not(:disabled){color:#fff;background:#242426}.inspector-actions button:disabled{opacity:.4;cursor:not-allowed}.timeline-wrapper{grid-area:2/1/auto/-1;position:relative;overflow:hidden}.shotstack-timeline-host{background:#0a0a0a;border-top:1px solid #29292b;width:100%;height:280px;min-height:280px;position:relative;overflow:hidden}.shotstack-timeline-host--expanded{height:440px;min-height:440px}.ss-toolbar-btn.ss-custom-start,.ss-toolbar-btn.ss-custom-maximize{color:#999}.ss-toolbar-btn.ss-custom-start:hover,.ss-toolbar-btn.ss-custom-maximize:hover{color:#fff;background:#1b1b1d}.ss-toolbar-btn.ss-custom-start svg,.ss-toolbar-btn.ss-custom-maximize svg{display:block}.shotstack-timeline-host,.shotstack-timeline-host *{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.shotstack-timeline-host [class*=controls],.shotstack-timeline-host [class*=toolbar],.shotstack-timeline-host [class*=header]{color:#ccc!important;background:#0e0e0f!important;border-color:#29292b!important}.shotstack-timeline-host button{color:#aaa!important}.shotstack-timeline-host input[type=range]{accent-color:#c98a4b}.ss-clip-menu-trigger{display:none!important}.shotstack-timeline-host [class*=track],.shotstack-timeline-host [class*=lane],.shotstack-timeline-host [class*=clip]{background-color:#1b1b1d!important;border-color:#29292b!important}.shotstack-timeline-host [class*=ruler],.shotstack-timeline-host [class*=timeline]:not(button){color:#888!important;background:#0a0a0a!important}.timeline-toolbar{z-index:10;background:#0e0e0f;border-bottom:1px solid #242426;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute;top:0;left:0;right:0}.timeline-toolbar button{color:#aaa;cursor:pointer;background:0 0;border:1px solid #363638;border-radius:5px;padding:4px 8px;font-size:11px}.timeline-toolbar button:hover:not(:disabled){color:#fff;background:#1b1b1d}.timeline-toolbar button:disabled{opacity:.4;cursor:not-allowed}.timeline-toolbar .spacer{flex:1}.timeline-toolbar .time-display{color:#888;font-family:monospace;font-size:11px}.render-toast{z-index:100;color:#ccc;background:#1b1b1d;border:1px solid #363638;border-radius:8px;padding:10px 16px;font-size:12px;position:fixed;bottom:20px;right:20px}.render-toast.error{color:#fca5a5;background:#2a0e0e;border-color:#7f1d1d}.status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot--ready{background:#2dd4bf}.status-dot--loading{background:#c98a4b}.status-dot--idle{background:#555}.export-dialog-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-dialog{background:#141415;border:1px solid #29292b;border-radius:12px;width:380px;max-width:90vw;overflow:hidden}.export-dialog-title{color:#eee;border-bottom:1px solid #242426;padding:14px 18px;font-size:14px;font-weight:600}.export-dialog-body{flex-direction:column;gap:14px;padding:16px 18px;display:flex}.export-dialog-body select,.export-dialog-body input{color:#ddd;background:#1b1b1d;border:1px solid #363638;border-radius:6px;width:100%;padding:7px 8px;font-size:12px}.export-dialog-actions{border-top:1px solid #242426;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.export-dialog-actions .btn-secondary{color:#aaa;cursor:pointer;background:#1b1b1d;border:1px solid #363638;border-radius:7px;padding:8px 14px;font-size:12px}.export-dialog-actions .btn-secondary:hover{color:#fff;background:#242426}.export-dialog-actions .btn-primary{color:#fff;cursor:pointer;background:#176b68;border:0;border-radius:7px;padding:8px 18px;font-size:12px;font-weight:600}.export-dialog-actions .btn-primary:hover{background:#1a7a77}.ai-command-panel{flex-direction:column;gap:8px;display:flex}.ai-command-input{resize:vertical;color:#ddd;background:#0c0c0d;border:1px solid #2d3a3a;border-radius:8px;width:100%;min-height:110px;padding:10px 12px;font-family:inherit;font-size:12px;line-height:1.5}.ai-command-input:focus{border-color:#176b68;outline:none}.ai-command-input::placeholder{color:#555}.ai-command-input:disabled{opacity:.5}.ai-command-actions{justify-content:flex-end;display:flex}.ai-command-submit{color:#fff;cursor:pointer;background:#176b68;border:0;border-radius:7px;padding:8px 16px;font-size:12px;font-weight:600}.ai-command-submit:hover:not(:disabled){background:#1a7a77}.ai-command-submit:disabled{opacity:.45;cursor:not-allowed}.ai-command-message{color:#888;font-size:11px}.ai-action-preview{flex-direction:column;gap:6px;margin-top:4px;display:flex}.ai-action-row{background:#1b1b1d;border:1px solid #2d3a3a;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.ai-action-label{color:#ccc;flex:1;font-size:11px}.ai-action-apply{color:#fff;cursor:pointer;background:#176b68;border:0;border-radius:5px;padding:5px 10px;font-size:11px}.ai-action-apply:hover{background:#1a7a77}:root{--color-navy:#0a1f2e;--color-teal:#1a6b6b;--color-amber:#c98a4b}
