*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--brand-font,Inter,system-ui,sans-serif);background:#080a0f;color:#eef2f8;overflow-x:hidden}.app-shell{min-height:100vh}.app-bar{height:48px;border-bottom:1px solid #252a33;background:#101217;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:20}.brand-lockup,.app-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#8993a4}.brand-lockup strong{color:#f5f7fb;font-size:12px}.app-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#4f7cff}.status-dot{background:#42d782;box-shadow:0 0 10px #42d782}.engine-workspace{width:100%;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:"episodes episodes" "scenes scenes" "viewport properties" "cameras cameras" "timeline timeline" "story story";gap:10px;background:#0c0e13}.episode-strip{grid-area:episodes;min-height:54px;border:1px solid #2d3954;background:linear-gradient(180deg,#141a27,#10141c);border-radius:8px;display:grid;grid-template-columns:auto minmax(240px,420px) 1fr;align-items:center;gap:12px;padding:8px 10px}.episode-strip-label{display:flex;flex-direction:column;gap:2px;padding:0 5px}.episode-strip-label span{font-size:7px;font-weight:800;letter-spacing:.16em;color:#7da1ff}.episode-strip-label strong{font-size:9px;color:#75839a}.episode-switcher-wrap{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:8px}.episode-switcher-wrap select{height:34px;border-color:#3a4d7b;background:#0b1020;font-weight:750;color:#f2f6ff}.episode-switcher-wrap span{font-size:8px;color:#66748c;white-space:nowrap}.episode-actions{display:flex;justify-content:flex-end}.episode-create-button{border:1px solid #5b7bd0;background:#2d55c4;color:#fff;border-radius:5px;padding:9px 13px;font:800 9px/1 var(--brand-font,Inter,sans-serif);cursor:pointer}.episode-create-button:hover{background:#3864da}.scene-strip{grid-area:scenes;min-height:48px;border:1px solid #252a33;background:#11141a;border-radius:8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 9px}.scene-strip-label{display:flex;flex-direction:column;gap:2px;padding:0 5px}.scene-strip-label span{font-size:7px;font-weight:800;letter-spacing:.16em;color:#6f87c8}.scene-strip-label strong{font-size:9px;color:#aeb7c6}.scene-tabs{display:flex;align-items:center;gap:5px;overflow:auto;padding:2px}.scene-tab{position:relative;min-width:104px;border:1px solid #29303a;background:#0d1015;color:#8b95a5;border-radius:5px;padding:8px 10px;text-align:left;font:700 9px/1 var(--brand-font,Inter,sans-serif);cursor:pointer}.scene-tab.active{background:#1d2740;border-color:#4f70c8;color:#fff;box-shadow:inset 0 -2px #5a82ed}.scene-tab small{display:block;margin-top:4px;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#67748a}.scene-actions{display:flex;align-items:center;gap:6px}.scene-actions>span{min-width:62px;text-align:right;font-size:8px;color:#667184}.scene-actions button{border:1px solid #303744;background:#1a1f28;color:#dfe5ef;border-radius:5px;padding:8px 10px;font:700 9px/1 var(--brand-font,Inter,sans-serif);cursor:pointer}.scene-actions .save-button{background:#3158c9;border-color:#557bdf;color:#fff}.scene-actions .save-button.saving{opacity:.65}.scene-actions .save-button.saved{background:#1d6d4c;border-color:#318e69}.viewport-panel,.properties-panel,.timeline-panel,.story-panel{border:1px solid #252a33;background:#11141a;border-radius:8px;overflow:hidden}.viewport-panel{grid-area:viewport;min-height:560px;position:relative}.properties-panel{grid-area:properties;align-self:stretch}.timeline-panel{grid-area:timeline;padding:10px}.story-panel{grid-area:story;padding:12px}.panel-bar,.timeline-topbar{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252a33;background:#15181f}.panel-bar>div:first-child,.timeline-topbar>div:first-child{display:flex;align-items:baseline;gap:9px}.panel-bar span,.engine-kicker{font-size:8px;font-weight:800;letter-spacing:.14em;color:#6f87c8}.panel-bar strong,.timeline-topbar strong{font-size:11px}.viewport-meta,.timeline-topbar>span{font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f7889}.inspector-canvas-wrap{position:relative;height:calc(100% - 42px);min-height:518px;background:#080a0e;cursor:grab}.inspector-canvas-wrap:active{cursor:grabbing}#cameraInspectorCanvas{display:block;width:100%;height:100%}.inspector-help{position:absolute;left:12px;bottom:12px;padding:6px 8px;border:1px solid #2a303b;border-radius:5px;background:#11151bd9;color:#7f8999;font-size:9px}.floating-player{position:absolute;top:62px;right:18px;width:220px;height:430px;min-width:150px;min-height:300px;max-width:360px;max-height:640px;z-index:12;border:1px solid #343b48;border-radius:8px;background:#101319;box-shadow:0 18px 50px #000a;overflow:hidden;resize:both}.floating-player-head{height:34px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;background:#191d25;border-bottom:1px solid #2b313c;cursor:move;user-select:none}.floating-player-head>div{display:flex;align-items:center;gap:7px}.floating-player-head strong{font-size:9px}.floating-player-head>span{font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7b879a}.floating-dot{width:6px;height:6px;border-radius:50%;background:#4f7cff;box-shadow:0 0 8px #4f7cff}.floating-stage{position:relative;width:100%;height:calc(100% - 70px);min-height:220px;background:#080b12;overflow:hidden}.floating-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}.floating-topbar{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#ffffffb0;pointer-events:none}.floating-caption-wrap{position:absolute;left:5%;right:5%;bottom:22px;text-align:center;filter:drop-shadow(0 2px 8px #000);pointer-events:none}.floating-speaker{display:inline-block;margin-bottom:4px;padding:3px 5px;background:#0a0c12b8;border-radius:3px;font-size:6px;font-weight:800;letter-spacing:.12em}.floating-caption{margin:0 auto;color:#fff;font-size:12px;line-height:1.12;font-weight:800}.floating-progress{position:absolute;left:8px;right:8px;bottom:7px;height:2px;background:#ffffff2a}.floating-progress>div{height:100%;width:0;background:#fff}.floating-player-controls{height:36px;display:flex;align-items:center;gap:8px;padding:5px 7px;background:#151920;border-top:1px solid #292f39}.floating-player-controls button{width:34px;border:1px solid #303744;background:#202630;color:#f0f4fb;border-radius:4px;padding:6px 0;font-size:9px;cursor:pointer}.floating-player-controls span{font-size:7px;color:#6e798b}.properties-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #252a33}.prop-tab{border:0;border-right:1px solid #252a33;background:#13161c;color:#7d8797;padding:11px 3px;font:700 9px/1 var(--brand-font,Inter,sans-serif);cursor:pointer}.prop-tab:last-child{border-right:0}.prop-tab.active{background:#1a1e26;color:#fff;box-shadow:inset 0 -2px #4f7cff}.property-section{padding:12px;border-bottom:1px solid #252a33}.scene-settings-section{background:#121824}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-head strong{font-size:11px}.section-head span{font-size:8px;color:#677183}.properties-panel label,.story-panel label{display:flex;flex-direction:column;gap:5px;color:#6f7a8c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.compact-grid{display:grid;gap:7px}.compact-grid.three{grid-template-columns:repeat(3,1fr)}.compact-grid.two{grid-template-columns:repeat(2,1fr)}input,select,textarea,button{font:inherit}input[type=number],input[type=text],select,textarea{width:100%;border:1px solid #2a303a;background:#0b0e13;color:#dfe5ef;border-radius:5px;padding:7px;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}select{font-family:var(--brand-font,Inter,sans-serif)}input:focus,select:focus,textarea:focus{border-color:#4f7cff}.range-field{margin-top:9px}.range-field>span{display:flex;justify-content:space-between}.range-field input{width:100%;accent-color:#4f7cff}.button-row{display:flex;gap:7px;margin-top:9px}.button-row button,.character-add-row button,.primary-action,.engine-scrub-row button{border:1px solid #303744;background:#1a1f28;color:#dfe5ef;border-radius:5px;padding:8px 10px;font:700 9px/1 var(--brand-font,Inter,sans-serif);cursor:pointer}.button-row button:hover,.character-add-row button:hover,.engine-scrub-row button:hover{background:#242b36}.danger-button{color:#e59da2!important;border-color:#5b3036!important}.primary-action{width:100%;margin-top:8px;background:#3158c9;border-color:#557bdf}.character-add-row{display:grid;grid-template-columns:1fr auto;gap:7px}.roster{display:flex;flex-direction:column;gap:5px;margin-top:8px}.roster-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;padding:7px;border:1px solid #252b35;border-radius:5px;background:#0d1015}.roster-row span{font-size:9px}.roster-row small{font-size:8px;color:#606b7a}.roster-row input{accent-color:#4f7cff}.check-field{flex-direction:row!important;align-items:center;margin-top:10px}.clip-fields{margin-top:9px}.legacy-production-camera{display:none!important}.properties-panel [data-inspector-panel]{display:none}.properties-panel[data-active-tab=scene] [data-inspector-panel=scene],.properties-panel[data-active-tab=character] [data-inspector-panel=character],.properties-panel[data-active-tab=camera] [data-inspector-panel=camera],.properties-panel[data-active-tab=output] [data-inspector-panel=output],.properties-panel[data-active-tab=audio] [data-inspector-panel=audio]{display:block}.camera-inspector-section{background:linear-gradient(180deg,#131a29 0,#10141b)}.camera-inspector-note{margin:0 0 11px;color:#778399;font-size:9px;line-height:1.5}.camera-inspector-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:7px 0 10px}.camera-inspector-actions button{border:1px solid #303744;background:#1a1f28;color:#dfe5ef;border-radius:5px;padding:7px 6px;font:700 8px/1 var(--brand-font,Inter,sans-serif);cursor:pointer}.camera-field-title{display:flex;align-items:center;justify-content:space-between;margin:12px 0 6px;padding-top:9px;border-top:1px solid #222a36}.camera-field-title span{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#aeb9cd}.camera-field-title small{font-size:7px;color:#5f6c81}.fixed-fov{margin-top:12px}.camera-set-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:10px}.camera-set-row .primary-action{margin:0}.camera-rig-toggle{flex-direction:row!important;align-items:center;gap:5px!important;white-space:nowrap}.camera-rig-toggle input{accent-color:#4f7cff}.camera-route-card{margin-top:12px;padding:9px;border:1px solid #273140;border-radius:6px;background:#0c1118}.camera-route-card .camera-field-title{margin:0 0 7px;padding:0;border:0}.camera-route-card label{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:6px;margin-top:5px}.camera-route-card label select{min-width:0}.camera-director-dock{grid-area:cameras;border:1px solid #29313d;background:#11151c;border-radius:8px;padding:10px}.shot-dock-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.shot-dock-head>div{display:flex;align-items:baseline;gap:8px}.shot-dock-head strong{font-size:11px}.shot-dock-head>span{font-size:8px;color:#687489}.shot-inspector{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1.5fr 1.5fr;gap:8px;align-items:end;padding:8px;border:1px solid #252c37;background:#0c1016;border-radius:6px}.shot-inspector label{display:flex;flex-direction:column;gap:5px;font-size:8px;color:#778398}.shot-slider{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important}.shot-slider input{grid-column:2}.shot-slider output{grid-column:3;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c4cee0}.shot-title{display:flex;flex-direction:column;gap:4px}.shot-title strong{font-size:10px}.shot-title span,.shot-inspector-empty{font-size:8px;color:#657084}.shot-inspector-empty{grid-column:1/-1;padding:4px}.camera-block{background:#243b72;border:1px solid #4d70c4}.camera-block.active{background:#456ed1;border-color:#83a3ff}.engine-scrub-row{display:grid;grid-template-columns:34px 34px 1fr 42px;gap:6px;align-items:center;padding:8px 0}.engine-scrub-row input{width:100%;accent-color:#4f7cff}.engine-scrub-row span{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#697487;text-align:right}.timeline-ruler{position:relative;height:24px;margin-left:112px;border-bottom:1px solid #292f39}.ruler-mark{position:absolute;bottom:3px;transform:translate(-50%);font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#566175}.timeline-tracks{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow:auto}.timeline-track{display:grid;grid-template-columns:104px 1fr;gap:8px;align-items:center}.track-name{font-size:9px;color:#7e899b;padding-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-lane{position:relative;height:32px;border:1px solid #232934;background:#0a0d12;overflow:hidden}.timeline-block{position:absolute;top:4px;height:22px;border:0;border-radius:3px;padding:0 6px;color:#edf3ff;background:#3158c9;font:700 8px/22px var(--brand-font,Inter,sans-serif);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.timeline-block.dialogue{background:#6b3d66}.timeline-block.oneshot{background:#965a29}.timeline-block.scene-block{top:3px;height:24px;line-height:24px;background:#25324c;border:1px solid #3f5684}.timeline-block.scene-block.active{background:#385fae;border-color:#6f95ef}.timeline-playhead{position:absolute;top:0;bottom:0;width:1px;background:#ff5c5c;box-shadow:0 0 7px #ff5c5c;z-index:5;pointer-events:none}.story-panel textarea{min-height:130px;resize:vertical;line-height:1.5}.output-section{padding:52px max(24px,5vw) 70px;display:grid;grid-template-columns:minmax(320px,560px) minmax(340px,460px);gap:70px;justify-content:center;align-items:start;background:#080a0f}.output-copy{padding-top:18px;position:sticky;top:68px}.eyebrow{margin:0 0 12px;color:#7693df;font-size:10px;font-weight:800;letter-spacing:.16em}.output-copy h1{font-size:clamp(42px,5vw,72px);line-height:.92;letter-spacing:-.055em;margin:0 0 22px;max-width:8ch}.intro{color:#949dac;font-size:14px;line-height:1.65;max-width:48ch}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:28px 0}.status-card,.script-card{border:1px solid #242a34;background:#101319;border-radius:10px;padding:14px}.status-card span{display:block;color:#5f6879;font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}.status-card strong{font-size:11px}.script-head{display:flex;justify-content:space-between;color:#6c7585;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.dot-live{width:6px;height:6px;border-radius:50%;background:#42d782}.script-card h2{font-size:20px;margin:16px 0 7px}.script-card p{margin:0;color:#7f8998;font-size:11px;line-height:1.55}.output-preview-wrap{display:flex;flex-direction:column;gap:10px;align-items:center}.reel-stage{position:relative;width:min(52vh,100%);aspect-ratio:9/16;max-height:82vh;border-radius:18px;overflow:hidden;background:#11151f;box-shadow:0 30px 90px #0008;isolation:isolate}.three-root{position:absolute;inset:0;width:100%!important;height:100%!important}.grain{position:absolute;inset:0;pointer-events:none;opacity:.12}.topbar{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:4;font-size:9px;letter-spacing:.12em;color:#ffffffb8}.episode-pill{padding:6px 8px;border-radius:999px;background:#06080e8f;border:1px solid #ffffff1f}.caption-wrap{position:absolute;left:5%;right:5%;bottom:54px;z-index:5;text-align:center;filter:drop-shadow(0 4px 14px #000b)}.speaker{display:inline-block;margin-bottom:7px;padding:4px 7px;border-radius:4px;background:#0a0c12b8;font-size:8px;font-weight:800;letter-spacing:.14em}.caption{margin:0 auto;max-width:var(--subtitle-width,90%);font-size:var(--subtitle-size,24px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff;text-align:var(--subtitle-align,center)}.progress-track{position:absolute;left:16px;right:16px;bottom:17px;height:2px;background:#ffffff2e;z-index:6}.progress-bar{height:100%;width:0;background:#fff}.transport{width:100%;display:flex;gap:7px}.control-btn{flex:1;border:1px solid #29303a;background:#151922;color:#dce3ee;padding:10px;border-radius:6px;font:700 10px/1 var(--brand-font,Inter,sans-serif);cursor:pointer}.control-btn.primary{background:#f3f5f8;color:#090c11}.control-btn.download{background:#28489f;border-color:#3d65c9}.control-btn:disabled{opacity:.45;cursor:default}.camera-shot-badge{margin-left:auto;margin-right:10px;padding:3px 7px;border:1px solid #4f6085;border-radius:999px;font:700 9px/1 var(--brand-font,Inter,sans-serif);color:#cbd8ff;background:#192035}@media (max-width:1000px){.engine-workspace{grid-template-columns:1fr;grid-template-areas:"episodes" "scenes" "viewport" "properties" "cameras" "timeline" "story"}.episode-strip,.scene-strip{grid-template-columns:1fr}.episode-actions,.scene-actions{justify-content:flex-end}.viewport-panel{min-height:470px}.inspector-canvas-wrap{min-height:428px}.properties-panel{display:block}.floating-player{width:190px;height:370px;right:12px;top:58px}.output-section{grid-template-columns:1fr;gap:28px}.output-copy{position:static}.output-preview-wrap{align-items:flex-start}.reel-stage{width:min(430px,100%)}.shot-inspector{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.app-bar{padding:0 10px}.brand-lockup span:last-child{display:none}.engine-workspace{padding:6px}.episode-switcher-wrap{grid-template-columns:1fr}.episode-actions,.scene-actions{flex-wrap:wrap}.viewport-panel{min-height:380px}.inspector-canvas-wrap{min-height:338px}.properties-panel{display:block}.compact-grid.three,.compact-grid.two{grid-template-columns:repeat(2,1fr)}.timeline-ruler{margin-left:84px}.timeline-track{grid-template-columns:76px 1fr}.floating-player{width:155px;height:315px;right:8px;top:54px}.output-section{padding:30px 10px}.reel-stage{width:100%;border-radius:10px}.transport{flex-wrap:wrap}.control-btn.download{flex-basis:100%}.shot-dock-head{align-items:flex-start;flex-direction:column;gap:4px}.shot-inspector,.camera-set-row{grid-template-columns:1fr}.camera-rig-toggle{justify-content:flex-start}.properties-tabs{grid-template-columns:repeat(4,1fr)}}.timeline-edit-dock{background:#101824;border:1px solid #29384b;border-radius:10px;margin:8px 0 16px;padding:12px 14px;color:#e7efff}.timeline-edit-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timeline-edit-header strong{font-size:13px}.timeline-edit-header span{color:#93a6c2;font-size:12px;flex:1;min-width:160px}.timeline-edit-header button,.timeline-edit-fields button{background:#1d3764;border:1px solid #3c5d96;border-radius:6px;color:#eaf2ff;padding:7px 10px;cursor:pointer}.timeline-edit-fields{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.timeline-edit-fields:empty{display:none}.timeline-edit-fields label{display:flex;flex-direction:column;gap:4px;color:#a7b7cd;font-size:11px;min-width:86px;flex:1}.timeline-edit-fields label.timeline-wide{flex:3;min-width:180px}.timeline-edit-fields input,.timeline-edit-fields select{background:#0a1220;color:#fff;border:1px solid #35445b;border-radius:5px;padding:7px;min-width:0;width:100%;font-size:13px}.timeline-editable{touch-action:pan-y;cursor:grab;user-select:none}.timeline-editable:active{cursor:grabbing}.timeline-resize-grip{position:absolute;right:0;top:0;bottom:0;width:10px;background:#b4d0ff77;border-left:1px solid #d6e7ff;cursor:ew-resize}.timeline-key-block{position:absolute;transform:translate(-50%);border:0;background:transparent;color:#ffd47a;font-size:16px;cursor:grab;z-index:3;top:0;height:100%;padding:0 4px}.character-expand{cursor:pointer;text-align:left;background:transparent;border:0;color:inherit;font-weight:700}.character-subtrack .track-name{padding-left:22px;display:flex;align-items:center;justify-content:space-between;gap:8px}.character-track-add{border:1px solid #4a5978;border-radius:5px;background:#24324b;color:#fff;min-width:25px;cursor:pointer}.character-timeline-block{position:absolute;top:5px;height:25px;border:1px solid #647ca9;background:#2b4266;color:#eaf0ff;border-radius:5px;cursor:grab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;min-width:9px;padding:0 4px}.character-key{width:18px!important;background:transparent;border:0;color:#a7c2ff;font-size:17px;padding:0}.character-timeline-block.active{outline:2px solid #b9d0ff}.character-timeline-inspector{padding:12px;border-top:1px solid #34415a;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.character-timeline-fields{display:flex;flex-wrap:wrap;gap:8px}.character-timeline-fields label{display:flex;flex-direction:column;font-size:11px;gap:3px}.character-timeline-fields input,.character-timeline-fields select{width:100px;max-width:100%;background:#151e30;color:#f2f6ff;border:1px solid #52627c;border-radius:4px;padding:6px}.character-timeline-fields input[type=text]{width:230px}.character-parent .track-name{min-width:130px}.character-timeline-block{touch-action:pan-y;user-select:none;transition:background-color .12s,border-color .12s;will-change:left,width}.character-clip{min-height:27px;padding-right:12px;cursor:grab}.character-clip:after{content:"";position:absolute;right:0;top:2px;bottom:2px;width:7px;border-left:1px solid #c5d8ff;background:#9bb9e355;cursor:ew-resize}.character-timeline-block:active{cursor:grabbing}.character-timeline-block:focus-visible,.character-track-add:focus-visible,.character-expand:focus-visible{outline:2px solid #9fc4ff;outline-offset:2px}.character-track-add{min-height:25px;min-width:27px}.character-timeline-inspector{position:relative;background:#111b2b;border:1px solid #354765;border-radius:8px;margin-top:10px}.character-timeline-fields{flex:1;align-items:end}.character-timeline-fields label{min-width:95px}.character-timeline-fields input:focus,.character-timeline-fields select:focus{outline:2px solid #9fc4ff;outline-offset:1px}#characterTimelineInspector[hidden],#cameraDirectorDock[hidden]{display:none!important}.character-parent{align-items:center}.character-parent .character-expand{min-width:0;flex:0 0 130px}.character-track-picker{width:110px;max-width:30%;margin:3px 8px;padding:5px 7px;border-radius:7px;border:1px solid #526e98;background:#21334e;color:#dceaff;font-size:11px;cursor:pointer}.character-parent>.track-lane{min-width:0;flex:1}.character-timeline-inspector,#cameraDirectorDock{background:linear-gradient(135deg,#172841,#111c2f);border:1px solid #42608a;border-radius:11px;margin:12px 0 0;padding:15px;box-shadow:0 8px 28px #02091555}.character-timeline-inspector strong{color:#9fcaff;font-size:14px}.character-timeline-fields input,.character-timeline-fields select{min-height:35px;border-radius:7px;border-color:#4d6790;background:#0d192b}.character-timeline-fields input:focus,.character-timeline-fields select:focus{border-color:#87b9ff}.character-timeline-inspector .danger-button{background:#472433;color:#ffd5dc;border:1px solid #955268;border-radius:7px;padding:8px 12px;cursor:pointer}.character-timeline-inspector .danger-button:hover{background:#663044}.timeline-panel{position:relative;padding-bottom:18px}.character-parent{display:flex;align-items:center;min-height:35px!important;height:auto!important;padding:4px 0;gap:8px;background:#131d2e;border-bottom:1px solid #27364c}.character-parent .character-expand{flex:0 1 130px;padding:6px 9px}.character-parent>.track-lane{display:none!important}.character-track-picker{flex:0 0 126px;max-width:none;margin:0 6px 0 0}.character-subtrack .track-name{padding-left:22px}.character-timeline-inspector,#cameraDirectorDock{position:relative!important;inset:auto!important;z-index:5;width:100%;box-sizing:border-box;min-height:110px;margin-top:16px;padding:18px 18px 16px;background:linear-gradient(135deg,#192b46,#101c30);border:1px solid #5473a3;border-radius:12px}.timeline-inspector-close{position:absolute;right:9px;top:8px;z-index:3;border:1px solid #5c7295;border-radius:7px;background:#283b57;color:#eaf2ff;font-size:21px;line-height:1;width:30px;height:30px;cursor:pointer}.timeline-inspector-close:hover{background:#3b567e}.character-timeline-inspector{padding-right:48px}.character-timeline-inspector[hidden],#cameraDirectorDock[hidden]{display:none!important}#characterTimelineInspector:not([hidden]),#cameraDirectorDock:not([hidden]){position:fixed!important;inset:auto auto 16px 50%!important;transform:translate(-50%)!important;width:min(960px,calc(100vw - 36px))!important;max-height:42vh;overflow-y:auto;z-index:10000!important;margin:0!important;padding:18px 52px 18px 20px!important;box-shadow:0 18px 55px #000b,0 0 0 1px #6484b055!important;backdrop-filter:blur(18px)}.character-timeline-block{border-radius:6px;border:1px solid #5474a1;background:#2a4162;box-shadow:none!important;min-height:25px;transition:background .12s,border-color .12s;touch-action:none}.character-timeline-block:hover{background:#385477;border-color:#83a5d0}.character-clip{padding:0 9px!important}.character-clip:after{width:4px!important;top:5px!important;bottom:5px!important;right:3px!important;border:0!important;border-radius:3px;background:#9fb9d5aa!important}.character-timeline-block.active{outline:1px solid #a4cbff;outline-offset:1px;background:#365987}.character-key{border:0!important;background:transparent!important;box-shadow:none!important}.character-timeline-inspector .timeline-inspector-close,#cameraDirectorDock .timeline-inspector-close{position:sticky;float:right;top:0;right:0;margin:-8px -38px 0 0}#characterTimelineInspector .timeline-inspector-close,#cameraDirectorDock .timeline-inspector-close{position:absolute!important;float:none!important;top:8px!important;right:9px!important;margin:0!important;width:25px!important;height:25px!important;border:0!important;background:transparent!important;color:#b8c9e2!important;font-size:20px!important;line-height:25px!important;padding:0!important}.timeline-inspector-close:hover{color:#fff!important;background:#344866!important}.character-timeline-inspector .timeline-remove-icon{position:absolute;top:8px;right:42px;width:27px;height:27px;padding:0!important;border-radius:6px!important;font-size:18px!important;background:transparent!important;border:1px solid #8c4c5b!important;color:#ff9aaa!important}.character-timeline-inspector .timeline-remove-icon:hover{background:#612b3a!important}.character-timeline-inspector{padding-top:30px!important}.character-clip{padding-right:7px!important;cursor:ew-resize}.character-timeline-block{border-radius:5px!important}.character-timeline-inspector .timeline-delete-button{position:static!important;top:auto!important;right:auto!important;width:auto!important;height:34px!important;min-width:65px;padding:7px 13px!important;background:#8d2c38!important;border:1px solid #b54550!important;border-radius:6px!important;color:#fff!important;font-size:12px!important;font-weight:600;align-self:flex-end;margin:0 0 1px 4px;cursor:pointer}.character-timeline-inspector .timeline-delete-button:hover{background:#ad3442!important}.timeline-ruler{position:relative;min-height:32px!important;height:32px!important;background:linear-gradient(#202c3e,#141e2d)!important;border-top:1px solid #40516b;border-bottom:1px solid #40516b;cursor:crosshair}.timeline-ruler .ruler-mark{font-size:10px!important;color:#b8c8dc!important;letter-spacing:.3px;top:3px!important;padding-top:0!important}.timeline-ruler .ruler-mark:after{content:"";position:absolute;top:18px;left:0;height:11px;border-left:1px solid #7c91ae}.timeline-ruler:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(2.5% - 1px),#53647a 2.5%)}#timelineRuler{position:relative;overflow:visible!important}#timelineRuler:before{content:"";position:absolute;left:var(--playhead-position,0%);bottom:-3px;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid #ff5361;filter:drop-shadow(0 1px 2px #0009);z-index:15;pointer-events:none}#timelineRuler .ruler-mark{pointer-events:none}.timeline-playhead{background:#ff5361!important;width:1.5px!important;box-shadow:0 0 6px #ff536155;pointer-events:none}.timeline-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px}.timeline-header-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.timeline-header-controls button{width:32px;height:28px;border:1px solid #394a65;border-radius:5px;background:#182337;color:#d9e6fb;cursor:pointer}.timeline-header-controls button:hover{background:#294161}.timeline-header-controls #engineTime{font-variant-numeric:tabular-nums;color:#d1dced;font-size:11px;white-space:nowrap;margin-left:8px}.timeline-header-controls #timelineZoomLabel{font-size:10px;color:#8094b2;white-space:nowrap}.timeline-hidden-scrub{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip-path:inset(50%)}#timelineRuler{cursor:ew-resize;touch-action:none}#reelMediaEditor{padding:12px 14px;border-top:1px solid #293344}.reel-media-hint{font-size:11px;color:#94a5bd;margin:7px 0 10px;line-height:1.5}.reel-media-add{display:flex;gap:7px}.reel-media-add select{flex:1;min-width:0}.reel-media-add button{white-space:nowrap}.reel-media-row{padding:9px 0;border-bottom:1px solid #28364a}.reel-media-row-title{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:#e5edfa}.reel-media-row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-media-row-title button{background:transparent;border:0;color:#f18d8d;cursor:pointer;font-size:18px}.reel-media-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px}.reel-media-fields label{font-size:10px;color:#9caec7;min-width:0}.reel-media-fields input,.reel-media-fields select{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:3px;padding:5px 2px;font-size:11px;background:#101827;border:1px solid #33445d;border-radius:4px;color:#e8efff}.reel-media-block{background:#355e73!important;color:#e6fbff!important;border:1px solid #69bbd3!important;cursor:grab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-media-block:active{cursor:grabbing}.reel-media-block{position:absolute;touch-action:none;user-select:none;padding:0 10px;box-sizing:border-box;min-width:10px}.reel-media-handle{position:absolute;top:0;bottom:0;width:9px;z-index:3;cursor:ew-resize;background:#c5f5ff2e;border-left:1px solid #a4e8f6;border-right:1px solid #a4e8f6}.reel-media-handle.start{left:0}.reel-media-handle.end{right:0}.reel-media-handle:hover{background:#c5f5ff8c}.reel-track-add{font-size:13px;cursor:pointer;color:#a9f0ff;background:#253c50;border:1px solid #4a7789;border-radius:4px;margin-left:4px;padding:0 6px}.reel-media-selected{background:#22384a;border-left:3px solid #7ad5e9;padding-left:7px}#animationAudioSettings .button-row button,#animationAudioSettings .sound-icon-button{width:30px;height:30px;min-width:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3a485f;border-radius:7px;background:#1c283a;color:#e6edf9;font-size:17px;line-height:1;cursor:pointer}#animationAudioSettings .button-row button:hover,#animationAudioSettings .sound-icon-button:hover{background:#2b3d57;border-color:#6d94d5}#animationAudioSettings .sound-link-row button:first-child{white-space:pre-line;line-height:1.4}#animationAudioSettings .sound-link-row{transition:border-color .15s,background .15s}.timeline-playhead{width:2px!important;background:#ff6274!important;box-shadow:0 0 0 1px #ff627422,0 0 9px #ff627488!important;pointer-events:none}.character-key{color:#a9bfff!important;transition:color .12s,filter .12s,transform .12s}.character-key.at-playhead{color:#ffd166!important;filter:drop-shadow(0 0 6px #ffbd4b);z-index:8;transform:translateY(-1px) scale(1.18)}.character-key.active{color:#74f4d0!important;filter:drop-shadow(0 0 6px #74f4d0);outline:none!important}.character-clip{padding:0 13px!important;overflow:visible!important;user-select:none;touch-action:none}.character-clip:after{display:none!important}.character-clip-grip{position:absolute;top:2px;bottom:2px;width:10px;border-radius:3px;background:#9ec5ff55;cursor:ew-resize;z-index:2;transition:background .12s}.character-clip-grip.start{left:1px;border-left:2px solid #b9d5ff}.character-clip-grip.end{right:1px;border-right:2px solid #b9d5ff}.character-clip:hover .character-clip-grip,.character-clip.dragging .character-clip-grip{background:#b6d7ff99}.character-clip:hover{border-color:#b6d7ff;box-shadow:0 0 0 1px #b6d7ff44}.character-clip.dragging{cursor:grabbing!important;z-index:9;box-shadow:0 0 0 2px #6be2d6}.character-timeline-block.active.character-clip{outline:2px solid #72e7d4!important;background:#2e646b}.timeline-time-control{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #405a7c;border-radius:6px;background:#111e32;color:#cbd9ef;font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.timeline-time-control:focus-within{border-color:#74b7ff;box-shadow:0 0 0 2px #74b7ff33}#engineTimeInput{width:66px;min-width:0;padding:3px 1px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-variant-numeric:tabular-nums;text-align:right}#engineTimeInput::-webkit-inner-spin-button{opacity:1;cursor:ns-resize}.timeline-time-separator{color:#7890ae}.timeline-time-control #engineTime{margin:0!important;font:inherit;color:#93a8c5}.timeline-header-controls{flex-wrap:wrap}
