.timeline.svelte-cfijfh{height:100%;display:flex;flex-direction:column;background:#1a1a1a;overflow:hidden}.timeline-header.svelte-cfijfh{height:30px;background:#252525;border-bottom:1px solid #333;overflow-x:auto;overflow-y:hidden}.ruler.svelte-cfijfh{position:relative;height:100%}.time-marker.svelte-cfijfh{position:absolute;top:0;height:100%}.tick.svelte-cfijfh{width:1px;height:8px;background:#555}.time-label.svelte-cfijfh{position:absolute;top:10px;left:4px;font-size:.7rem;color:#888;font-family:Courier New,monospace;white-space:nowrap}.timeline-container.svelte-cfijfh{flex:1;overflow:auto;position:relative;cursor:crosshair}.timeline-content.svelte-cfijfh{position:relative;height:240px;min-height:100%}.layer.svelte-cfijfh{position:absolute;left:0;right:0;background:repeating-linear-gradient(90deg,#202020 0px 99px,#252525 99px 100px);border-bottom:1px solid #2a2a2a}.layer-label.svelte-cfijfh{position:sticky;left:5px;top:5px;font-size:.7rem;color:#555;text-transform:uppercase;letter-spacing:.05em}.timeline-item.svelte-cfijfh{position:absolute;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:1px solid #4a4a4a;border-radius:4px;cursor:move;overflow:hidden;transition:box-shadow .2s;display:flex;align-items:center;justify-content:space-between}.timeline-item.svelte-cfijfh:hover{box-shadow:0 0 0 2px #666;z-index:10}.item-content.svelte-cfijfh{flex:1;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;overflow:hidden;pointer-events:none}.item-thumbnail.svelte-cfijfh{width:40px;height:40px;border-radius:2px;overflow:hidden;background:#000;flex-shrink:0}.item-thumbnail.svelte-cfijfh video:where(.svelte-cfijfh),.item-thumbnail.svelte-cfijfh img:where(.svelte-cfijfh){width:100%;height:100%;object-fit:cover}.item-info.svelte-cfijfh{flex:1;overflow:hidden}.item-name.svelte-cfijfh{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-duration.svelte-cfijfh{font-size:.65rem;color:#888}.remove-btn.svelte-cfijfh{width:24px;height:100%;border:none;background:#444;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;transition:background .2s;flex-shrink:0}.remove-btn.svelte-cfijfh:hover{background:#d44}.playhead.svelte-cfijfh{position:absolute;top:0;bottom:0;width:2px;pointer-events:none;z-index:100}.playhead-handle.svelte-cfijfh{position:absolute;top:0;left:-6px;width:14px;height:14px;background:#f44;border-radius:50%}.playhead-line.svelte-cfijfh{position:absolute;top:14px;left:0;bottom:0;width:2px;background:#f44}.preview-canvas-container.svelte-svnayw{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:8px;overflow:hidden}canvas.svelte-svnayw{max-width:100%;max-height:100%;width:auto;height:auto;display:block;image-rendering:crisp-edges}.drop-zone.svelte-117pe7b{border:2px dashed #444;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:#252525}.drop-zone.svelte-117pe7b:hover{border-color:#666;background:#2a2a2a}.drop-zone.dragging.svelte-117pe7b{border-color:#888;background:#333}.drop-zone-content.svelte-117pe7b{display:flex;flex-direction:column;align-items:center;gap:.5rem}.icon.svelte-117pe7b{font-size:2rem}.text.svelte-117pe7b{font-size:.9rem;line-height:1.4}.subtext.svelte-117pe7b{font-size:.8rem;color:#888}.dialog-overlay.svelte-1lce982{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog.svelte-1lce982{background:#2a2a2a;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000080}.dialog-header.svelte-1lce982{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #444}.dialog-header.svelte-1lce982 h2:where(.svelte-1lce982){margin:0;font-size:1.25rem;font-weight:600}.close-btn.svelte-1lce982{width:32px;height:32px;border:none;background:none;color:#888;font-size:1.5rem;cursor:pointer;border-radius:4px;transition:all .2s}.close-btn.svelte-1lce982:hover{background:#444;color:#fff}.dialog-body.svelte-1lce982{padding:1.5rem}.form-group.svelte-1lce982{margin-bottom:1.5rem}.form-group.svelte-1lce982 label:where(.svelte-1lce982){display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#ccc}.form-group.svelte-1lce982 input:where(.svelte-1lce982){width:100%;padding:.75rem;background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:1rem}.form-group.svelte-1lce982 input:where(.svelte-1lce982):focus{outline:none;border-color:#777}.info.svelte-1lce982{background:#252525;border-radius:4px;padding:1rem;margin-bottom:1rem}.info-item.svelte-1lce982{display:flex;justify-content:space-between;padding:.5rem 0}.info-item.svelte-1lce982:not(:last-child){border-bottom:1px solid #333}.info-item.svelte-1lce982 .label:where(.svelte-1lce982){color:#888;font-size:.9rem}.info-item.svelte-1lce982 .value:where(.svelte-1lce982){color:#fff;font-weight:500;font-size:.9rem}.error.svelte-1lce982{padding:1rem;background:#dc444433;border:1px solid rgba(220,68,68,.4);border-radius:4px;color:#f88;font-size:.9rem}.progress-container.svelte-1lce982{text-align:center}.progress-label.svelte-1lce982{margin-bottom:1rem;font-size:1rem;color:#ccc}.progress-bar.svelte-1lce982{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill.svelte-1lce982{height:100%;background:linear-gradient(90deg,#4a90e2,#67b8ff);transition:width .3s ease}.progress-value.svelte-1lce982{font-size:.9rem;color:#888;font-family:Courier New,monospace}.dialog-footer.svelte-1lce982{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #444}.btn.svelte-1lce982{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn.svelte-1lce982:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-1lce982{background:#444;color:#fff}.btn-secondary.svelte-1lce982:hover:not(:disabled){background:#555}.btn-primary.svelte-1lce982{background:#4a90e2;color:#fff}.btn-primary.svelte-1lce982:hover:not(:disabled){background:#5aa0f2}.compositor.svelte-qmp1tj{width:100vw;height:100vh;display:flex;flex-direction:column;background:#1a1a1a;color:#fff}.header.svelte-qmp1tj{padding:1rem 2rem;background:#252525;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between}.header.svelte-qmp1tj h1:where(.svelte-qmp1tj){margin:0;font-size:1.5rem;font-weight:600}.export-btn.svelte-qmp1tj{padding:.6rem 1.2rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.export-btn.svelte-qmp1tj:hover{background:#5aa0f2}.export-btn.svelte-qmp1tj:disabled{opacity:.5;cursor:not-allowed}.main-area.svelte-qmp1tj{flex:1;display:flex;overflow:hidden}.preview-section.svelte-qmp1tj{flex:1;display:flex;flex-direction:column;padding:1rem;gap:1rem}.sidebar.svelte-qmp1tj{width:300px;background:#202020;border-left:1px solid #333;padding:1rem;overflow-y:auto}.sidebar.svelte-qmp1tj h2:where(.svelte-qmp1tj){margin:0 0 1rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.playback-controls.svelte-qmp1tj{display:flex;align-items:center;gap:1rem;padding:.5rem;background:#252525;border-radius:8px}.play-btn.svelte-qmp1tj{width:48px;height:48px;border:none;background:#4a4a4a;color:#fff;font-size:1.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.play-btn.svelte-qmp1tj:hover{background:#5a5a5a}.time-display.svelte-qmp1tj{font-family:Courier New,monospace;font-size:.9rem;color:#aaa}.timeline-section.svelte-qmp1tj{height:250px;background:#202020;border-top:1px solid #333}.media-list.svelte-qmp1tj{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.media-item.svelte-qmp1tj{display:flex;gap:.75rem;padding:.5rem;background:#2a2a2a;border-radius:4px;cursor:grab}.media-item.svelte-qmp1tj:active{cursor:grabbing}.media-thumbnail.svelte-qmp1tj{width:60px;height:60px;border-radius:4px;overflow:hidden;background:#000}.media-thumbnail.svelte-qmp1tj video:where(.svelte-qmp1tj),.media-thumbnail.svelte-qmp1tj img:where(.svelte-qmp1tj){width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.media-info.svelte-qmp1tj{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.media-name.svelte-qmp1tj{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta.svelte-qmp1tj{font-size:.75rem;color:#888}