/* Timeline graph and property channels. All selectors are scoped to the new controls. */
#v5-value-graph{min-height:120px!important}
#v5-value-graph text{stroke:none}
@media(max-width:600px){.timeline.graph-open{height:460px!important}}
.v5-toggle[aria-pressed=true]{background:#34432b;color:#d2f69b}.timeline.graph-open #timeline-scroll{display:none}.v5-graph[hidden]{display:none}.v5-graph{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column;background:#151a19;overflow:auto}.v5-graph-tools{display:flex;align-items:flex-end;gap:9px;padding:9px 15px;border-bottom:1px solid #303b32;flex-shrink:0}.v5-graph-tools label{display:grid;gap:5px;min-width:0}.v5-graph-tools label>span,.v5-key-fields label>span{font:8px var(--mono);color:#95a493}.v5-graph select,.v5-graph input{min-width:0;max-width:100%;padding:6px 8px;border:1px solid #3e4a3d;border-radius:4px;background:#1f2721;color:#dce7d2;font-size:10px}.v5-graph-tools>label:first-child{width:160px}.v5-graph-tools>label:nth-child(2){width:145px}.v5-graph-tools>button,.v5-graph-modes button{padding:7px 10px;border:1px solid #3e4a3d;border-radius:4px;font-size:10px;color:#c8d8bf;white-space:nowrap}.v5-graph-tools>button:hover,.v5-graph-modes button:hover{background:#303e2c}.v5-graph-modes{display:flex;gap:3px;margin-left:auto}.v5-graph-modes button[aria-pressed=true]{color:#d5f2b5;border-color:#799c61;background:#33432b}.v5-plot-wrap{position:relative;flex:1;min-height:140px;max-height:240px;padding:9px 10px 0}.v5-plot-title{position:absolute;top:7px;left:78px;color:#9bb38e;font:8px var(--mono);pointer-events:none;max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#v5-value-graph{display:block;width:100%;height:100%;min-height:140px;overflow:visible;touch-action:none}#v5-value-graph text{fill:#82907c;font:9px var(--mono);user-select:none}.v5-grid{stroke:#2a342b;stroke-width:1;vector-effect:non-scaling-stroke}.v5-zero{stroke:#53624b;stroke-width:1;vector-effect:non-scaling-stroke}.v5-curve{fill:none;stroke:#c3ec83;stroke-width:2;vector-effect:non-scaling-stroke}.v5-graph-playhead{stroke:#e2a57b;stroke-width:1;stroke-dasharray:3 3;pointer-events:none;vector-effect:non-scaling-stroke}.v5-graph-key{fill:#213023;stroke:#a9cc81;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:move;touch-action:none}.v5-graph-key.selected,.v5-graph-key:focus{fill:#e1f6be;stroke:#fff}.v5-graph-key:focus-visible{outline:none;stroke-width:3}.v5-graph-bottom{display:flex;gap:15px;align-items:center;flex-shrink:0;padding:7px 15px 8px;border-top:1px solid #2f3a2f;background:#1a211c}.v5-key-fields{display:grid;grid-template-columns:90px 100px minmax(130px,200px);gap:7px 10px;flex:1;min-width:0}.v5-key-fields label{display:grid;gap:4px;min-width:0}.v5-graph-hint{grid-column:1/-1;margin:0;color:#8fa083;font-size:8px;line-height:1.5}.v5-bezier-box{flex:0 0 150px;position:relative;align-self:stretch}.v5-bezier-box[hidden]{display:none}#v5-bezier{width:150px;height:80px;overflow:visible;touch-action:none}.v5-bezier-box small{position:absolute;bottom:0;left:12px;font-size:8px;color:#82967a}.v5-bezier-grid{fill:#151b16;stroke:#43523d;stroke-width:1}.v5-tangent{stroke:#8299ba;stroke-width:1}.v5-tangent-handle{fill:#aec5e8;stroke:#e9efff;stroke-width:1;cursor:move;touch-action:none}.v5-bezier-end{fill:#e1f6be}.v5-empty{padding:25px;color:#99ab90}.v5-graph button:disabled,.v5-graph input:disabled,.v5-graph select:disabled{opacity:.35;cursor:default}
.v5-key-rows{background:#1b231c;border-top:1px solid #46523c;border-bottom:1px solid #46523c}.v5-rows-heading{display:flex;align-items:center;gap:14px;min-height:28px;padding:5px 12px;color:#a2b994;font:8px var(--mono)}.v5-rows-heading>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v5-rows-heading select{max-width:180px;background:#222e22;color:#bbcdb0;border:1px solid #465540;border-radius:3px;font-size:9px;padding:3px}.v5-key-row{display:flex;height:29px;border-top:1px solid #2d392c}.v5-key-label{display:flex;align-items:center;flex-shrink:0;padding:0 8px 0 24px;border-right:1px solid #44513c;gap:5px;background:#222c21}.v5-property-name{font-size:9px;text-align:left;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a1b295;padding:5px 0}.v5-property-name.active{color:#d9efb8}.v5-row-add{color:#a2bd8b;flex:0 0 20px;font-size:15px}.v5-key-lane{flex:1;position:relative;min-width:0;touch-action:none}.v5-row-key{position:absolute;top:0;transform:translateX(-50%);height:28px;width:22px;display:grid;place-items:center;font-size:11px;color:#a4c77e;cursor:ew-resize;touch-action:none;z-index:2;padding:0}.v5-row-key.selected{color:#f0ffd5;text-shadow:0 0 6px #b7e87b}.v5-row-key:focus-visible{outline:1px solid #d8f8aa;outline-offset:-3px}.v5-lane-hint{color:#687c61;font-size:8px;line-height:28px;padding-left:14px;pointer-events:none}.v5-effect-stack summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;color:#d3dfc9;font-size:11px}.v5-effect-stack summary::-webkit-details-marker{display:none}.v5-effect-stack[open] summary{margin-bottom:13px}.v5-effect-stack .hint{font-size:9px;line-height:1.6}.v5-effect-stack ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.v5-effect-stack li{display:flex;align-items:center;gap:6px;padding:9px 6px;border:1px solid #414b3a;border-radius:5px;background:#242d22}.v5-effect-stack li[draggable=true]{cursor:grab}.v5-effect-stack .v5-drop-target{border-color:#d3f398;background:#37462e}.v5-effect-grip{color:#7e9472;font-size:17px}.v5-effect-name{font-size:10px;flex:1;min-width:0}.v5-effect-name small{display:block;color:#8e9e82;font-size:8px;margin-top:4px;line-height:1.3}.v5-effect-stack li button{border:1px solid #4b5843;border-radius:3px;padding:5px 7px;color:#bad6a0}.v5-effect-stack li button:disabled{opacity:.25}.v5-effect-stack :focus-visible{outline:2px solid #c5ed94;outline-offset:2px}
@media(min-width:921px){body:has(.studio.graph-active){overflow-y:auto}.studio.graph-active{height:auto;min-height:calc(100vh - 72px);grid-template-rows:minmax(360px,calc(100vh - 462px)) 390px}.timeline-tools{gap:5px}.timeline-tools .v5-toggle{padding:6px;font-size:10px}}
@media(min-width:601px) and (max-width:920px){.studio.graph-active{grid-template-rows:clamp(340px,52vh,480px) 390px auto}.timeline.graph-open{height:390px}.timeline-tools{gap:3px}.timeline-tools .text-button{font-size:9px;padding:6px 4px}.timeline-tools .divider,.timeline-tools .small-label{display:none}.timeline-tools input{max-width:65px}.v5-graph-tools{gap:6px;padding:9px 10px}.v5-graph-tools>label:first-child{width:140px}.v5-graph-tools>label:nth-child(2){width:125px}}
@media(max-width:600px){.timeline-toolbar{height:auto;min-height:55px;flex-wrap:wrap;gap:4px;padding-top:5px;padding-bottom:5px}.timeline-tools{flex-wrap:wrap;gap:3px}.timeline-tools .text-button{font-size:9px;padding:5px}.timeline-title{font-size:11px}.timeline.graph-open{height:450px}.v5-graph-tools{flex-wrap:wrap;gap:7px;padding:9px 10px}.v5-graph-tools>label:first-child,.v5-graph-tools>label:nth-child(2){width:calc(50% - 4px)}.v5-graph-modes{margin-left:0;flex:1}.v5-graph-tools>button,.v5-graph-modes button{padding:6px;font-size:9px}.v5-plot-wrap{padding:5px 2px 0;min-height:145px}.v5-graph-bottom{padding:8px;gap:5px;align-items:flex-start}.v5-key-fields{grid-template-columns:1fr 1fr;gap:7px}.v5-easing-field{grid-column:1/-1}.v5-bezier-box{flex-basis:105px;align-self:center}#v5-bezier{width:105px;height:75px}.v5-bezier-box small{left:3px;bottom:-5px;font-size:7px}.v5-graph-hint{font-size:7px}.v5-key-label{padding-left:10px}.v5-rows-heading{padding:5px 8px;gap:7px}.v5-rows-heading select{max-width:135px;font-size:8px}.v5-effect-stack li button{min-height:32px;min-width:32px}}