.video-editor{flex-direction:column;background:transparent;color:var(--text-primary);overflow-y:auto}.editor-content,.video-editor{width:100%;min-height:0;display:flex}.editor-content{flex:1}@media (min-width:769px){.editor-content{flex-direction:row}}@media (max-width:768px){.editor-content{flex-direction:column}.editor-left{width:100%;max-width:100%;border-right:none;border-bottom:1px solid var(--border-subtle)}.editor-right{width:100%}}.editor-left{width:400px;min-width:400px;max-width:400px;border-right:1px solid var(--border-subtle);flex-direction:column;gap:20px;background:var(--bg-surface);order:1;flex-shrink:0}.editor-left,.editor-right{padding:24px;overflow-y:auto;display:flex}.editor-right{flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg-preview);order:2;flex-grow:1}.upload-section h2{font-size:18px;margin-bottom:10px;color:#ffffff}.drop-zone{border:2px dashed #555;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;background:#1f1f1f;min-height:150px;display:flex;align-items:center;justify-content:center}.drop-zone:hover{border-color:#f59e0b;background:#252525}.drop-zone-content{color:#888}.preview-video{max-width:100%;max-height:200px;border-radius:4px}.settings-section{margin-top:10px}.settings-section h2{font-size:18px;margin-bottom:10px}.time-input{display:flex;flex-direction:column;gap:8px}.time-input label{font-size:14px;color:#ccc}.time-inputs{display:flex;align-items:center;gap:8px}.time-inputs input{width:80px;padding:8px;border:1px solid #555;border-radius:4px;background:#1f1f1f;color:#ffffff;font-size:16px;text-align:center}.time-inputs input:focus{outline:none;border-color:#f59e0b}.time-inputs span{font-size:18px;color:#888}.process-button{width:100%;padding:12px;background:#f59e0b;color:white;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s;margin-top:10px}.process-button:hover:not(:disabled){background:#d97706}.process-button:disabled{background:#555;cursor:not-allowed}.error-message{padding:12px;background:#f44336;color:white;border-radius:4px;margin-top:10px;font-size:14px}.editor-right h2{font-size:20px;margin-bottom:20px}.canvas-container{display:flex;flex-direction:column;align-items:center;gap:20px}#canvas{border:2px solid #f59e0b;border-radius:8px;background:#000;max-width:100%;max-height:80vh}.video-controls{display:flex;gap:10px}.video-controls button{padding:10px 20px;background:#f59e0b;color:white;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s}.video-controls button:hover{background:#d97706}.download-button{background:#2196F3!important}.download-button:hover{background:#1976D2!important}.download-button:disabled{background:#555!important;cursor:not-allowed}.download-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:1000}.download-modal-content{background:#1f1f1f;border:1px solid #333;border-radius:10px;padding:20px 24px;min-width:280px;text-align:center}.download-progress-bar{width:100%;height:8px;background:#333;border-radius:999px;overflow:hidden;margin-top:12px}.download-progress-fill{height:100%;background:#f59e0b;width:0;transition:width .2s ease}.video-editor.is-editor-workspace{height:100%;min-height:0;overflow:hidden;font-size:17px}.transition-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px 20px;border-bottom:1px solid #333;background:#1f1f1f;flex-shrink:0}.transition-toolbar .video-controls{display:flex;gap:10px}.change-image-button,.transition-toolbar .download-button,.transition-toolbar .video-controls button{padding:10px 16px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer}.transition-toolbar .video-controls button{border:none;background:#f59e0b;color:#fff}.change-image-button{border:1px solid #555;background:#1f1f1f;color:#ddd}.change-image-button:hover{border-color:#f59e0b;color:#fff}.transition-toolbar .download-button{border:none;background:#2196F3;color:#fff}.transition-toolbar .download-button:disabled{background:#555;cursor:not-allowed}.editor-content--workspace{flex:1;min-height:0;overflow:hidden}.video-editor.is-editor-workspace .editor-left--workspace{width:360px;min-width:360px;max-width:360px;padding:0;overflow:hidden;order:1;display:flex;flex-direction:column;min-height:0;border-right:1px solid #333;background:#252525;opacity:.72;transition:opacity .2s ease}.video-editor.is-editor-workspace .editor-left--workspace.is-active{opacity:1}.transition-left-panel,.transition-left-placeholder{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 16px;box-sizing:border-box;overflow:hidden}.transition-left-placeholder{align-items:center;justify-content:center;text-align:center;gap:12px;color:#aaa}.transition-left-placeholder-icon{font-size:42px;line-height:1}.transition-left-placeholder h2{margin:0;font-size:1.15rem;color:#ddd}.transition-left-placeholder p{margin:0;font-size:15px;line-height:1.5;max-width:280px}.transition-panel-header h2{margin:0 0 8px;font-size:1.1rem}.transition-panel-subtitle{margin:0 0 16px;font-size:14px;color:#aaa;line-height:1.45}.transition-panel-subtitle strong{color:#fbbf24}.transition-drop-zone{border:2px dashed #555;border-radius:8px;min-height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#1f1f1f;transition:border-color .2s ease,background .2s ease;overflow:hidden;flex-shrink:0}.transition-drop-zone:hover{border-color:#f59e0b;background:#222}.transition-drop-content{text-align:center;color:#888;font-size:15px;line-height:1.45}.transition-drop-content p{margin:0}.transition-drop-preview{width:100%;max-height:160px;object-fit:contain;display:block}.transition-time-fields{margin-top:16px;flex-shrink:0}.transition-time-label{display:flex;flex-direction:column;gap:8px;color:#ccc;font-size:15px}.video-editor.is-editor-workspace .time-inputs input{width:72px;padding:10px;font-size:16px}.video-editor.is-editor-workspace .process-button{margin-top:16px;flex-shrink:0;font-size:16px}.video-editor.is-editor-workspace .editor-right--workspace{flex:1;min-height:0;overflow:hidden;padding:12px 16px 16px;order:2;display:flex;flex-direction:column}.transition-preview-wrapper{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}.transition-preview-wrapper.is-drag-over .transition-preview-frame.is-upload-target{border-color:#fbbf24;box-shadow:0 0 0 2px rgba(245,158,11,.25)}.transition-export-hint{flex-shrink:0;margin:0 0 10px;min-height:22px;font-size:15px;color:#9aa0a6;text-align:center}.transition-preview-frame,.transition-preview-scaler{position:relative;flex-shrink:0;overflow:hidden}.transition-preview-frame{background:#000;border-radius:8px;border:2px solid #f59e0b}.transition-preview-frame.is-upload-target{cursor:pointer}.transition-preview-frame .preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;color:#aaa;font-size:18px;line-height:1.45;cursor:pointer}.transition-preview-frame .preview-placeholder-hint{margin:0;font-size:16px;color:#888}.transition-preview-frame .crop-border{position:absolute;inset:0;border:2px dashed rgba(255,255,255,.35);pointer-events:none}.transition-preview-canvas,.transition-source-preview{position:absolute;top:0;left:0;display:block;background:#000;pointer-events:none}.transition-source-preview{object-fit:contain}.transition-source-preview.is-preview-hidden{visibility:hidden}.transition-preview-canvas{opacity:0}.transition-preview-canvas.is-visible{opacity:1}.transition-timeline-block{flex-shrink:0;width:100%;max-width:min(100%,960px);margin-top:14px}.transition-timeline-hint{margin:0 0 8px;font-size:15px;color:#ccc;text-align:center;line-height:1.45}.transition-timeline{position:relative;width:100%;height:88px;background:#0f0f0f;border:2px solid #444;border-radius:8px;cursor:crosshair;user-select:none}.transition-timeline.is-dragging{border-color:#f59e0b}.transition-timeline-track{position:relative;width:100%;height:44px;background:#1a1a1a;border-bottom:1px solid #333}.transition-time-marker{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.25);z-index:2;pointer-events:none}.transition-time-marker:before{content:"";position:absolute;top:-2px;left:50%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #f59e0b}.transition-time-marker-label{position:absolute;top:8px;left:8px;padding:2px 6px;border-radius:4px;background:rgba(245,158,11,.9);color:#111;font-size:11px;font-weight:700;white-space:nowrap}.transition-timeline-ruler{position:relative;width:100%;height:44px;background:#0f0f0f}.transition-ruler-mark{position:absolute;top:0;width:1px;height:100%;background:#555}.transition-ruler-label{position:absolute;top:10px;left:4px;font-size:10px;color:#888;white-space:nowrap}@media (max-width:768px){.video-editor.is-editor-workspace{height:auto;min-height:calc(100dvh - var(--header-height));overflow:auto}.video-editor.is-editor-workspace .editor-content{flex-direction:column}.video-editor.is-editor-workspace .editor-left--workspace{width:100%;min-width:0;max-width:none;max-height:42vh;border-right:none;border-bottom:1px solid #333}.transition-left-panel{overflow-y:auto;-webkit-overflow-scrolling:touch}.video-editor.is-editor-workspace .editor-right--workspace{flex:1;min-height:0;padding:10px 12px 16px}.transition-preview-wrapper{min-height:38vh}.transition-toolbar{padding:8px 12px;gap:8px}.transition-toolbar .video-controls{flex-wrap:wrap;justify-content:center}.transition-toolbar .change-image-button,.transition-toolbar .download-button,.transition-toolbar .video-controls button{min-height:44px;padding:10px 14px;font-size:14px}}