.LearnKeyframeTimeline_timeline__FfQig{--vcap-tl-effect-pad:4px;--vcap-tl-effect-shape-h:24px;--vcap-tl-effect-gap:8px;--keyframe-lane-accent:var(--ai);--keyframe-lane-surface:var(--background);--keyframe-lane-hover:var(--muted);padding-block:8px 16px;border-block:1px solid var(--border)}.LearnKeyframeTimeline_toolbar__CCOne{display:flex;align-items:center;gap:12px;margin-bottom:8px}.LearnKeyframeTimeline_grid__HRwFt{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px}.LearnKeyframeTimeline_labels__3xq2z{display:grid;grid-auto-rows:32px;padding-top:36px;font-size:12px;color:var(--muted-foreground)}.LearnKeyframeTimeline_labels__3xq2z span{display:flex;align-items:center}.LearnKeyframeTimeline_tracks__9P4Bs{min-width:0;padding-inline:8px}.LearnKeyframeTimeline_ruler__HfXGX{position:relative;height:36px;cursor:crosshair;touch-action:none;border-bottom:1px solid var(--border)}.LearnKeyframeTimeline_ruler__HfXGX>span{position:absolute;top:0;font-size:10px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;transform:translateX(-50%);pointer-events:none}.LearnKeyframeTimeline_ruler__HfXGX>span:first-child{transform:none}.LearnKeyframeTimeline_ruler__HfXGX>span:nth-last-child(2){transform:translateX(-100%)}.LearnKeyframeTimeline_points__bcKym{position:relative}.LearnKeyframeTimeline_playheadHandle__5BfX_{position:absolute;bottom:0;z-index:2;transform:translateX(-50%)}.LearnKeyframeTimeline_playheadLine__G_JOB{position:absolute;inset-block:0;width:1px;background:var(--ai);pointer-events:none}.LearnDemo_demo__msilC{min-width:0;container-type:inline-size}.LearnDemo_workspace__fBuRJ{display:grid;grid-template-columns:200px minmax(0,1fr) 280px;gap:16px;align-items:start;min-width:0}.LearnDemo_workspace__fBuRJ[data-keyframes]{grid-template-columns:minmax(0,1fr) 280px}.LearnDemo_workspace__fBuRJ[data-keyframes] .LearnDemo_previewColumn__eF5y1{grid-column:1;grid-row:1}.LearnDemo_workspace__fBuRJ[data-keyframes] .LearnDemo_inspector__S6xwO{grid-column:2;grid-row:1;display:block}.LearnDemo_inspector__S6xwO,.LearnDemo_presets__k84dk{min-width:0;max-height:min(680px,calc(100dvh - var(--learn-header-height, 112px) - 48px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.LearnDemo_inspector__S6xwO::-webkit-scrollbar,.LearnDemo_presets__k84dk::-webkit-scrollbar{display:none}.LearnDemo_presets__k84dk{grid-column:1;grid-row:1;padding:0 8px 8px 0}.LearnDemo_inspector__S6xwO{grid-column:3;grid-row:1;padding:0 4px 8px 8px}.LearnDemo_previewColumn__eF5y1{grid-column:2;grid-row:1;min-width:0;position:sticky;top:calc(var(--learn-header-height, 112px) + 16px)}.LearnDemo_stage__nu4s8{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0c1324;outline:none;touch-action:none}.LearnDemo_stage__nu4s8:focus-visible{outline:3px solid var(--ai);outline-offset:4px}.LearnDemo_frame__adEA2{position:absolute;inset:0}.LearnDemo_loading__6c8x1{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#e0e9ff;font-size:16px;text-align:center}.LearnDemo_transport__fAT_W{display:flex;justify-content:center;padding:12px 0}.LearnDemo_toolsHeading__ursD6{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.02em;margin:0 0 20px}.LearnDemo_toolsHeading__ursD6 svg{width:18px;height:18px;color:var(--ai)}.LearnDemo_selectPrompt__VSptb{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:12px}.LearnDemo_selectPrompt__VSptb p{color:var(--muted-foreground);font-size:14px;margin:0}.LearnDemo_mobileSwitch__55JB0{display:none}.LearnDemo_handoff__Dosfv{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}.LearnDemo_handoff__Dosfv p{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.6}.LearnDemo_handoff__Dosfv p svg{width:18px;height:18px;color:var(--ai);flex-shrink:0}.LearnDemo_status__qAjIQ{margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--muted-foreground)}@container (max-width: 1049px){.LearnDemo_workspace__fBuRJ{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.LearnDemo_inspector__S6xwO,.LearnDemo_presets__k84dk{grid-column:2;grid-row:2}.LearnDemo_previewColumn__eF5y1{grid-column:1;grid-row:1/3}.LearnDemo_mobileSwitch__55JB0{display:block;grid-column:2;grid-row:1}.LearnDemo_workspace__fBuRJ:not([data-keyframes])[data-mobile-panel=controls] .LearnDemo_presets__k84dk,.LearnDemo_workspace__fBuRJ:not([data-keyframes])[data-mobile-panel=presets] .LearnDemo_inspector__S6xwO{display:none}}@container (max-width: 699px){.LearnDemo_workspace__fBuRJ{grid-template-columns:minmax(0,1fr);gap:16px}.LearnDemo_previewColumn__eF5y1{grid-column:1;grid-row:1;position:static}.LearnDemo_mobileSwitch__55JB0{grid-column:1;grid-row:2}.LearnDemo_inspector__S6xwO,.LearnDemo_presets__k84dk{grid-column:1;grid-row:3;padding:0;max-height:460px}.LearnDemo_handoff__Dosfv{align-items:stretch;flex-direction:column;gap:12px}.LearnDemo_workspace__fBuRJ[data-keyframes]{grid-template-columns:minmax(0,1fr)}.LearnDemo_workspace__fBuRJ[data-keyframes] .LearnDemo_inspector__S6xwO{grid-column:1;grid-row:2;max-height:none}}