:root{--bg-app:#111;--bg-panel:#1e1e1e;--bg-panel-header:#252526;--bg-track-alt:#181818;--bg-track:#202020;--bg-clip:#424242;--bg-clip-hover:#505050;--text-main:#f0f0f0;--text-muted:#a0a0a0;--accent:#5e6ad2;--accent-hover:#7b88eb;--border:#333;--border-light:#444;--timeline-tick:#555;--font-family:"Inter", system-ui, -apple-system, sans-serif;--panel-header-height:36px;--toolbar-width:45px;--inspector-width:270px;--timeline-sidebar-width:250px;--timeline-sidebar-width-narrow:200px;--timeline-sidebar-width-mobile:160px;--control-size:30px;--control-radius:6px;--field-height:28px;--panel-padding:10px;--panel-gap:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-user-select:none;user-select:none;font-size:13px}#app{flex-direction:column;width:100%;height:100%;display:flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-light);border:2px solid var(--bg-panel);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.canvas-container.svelte-uvpvva{background-color:#000;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.canvas-header.svelte-uvpvva{height:var(--panel-header-height);background-color:var(--bg-panel-header);border-bottom:1px solid var(--border);padding:0 var(--panel-padding);align-items:flex-end;display:flex;overflow:hidden}.tab.svelte-uvpvva{background-color:var(--bg-panel);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;margin-right:4px;padding:7px 16px 6px;font-size:12px;line-height:1;transition:color .15s}.tab.svelte-uvpvva:hover{color:var(--text-main)}.tab.active.svelte-uvpvva{background-color:var(--bg-app);color:var(--accent-hover);position:relative}.tab.active.svelte-uvpvva:after{content:"";background-color:var(--bg-app);height:1px;position:absolute;bottom:-1px;left:0;right:0}.canvas-view.svelte-uvpvva{touch-action:none;background-image:linear-gradient(45deg,#111 25%,#0000 25% 75%,#111 75%,#111),linear-gradient(45deg,#111 25%,#0000 25% 75%,#111 75%,#111);background-position:0 0,10px 10px;background-size:20px 20px;flex:1;position:relative;overflow:hidden}.composition-viewport.svelte-uvpvva{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.composition.svelte-uvpvva{aspect-ratio:16/9;transform-origin:50%;background-color:#0f1015;border:1px solid #333;justify-content:center;align-items:center;width:60%;transition:transform .12s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0009,0 0 0 1px #ffffff0f}.safe-area.svelte-uvpvva{border:1px dashed #ffffff26;justify-content:center;align-items:center;width:90%;height:90%;display:flex;position:relative}.mock-object.svelte-uvpvva{position:absolute}.image-layer.svelte-uvpvva{filter:blur(30px);background:radial-gradient(circle,#8e52ff99 0%,#ff52524d 50%,#0000 70%);border-radius:50%;width:250px;height:250px;animation:4s ease-in-out infinite svelte-uvpvva-pulsate}@keyframes svelte-uvpvva-pulsate{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}.text-layer.svelte-uvpvva{letter-spacing:.12em;color:#fff;text-shadow:0 2px 30px #5e6ad266,0 4px 20px #000c;font-size:4vw;font-weight:800}.transport-bar.svelte-uvpvva{border-top:1px solid var(--border);background-color:#0f1015f5;flex-shrink:0;justify-content:center;align-items:center;height:56px;padding:0 12px;display:flex}.transport-controls.svelte-uvpvva{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);align-items:center;gap:var(--panel-gap);background-color:#181818d9;border-radius:10px;max-width:100%;padding:8px 16px;display:flex;box-shadow:0 4px 20px #0006}.transport-btn.svelte-uvpvva{color:var(--text-muted);cursor:pointer;width:var(--control-size);height:var(--control-size);border-radius:var(--control-radius);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;transition:background-color .15s,color .15s;display:flex}.transport-btn.svelte-uvpvva:hover{color:var(--text-main);background-color:#ffffff14}.transport-btn.play.svelte-uvpvva{color:var(--accent);background-color:#5e6ad226}.transport-btn.play.svelte-uvpvva:hover{background-color:#5e6ad24d}.timecode.svelte-uvpvva{color:var(--accent-hover);border-left:1px solid var(--border);margin-left:6px;padding-left:12px;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:700}.zoom-controls.svelte-uvpvva{border-left:1px solid var(--border);align-items:center;gap:6px;margin-left:8px;padding-left:10px;display:flex}.zoom-btn.svelte-uvpvva,.zoom-readout.svelte-uvpvva{border:1px solid var(--border);color:var(--text-main);border-radius:var(--control-radius);height:var(--field-height);background-color:#ffffff08}.zoom-btn.svelte-uvpvva{width:var(--field-height)}.zoom-readout.svelte-uvpvva{min-width:58px;padding:0 10px}.properties-right.svelte-v56br{width:var(--inspector-width);background-color:var(--bg-panel);border-left:1px solid var(--border);z-index:1;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.panel-header.svelte-v56br{height:var(--panel-header-height);background-color:var(--bg-panel-header);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.panel-heading.svelte-v56br{align-items:center;min-width:0;display:flex}.panel-title.svelte-v56br{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:600;line-height:1;display:block}.panel-selection.svelte-v56br{align-items:center;gap:8px;min-width:0;display:flex}.panel-layer-badge.svelte-v56br{border-radius:2px;flex-shrink:0;width:8px;height:8px}.panel-layer-name.svelte-v56br{color:var(--text-main);white-space:nowrap;font-size:11px;font-weight:500;line-height:1}.panel-body.svelte-v56br{padding:var(--panel-padding);flex:1;overflow-y:auto}.prop-group.svelte-v56br{border:1px solid var(--border);margin-bottom:var(--panel-gap);background-color:#ffffff05;border-radius:8px;padding:0;overflow:hidden}.prop-group.collapsed.svelte-v56br{padding:0}.prop-group-header.svelte-v56br{cursor:pointer;color:var(--text-muted);min-height:var(--field-height);align-items:center;gap:6px;padding:8px 10px;transition:background-color .15s;display:flex}.prop-group-header.svelte-v56br:hover{background-color:#ffffff0a}.prop-title.svelte-v56br{color:var(--text-main);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.effect-count.svelte-v56br{background-color:var(--accent);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:600}.prop-row.svelte-v56br{min-height:var(--field-height);cursor:default;border-top:1px solid #ffffff08;grid-template-columns:14px minmax(0,1fr) auto auto;align-items:center;column-gap:8px;padding:6px 10px;font-size:12px;transition:background-color .1s;display:grid}.prop-row.svelte-v56br:hover{background-color:#ffffff08}.prop-row.selected.svelte-v56br{background-color:#5e6ad21f}.prop-row.svelte-v56br:last-child{padding-bottom:8px}.kf-diamond.svelte-v56br{color:var(--border-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:10px;transition:color .15s,transform .15s;display:flex}.kf-diamond.svelte-v56br:hover{color:var(--accent-hover);transform:scale(1.3)}.kf-diamond.active.svelte-v56br{color:var(--accent)}.prop-row.svelte-v56br .label:where(.svelte-v56br){color:var(--text-muted);flex:1;font-size:11px}.prop-row.selected.svelte-v56br .label:where(.svelte-v56br){color:var(--accent-hover)}.prop-row.svelte-v56br input:where(.svelte-v56br){width:58px;height:var(--field-height);background-color:var(--bg-app);border:1px solid var(--border);color:var(--text-main);text-align:right;border-radius:4px;padding:4px 6px;font-family:Courier New,monospace;font-size:11px;transition:border-color .15s}.prop-row.svelte-v56br input:where(.svelte-v56br):focus{border-color:var(--accent);color:var(--accent-hover);outline:none}.unit.svelte-v56br{color:var(--text-muted);text-align:left;width:22px;font-size:10px}.color-swatch.svelte-v56br{border:1px solid var(--border-light);cursor:pointer;border-radius:4px;justify-self:end;width:22px;height:22px;transition:transform .15s}.color-swatch.svelte-v56br:hover{border-color:var(--text-muted);transform:scale(1.15)}.color-swatch.empty.svelte-v56br{background:repeating-conic-gradient(var(--border) 0% 25%, transparent 0% 50%) 50% / 8px 8px}.workspace.svelte-1ef02rv{flex:1;display:flex;overflow:hidden}.toolbar-left.svelte-1ef02rv{width:var(--toolbar-width);background-color:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding-top:10px;display:flex}.tool.svelte-1ef02rv{border-radius:var(--control-radius);cursor:pointer;width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.tool.svelte-1ef02rv:hover{background-color:var(--border-light);color:var(--text-main)}.tool.active.svelte-1ef02rv{background-color:var(--accent);color:#fff}.tool-separator.svelte-1ef02rv{background-color:var(--border);width:20px;height:1px;margin:4px 0}.timeline-controls.svelte-1hj2w5h{background-color:var(--bg-panel-header);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:38px;padding:0 12px;display:flex}.left-tools.svelte-1hj2w5h{flex-shrink:1;width:250px;min-width:120px}.search-box.svelte-1hj2w5h{background-color:var(--bg-app);border:1px solid var(--border);border-radius:4px;align-items:center;width:100%;max-width:200px;padding:4px 8px;display:flex}.search-box.svelte-1hj2w5h svg:where(.svelte-1hj2w5h){color:var(--text-muted);margin-right:6px}.search-box.svelte-1hj2w5h input:where(.svelte-1hj2w5h){color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:11px}.center-tools.svelte-1hj2w5h{flex:1;justify-content:center;display:flex}.view-toggle.svelte-1hj2w5h{background-color:var(--bg-app);border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.toggle-btn.svelte-1hj2w5h{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:500;display:flex}.toggle-btn.svelte-1hj2w5h:hover{background-color:#ffffff0d}.toggle-btn.active.svelte-1hj2w5h{background-color:var(--accent);color:#fff}.right-tools.svelte-1hj2w5h{justify-content:flex-end;display:flex}.zoom-slider.svelte-1hj2w5h{color:var(--text-muted);align-items:center;gap:8px;display:flex}.zoom-slider.svelte-1hj2w5h input[type=range]:where(.svelte-1hj2w5h){width:100px;accent-color:var(--accent)}@media (width<=900px){.timeline-controls.svelte-1hj2w5h{padding:0 8px}.left-tools.svelte-1hj2w5h{width:160px;min-width:80px}.search-box.svelte-1hj2w5h{max-width:140px;padding:3px 6px}.toggle-btn.svelte-1hj2w5h{gap:4px;padding:4px 8px;font-size:10px}.toggle-btn.svelte-1hj2w5h svg:where(.svelte-1hj2w5h){width:12px;height:12px}.zoom-slider.svelte-1hj2w5h input[type=range]:where(.svelte-1hj2w5h){width:70px}}@media (width<=700px){.left-tools.svelte-1hj2w5h,.right-tools.svelte-1hj2w5h{display:none}.toggle-btn.svelte-1hj2w5h{padding:4px 6px;font-size:10px}}.nle-view.svelte-vqkc23{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.time-ruler.svelte-vqkc23{background-color:var(--bg-panel-header);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;height:24px;position:relative}.ruler-tick.svelte-vqkc23{flex-direction:column;align-items:flex-start;height:100%;display:flex;position:absolute;top:0}.tick-mark.svelte-vqkc23{border-left:1px solid var(--timeline-tick);height:6px}.tick-label.svelte-vqkc23{color:var(--text-muted);margin-top:2px;margin-left:3px;font-size:9px}.playhead.svelte-vqkc23{z-index:10;height:1000px;position:absolute;top:0}.playhead-cap.svelte-vqkc23{background-color:var(--accent);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);width:11px;height:14px;transform:translate(-5px)}.playhead-line.svelte-vqkc23{background-color:var(--accent);width:1px;height:100%;position:absolute;top:14px;left:0}.tracks-container.svelte-vqkc23{background-image:linear-gradient(90deg,#0000 99%,#ffffff05 100%);background-size:10% 100%;flex:1;position:relative;overflow:hidden auto}.track-row.svelte-vqkc23{border-bottom:1px solid var(--border);align-items:center;height:32px;display:flex;position:relative}.track-row.svelte-vqkc23:nth-child(2n){background-color:#ffffff05}.clip-container.svelte-vqkc23{width:100%;height:100%;position:relative}.clip.svelte-vqkc23{white-space:nowrap;cursor:pointer;border:1px solid;border-radius:4px;align-items:center;height:24px;padding:0 8px;display:flex;position:absolute;top:4px;overflow:hidden}.clip.svelte-vqkc23:hover{filter:brightness(1.2)}.clip-name.svelte-vqkc23{color:#fff;text-shadow:0 1px 2px #000c;pointer-events:none;font-size:11px}.motion-graph-view.svelte-ddovpa{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.time-ruler.svelte-ddovpa{background-color:var(--bg-panel-header);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;height:24px;position:relative}.ruler-tick.svelte-ddovpa{flex-direction:column;align-items:flex-start;height:100%;display:flex;position:absolute;top:0}.tick-mark.svelte-ddovpa{border-left:1px solid var(--timeline-tick);height:6px}.tick-label.svelte-ddovpa{color:var(--text-muted);margin-top:2px;margin-left:3px;font-size:9px}.playhead.svelte-ddovpa{z-index:10;height:1000px;position:absolute;top:0}.playhead-cap.svelte-ddovpa{background-color:var(--accent);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);width:11px;height:14px;transform:translate(-5px)}.playhead-line.svelte-ddovpa{background-color:var(--accent);width:1px;height:100%;position:absolute;top:14px;left:0}.tracks-container.svelte-ddovpa{background-image:linear-gradient(90deg,#0000 99%,#ffffff05 100%);background-size:10% 100%;flex:1;position:relative;overflow:hidden auto}.track-row.svelte-ddovpa{border-bottom:1px solid var(--border);align-items:center;height:32px;display:flex;position:relative}.track-row.even.svelte-ddovpa{background-color:#ffffff05}.track-row.property-row.svelte-ddovpa{background-color:#1a1a1a;height:24px}.track-row.property-row.svelte-ddovpa:hover{background-color:#ffffff0d}.track-row.property-row.active-prop.svelte-ddovpa{background-color:#5e6ad233}.keyframe-container.svelte-ddovpa{cursor:pointer;z-index:5;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.keyframe.svelte-ddovpa{border:1px solid #fff;width:8px;height:8px;transition:transform .1s;transform:rotate(45deg)}.keyframe-container.svelte-ddovpa:hover .keyframe:where(.svelte-ddovpa){transform:rotate(45deg)scale(1.5)}.timeline-wrapper.svelte-1wm3nt7{flex-direction:column;width:100%;height:100%;display:flex}.timeline-body.svelte-1wm3nt7{flex:1;display:flex;overflow:hidden}.sidebar.svelte-1wm3nt7{width:var(--timeline-sidebar-width);background-color:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;min-width:160px;display:flex}.sidebar-header.svelte-1wm3nt7{background-color:var(--bg-panel-header);border-bottom:1px solid var(--border);align-items:center;height:24px;padding:0 10px;display:flex}.col-name.svelte-1wm3nt7{color:var(--text-muted);font-size:11px;font-weight:500}.layer-list.svelte-1wm3nt7{flex:1;overflow-y:auto}.layer-item.svelte-1wm3nt7{flex-direction:column;display:flex}.layer-controls.svelte-1wm3nt7{border-bottom:1px solid var(--border);cursor:pointer;border-left:2px solid #0000;align-items:center;height:32px;padding:0 10px;transition:background-color .1s;display:flex}.layer-item.svelte-1wm3nt7:nth-child(2n) .layer-controls:where(.svelte-1wm3nt7){background-color:#ffffff05}.layer-controls.svelte-1wm3nt7:hover{background-color:var(--bg-track-alt)}.layer-controls.selected.svelte-1wm3nt7{background-color:#5e6ad21a}.twirl-icon.svelte-1wm3nt7{color:var(--text-muted);cursor:pointer;margin-right:6px;font-size:8px;transition:transform .2s}.twirl-icon.open.svelte-1wm3nt7{transform:rotate(90deg)}.layer-color-badge.svelte-1wm3nt7{border-radius:2px;width:10px;height:10px;margin-right:8px}.layer-name.svelte-1wm3nt7{color:var(--text-main);flex:1;font-size:11px}.layer-switches.svelte-1wm3nt7{color:var(--text-muted);gap:8px;display:flex}.layer-switches.svelte-1wm3nt7 svg:where(.svelte-1wm3nt7){cursor:pointer}.layer-switches.svelte-1wm3nt7 svg:where(.svelte-1wm3nt7):hover{color:var(--text-main)}.layer-properties.svelte-1wm3nt7{border-bottom:1px solid var(--border);background-color:#1a1a1a}.prop-item.svelte-1wm3nt7{align-items:center;height:24px;padding:0 10px 0 30px;display:flex}.prop-item.svelte-1wm3nt7:hover{background-color:#ffffff0d}.prop-item.active.svelte-1wm3nt7{background-color:#5e6ad233}.prop-notch.svelte-1wm3nt7{border-left:1px solid var(--border);border-bottom:1px solid var(--border);width:6px;height:6px;margin-right:8px}.prop-name.svelte-1wm3nt7{color:var(--text-muted);flex:1;font-size:11px}.prop-keyframe-toggle.svelte-1wm3nt7{color:var(--text-muted);cursor:pointer;font-size:12px}.prop-keyframe-toggle.active.svelte-1wm3nt7{color:var(--accent)}.divider.svelte-1wm3nt7{background-color:var(--bg-app);cursor:col-resize;width:2px}.divider.svelte-1wm3nt7:hover{background-color:var(--accent)}.viewport.svelte-1wm3nt7{flex:1;min-width:0;overflow:hidden}@media (width<=900px){.sidebar.svelte-1wm3nt7{width:var(--timeline-sidebar-width-narrow);min-width:140px}.layer-name.svelte-1wm3nt7{font-size:10px}.layer-switches.svelte-1wm3nt7{gap:4px}.layer-switches.svelte-1wm3nt7 svg:where(.svelte-1wm3nt7){width:12px;height:12px}}@media (width<=700px){.sidebar.svelte-1wm3nt7{width:var(--timeline-sidebar-width-mobile);min-width:120px}.layer-switches.svelte-1wm3nt7{display:none}.layer-controls.svelte-1wm3nt7{padding:0 6px}}.app-container.svelte-1n46o8q{flex-direction:column;width:100%;height:100%;display:flex}.top-section.svelte-1n46o8q{background-color:var(--bg-app);flex:1;min-height:200px;display:flex}.resize-handle.svelte-1n46o8q{background-color:var(--bg-panel-header);border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:row-resize;z-index:10;height:5px;transition:background-color .2s;position:relative}.resize-handle.svelte-1n46o8q:after{content:"";background-color:var(--border-light);border-radius:2px;width:30px;height:3px;transition:background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle.svelte-1n46o8q:hover{background-color:#5e6ad24d}.resize-handle.svelte-1n46o8q:hover:after{background-color:var(--accent)}.bottom-section.svelte-1n46o8q{background-color:var(--bg-panel);flex-direction:column;height:280px;min-height:120px;display:flex}@media (width<=900px){.top-section.svelte-1n46o8q{min-height:160px}.bottom-section.svelte-1n46o8q{height:220px;min-height:100px}}@media (width<=700px){.top-section.svelte-1n46o8q{min-height:120px}.bottom-section.svelte-1n46o8q{height:180px;min-height:80px}}@media (height>=900px){.bottom-section.svelte-1n46o8q{height:350px}}