:root{color:#f4f7ff;background:#05070d;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}.scene-shell{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:1rem 1rem 15.5rem;background:radial-gradient(circle at 50% 16%,rgba(69,216,255,.12),transparent 32rem),linear-gradient(180deg,#05070d,#080a12 48%,#020308)}.scene-root{width:min(calc((100vh - 17.5rem)*.5625),calc(100vw - 2rem));height:min(calc(100vh - 17.5rem),calc((100vw - 2rem)*1.7778));aspect-ratio:9 / 16;background:#000;overflow:hidden}.scene-root canvas{display:block;width:100%;height:100%}.export-panel{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:.75rem;padding:.6rem;border:1px solid rgba(255,255,255,.16);background:#05070dbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timeline-root{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:3}.timeline-panel{width:min(72rem,100%);margin:0 auto;padding:.85rem;border:1px solid rgba(134,222,255,.18);border-radius:1.1rem;background:linear-gradient(145deg,#080d18e6,#0a141cc7);box-shadow:0 1.25rem 4rem #00000061,0 0 2rem #4dd7ff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.timeline-kicker,.timeline-toolbar h2{margin:0}.timeline-kicker{margin-bottom:.2rem;color:#68dfff;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.timeline-toolbar h2{font-size:1rem;line-height:1.2}.timeline-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.timeline-zoom{display:grid;grid-template-columns:2rem minmax(9rem,13rem) 3.8rem 2rem;gap:.45rem;align-items:center;padding:.35rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e}.timeline-zoom label{display:grid;grid-template-columns:auto minmax(5rem,1fr);gap:.45rem;align-items:center;color:#f4f7ffc7;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.timeline-zoom input{accent-color:#68dfff}.timeline-zoom button{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#68dfff1f;color:#f4f7ff;cursor:pointer;font:inherit;font-weight:900}.timeline-zoom output{color:#fff;font-size:.72rem;font-weight:900;text-align:center}.timeline-actions button{min-height:2rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:0 .7rem;background:#ffffff14;color:#f4f7ff;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.timeline-actions button:hover{border-color:#68dfff75;background:#68dfff24}.timeline-actions-primary{border-color:#ffffff75!important;background:linear-gradient(135deg,#ffffff3d,#48d8ff2e)!important;box-shadow:0 0 1rem #ffffff24}.timeline-workbench{display:grid;grid-template-columns:5.8rem minmax(0,1fr);gap:.65rem}.timeline-track-labels{display:grid;grid-auto-rows:40px;gap:0;padding-top:42px}.timeline-track-labels span{display:flex;align-items:center;padding-left:.7rem;border-left:2px solid rgba(104,223,255,.55);color:#f4f7ffc7;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.timeline-panel .timeline-editor{width:100%!important;height:162px!important;border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:#05070db8;font-family:inherit}.timeline-panel .timeline-editor-edit-row{background-image:linear-gradient(#0e1422e6,#0e1422e6),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 0)}.timeline-clip{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:0 .75rem;border:1px solid color-mix(in srgb,var(--clip-color),white 18%);border-radius:.5rem;background:linear-gradient(90deg,color-mix(in srgb,var(--clip-color),transparent 42%),#ffffff0f),#ffffff14;box-shadow:0 0 1rem color-mix(in srgb,var(--clip-color),transparent 56%);color:#fff;overflow:hidden}.timeline-clip-delete{position:absolute;top:.18rem;right:.18rem;z-index:4;display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:#03050ab8;color:#fff;cursor:pointer;font:inherit;font-size:.72rem;font-weight:900;line-height:1;opacity:0;transform:scale(.82);transition:opacity .12s ease,transform .12s ease,background .12s ease}.timeline-clip:hover .timeline-clip-delete,.timeline-clip-delete:focus-visible{opacity:1;transform:scale(1)}.timeline-clip-delete:hover{background:#ff4a7ceb}.timeline-clip-selected{outline:2px solid rgba(255,255,255,.92);outline-offset:-2px}.timeline-clip span{overflow:hidden;font-size:.72rem;font-weight:800;text-overflow:ellipsis;text-shadow:0 0 .65rem rgba(255,255,255,.36);white-space:nowrap}.timeline-clip-transition{justify-content:center;padding:0;border:2px solid rgba(255,255,255,.96);border-radius:.35rem;background:repeating-linear-gradient(-35deg,#ffffff3d 0 3px,#ffffff14 3px 7px),linear-gradient(90deg,#29e0e694,#ffffff52,#29e0e694);box-shadow:0 0 0 1px #00000047,0 0 1.2rem #ffffff57}.timeline-clip-transition:before,.timeline-clip-transition:after{position:absolute;top:.35rem;bottom:.35rem;width:3px;border-radius:999px;background:#ffffffe6;box-shadow:0 0 .5rem #ffffffb3;content:""}.timeline-clip-transition:before{left:.35rem}.timeline-clip-transition:after{right:.35rem}.transition-icon{position:relative;width:2rem;height:1.35rem;filter:drop-shadow(0 0 .35rem rgba(255,255,255,.8))}.transition-icon:before,.transition-icon:after{position:absolute;top:50%;width:0;height:0;border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;content:"";transform:translateY(-50%)}.transition-icon:before{right:50%;border-right:.88rem solid #ffffff}.transition-icon:after{left:50%;border-left:.88rem solid #ffffff}.transition-label{position:absolute;right:.5rem;bottom:.2rem;font-size:.62rem!important;opacity:.82}.clip-settings{display:grid;grid-template-columns:minmax(9rem,1fr) repeat(3,minmax(8.5rem,1fr)) minmax(9rem,.9fr);gap:.65rem;align-items:center;margin-top:.75rem;padding:.75rem;border:1px solid rgba(255,255,255,.12);border-radius:.85rem;background:#ffffff0e}.clip-settings-empty{display:block;color:#f4f7ffad;font-size:.78rem}.global-settings{grid-template-columns:minmax(10rem,1fr) minmax(12rem,1fr) minmax(12rem,1fr);background:linear-gradient(135deg,#68dfff1a,#ffffff0b)}.clip-setting-range,.clip-setting-select{display:grid;gap:.28rem;color:#f4f7ffc7;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.clip-setting-range{grid-template-columns:auto minmax(4.5rem,1fr) 2.7rem;align-items:center}.clip-setting-range input{accent-color:#68dfff}.clip-setting-range output{color:#fff;text-align:right}.clip-setting-select select{min-height:2rem;border:1px solid rgba(255,255,255,.16);border-radius:.5rem;background:#05070de6;color:#f4f7ff;font:inherit;font-size:.78rem;text-transform:none}.upload-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-button,.playback-button,.export-button{min-width:7.5rem;min-height:2.25rem;border:1px solid rgba(255,255,255,.26);background:#f4f7ff;color:#05070d;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.upload-button{display:inline-flex;align-items:center;justify-content:center;background:#f4f7ff14;color:#f4f7ff}.upload-button:hover{border-color:#68dfff80;background:#68dfff29}.playback-button{background:#68dfff24;color:#f4f7ff}.playback-button[aria-pressed=true]{border-color:#68dfff9e;background:#68dfff47}.playback-button:hover{border-color:#68dfff80}.playback-button:disabled,.export-button:disabled{cursor:wait;opacity:.58}.export-status{min-width:7rem;font-size:.78rem;color:#f4f7ff}.hud{position:absolute;top:1.2rem;left:1.2rem;z-index:2;width:min(32rem,calc(100vw - 2.4rem));padding:.9rem 1rem;border:1px solid rgba(160,218,255,.22);border-radius:1rem;background:linear-gradient(135deg,#0a0e1eb3,#140a2652);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 24px #64dcff14}.eyebrow{display:inline-block;margin-bottom:.55rem;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#8edfff}.hud h1{margin:0;font-size:clamp(1rem,2vw,1.3rem);line-height:1.35;font-weight:600}@media(max-width:720px){.scene-shell{padding:.5rem .5rem 15rem}.scene-root{width:min(calc((100vh - 16.5rem)*.5625),calc(100vw - 1rem));height:min(calc(100vh - 16.5rem),calc((100vw - 1rem)*1.7778))}.export-panel{top:.5rem}.timeline-root{right:.5rem;bottom:.5rem;left:.5rem}.timeline-panel{padding:.65rem}.timeline-toolbar{align-items:flex-start;flex-direction:column}.timeline-zoom{width:100%;grid-template-columns:2rem minmax(0,1fr) 3.8rem 2rem}.timeline-actions{justify-content:flex-start}.timeline-workbench{grid-template-columns:4.6rem minmax(0,1fr)}.clip-settings{grid-template-columns:1fr}.hud{top:auto;bottom:1rem;left:1rem;right:1rem;width:auto}}.timeline-editor-cursor{cursor:ew-resize;position:absolute;top:32px;height:calc(100% - 32px);box-sizing:border-box;border-left:1px solid #5297FF;border-right:1px solid #5297FF;transform:translate(-25%) scaleX(.5)}.timeline-editor-cursor-top{position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(2);margin:auto}.timeline-editor-cursor-area{width:16px;height:100%;cursor:ew-resize;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-editor-drag-line-container{position:absolute;height:100%;top:0;left:0}.timeline-editor-drag-line{width:0;position:absolute;top:0;height:99%;border-left:1px dashed rgba(82,151,255,.6)}.timeline-editor:hover .timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{height:4px}.timeline-editor-edit-area{flex:1 1 auto;margin-top:10px;overflow:hidden;position:relative}.timeline-editor-edit-area .ReactVirtualized__Grid{outline:none!important;overflow:overlay!important}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{width:0;height:0}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-track{background-color:transparent!important}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-thumb{background:#313132;border-radius:16px}.timeline-editor-action{position:absolute;left:0;top:0;background-color:#2f3134}.timeline-editor-action .timeline-editor-action-left-stretch,.timeline-editor-action .timeline-editor-action-right-stretch{position:absolute;top:0;width:10px;border-radius:4px;height:100%;overflow:hidden}.timeline-editor-action .timeline-editor-action-left-stretch:after,.timeline-editor-action .timeline-editor-action-right-stretch:after{position:absolute;top:0;bottom:0;margin:auto;border-radius:4px;border-top:28px solid transparent;border-bottom:28px solid transparent}.timeline-editor-action .timeline-editor-action-left-stretch{left:0}.timeline-editor-action .timeline-editor-action-left-stretch:after{left:0;content:"";border-left:7px solid rgba(255,255,255,.1);border-right:7px solid transparent}.timeline-editor-action .timeline-editor-action-right-stretch{right:0}.timeline-editor-action .timeline-editor-action-right-stretch:after{right:0;content:"";border-right:7px solid rgba(255,255,255,.1);border-left:7px solid transparent}.timeline-editor-edit-row-dragging{opacity:.5}.timeline-editor-edit-row{background-repeat:no-repeat,repeat;background-image:linear-gradient(#191b1d,#191b1d),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);display:flex;flex-direction:row;box-sizing:border-box;position:relative;transition:opacity .2s ease,transform .2s ease}.timeline-editor-edit-row-drag-handle{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:16px;height:16px;cursor:grab;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;-webkit-user-select:none;user-select:none;z-index:10;opacity:.6;transition:opacity .2s ease}.timeline-editor-edit-row-drag-handle:hover{opacity:1;color:#999}.timeline-editor-edit-row-drag-handle:active{cursor:grabbing}.timeline-editor-edit-row-dragged{opacity:.5;transform:scale(.98);pointer-events:none;z-index:1000;position:relative}.timeline-editor-edit-row-dragging{cursor:grabbing}.timeline-editor-edit-row-placeholder{background:#4a90e21a;border:2px dashed #4a90e2;height:4px;min-height:4px;margin:2px 0;opacity:.8}.timeline-editor-edit-row-placeholder .timeline-editor-edit-row-drag-handle,.timeline-editor-edit-row-placeholder .timeline-editor-edit-action{display:none}.timeline-editor-edit-row:before{content:"";position:absolute;left:0;right:0;height:2px;background:#4a90e2;z-index:100;opacity:0;transition:opacity .2s ease}.timeline-editor-edit-row[data-insert-position=top]:before{top:-1px;opacity:1}.timeline-editor-edit-row[data-insert-position=bottom]:before{bottom:-1px;opacity:1}.timeline-editor-time-area{position:relative;height:32px;flex:0 0 auto}.timeline-editor-time-area .ReactVirtualized__Grid{outline:none}.timeline-editor-time-area .ReactVirtualized__Grid::-webkit-scrollbar{display:none}.timeline-editor-time-area-interact{position:absolute;cursor:pointer;left:0;top:0}.timeline-editor-time-unit{border-right:1px solid rgba(255,255,255,.2);position:relative;box-sizing:content-box;height:4px!important;bottom:0!important;top:auto!important}.timeline-editor-time-unit-big{height:8px!important}.timeline-editor-time-unit-scale{color:#fff9;position:absolute;right:0;top:0;transform:translate(50%,-100%)}.timeline-editor{height:600px;width:600px;min-height:32px;position:relative;font-size:12px;font-family:PingFang SC;background-color:#191b1d;display:flex;flex-direction:column;overflow:hidden}