.tool-app .studio>.transport{grid-column:1/-1;border-top:1px solid #303030;padding:14px 18px 18px}.tool-app .scene{display:block;min-height:54px}.tool-app .scene strong{display:block}.tool-app .scene small{display:block;margin-top:4px}.tool-app .sidebar{max-height:540px}.tool-app .workspace .stage{height:clamp(280px,43vh,500px)}.tool-app .motion-inspector{max-height:560px;overflow:auto;scrollbar-width:thin}.clip-inspector h2{font-size:12px;font-weight:600;margin:0 0 14px}.clip-inspector label{display:block;color:#aaa;font-size:11px;margin:12px 0}.clip-inspector input,.clip-inspector textarea,.clip-inspector select{display:block;width:100%;margin-top:5px}.clip-inspector .unit{float:right;color:#666}.clip-actions{display:flex;gap:6px}.clip-inspector .time-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clip-inspector hr{border:0;border-top:1px solid #303030;margin:20px 0}.tool-app .global-motion{padding-top:20px}.tool-app .global-motion .director{padding-top:16px;display:block}.editor-tracks{position:relative;margin-top:16px;padding-left:85px}.time-ruler{display:flex;justify-content:space-between;color:#707070;font:10px ui-monospace,monospace;margin-bottom:10px}.track-row{position:relative;margin-top:7px}.track-row>span{position:absolute;left:-85px;top:10px;font-size:11px;color:#858585}.track{position:relative;height:36px;border-radius:5px;background:repeating-linear-gradient(90deg,#202020 0,#202020 calc(12.5% - 1px),#333 12.5%)}.tool-app .track button{position:absolute;top:3px;height:30px;min-height:0;padding:3px 9px;border:1px solid #45424e;border-radius:4px;background:#302d39;color:#d4cee4;text-align:left;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-app .track .dialogue-clip{background:#253133;border-color:#3c4c4f;color:#b6d0d4}.tool-app .track button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #bfb6dc;background:#484152;color:#fff}.editor-playhead{position:absolute;left:calc(85px + (100% - 85px)*0);top:20px;bottom:0;width:1px;background:#ded7f3;pointer-events:none}.editor-tracks .editor-playhead{left:calc(85px + var(--playhead,0%)*.92)}.path-editor{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.editing-path .path-editor{display:block}.curve-line{fill:none;stroke:#bcb3d5;stroke-width:2;vector-effect:non-scaling-stroke}.curve-guide{fill:none;stroke:#ffffff40;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.tool-app .path-handle{display:none;position:absolute;z-index:4;width:18px;height:18px;min-height:0;padding:0;border:2px solid #c5b9e5;border-radius:50%;background:#25212c;transform:translate(-50%,-50%);cursor:grab}.editing-path .path-handle{display:block}.tool-app .path-handle[data-handle=bend]{border-radius:3px;background:#a59abb}.editing-path{touch-action:none;cursor:crosshair}.tool-app .transport .tool-hint{margin:8px 0 0}.tool-app .clip-inspector button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:760px){.tool-app .motion-inspector{max-height:none}.editor-tracks{padding-left:60px}.track-row>span{left:-60px}.tool-app .track button{font-size:10px;padding:3px}.tool-app .transport{order:3}.tool-app .motion-inspector{order:4}}
.tool-app [hidden]{display:none!important}.editor-tracks{touch-action:none}.editor-playhead{z-index:5;width:18px;transform:translateX(-9px);background:transparent;pointer-events:auto;cursor:ew-resize;top:0}.editor-playhead:after{content:'';position:absolute;left:8px;top:16px;bottom:0;width:2px;background:#ded7f3}.editor-playhead span{display:block;width:14px;height:17px;margin-left:2px;background:#ded7f3;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.editor-playhead:focus-visible{outline:2px solid #b9b0d0;outline-offset:3px}.tool-app .cursor-hit,.tool-app .bubble-hit{position:absolute;z-index:4;border:1px solid transparent;background:transparent;padding:0;min-height:0;border-radius:8px}.tool-app .cursor-hit:hover,.tool-app .bubble-hit:hover,.tool-app .cursor-hit.selected,.tool-app .choosing-cursor .cursor-hit{border-color:#c5b9e5;background:#c5b9e511}.tool-app .canvas-dialogue{position:absolute;z-index:7;min-height:64px;resize:none;background:#c6c2df;color:#22232a;border:2px solid #eeeafc;border-radius:0 14px 14px 14px;padding:10px 12px;font:14px/1.4 system-ui;box-shadow:0 0 0 3px #b6a6d333}.tool-app .canvas-done{position:absolute;z-index:7;padding:4px 10px;min-height:28px}.moment-messages{display:grid;gap:5px;margin-bottom:12px}.tool-app .moment-messages button{text-align:left;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-motion{border-top:1px solid #333;margin-top:20px}.tool-app .workspace .stage{height:clamp(250px,39vh,440px)}.tool-app .sidebar,.tool-app .motion-inspector{max-height:calc(39vh + 60px)}
.tool-app .canvas-dialogue{border-radius:16px;border:1px solid #eeeafc;box-shadow:0 12px 28px #0008,0 3px 8px #0005;padding:14px;outline-offset:3px}.moment-toolbar{display:flex;align-items:center;gap:8px;min-width:0}.moment-toolbar label{font-size:10px;color:#999}.moment-toolbar input{display:block;width:130px;padding:5px 8px!important}.moment-toolbar input[type=number]{width:65px}.moment-toolbar select{max-width:145px}.tool-app .stage-head{gap:10px;flex-wrap:wrap}.tool-app .stage-head .unit{display:none}.tool-app .global-motion{position:relative;margin:0;padding:0;border:0}.global-motion>summary{padding:9px;border:1px solid #333;border-radius:6px;font-size:12px;cursor:pointer}.tool-app .global-motion .director{position:absolute;bottom:45px;right:0;width:270px;padding:18px;background:#191919;border:1px solid #444;border-radius:10px;z-index:12;box-shadow:0 12px 30px #0008}.tool-app .trim-handle{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize;border-radius:2px}.trim-handle.start{left:0}.trim-handle.end{right:0}.dialogue-clip:hover .trim-handle,.dialogue-clip[aria-pressed=true] .trim-handle{background:#ded7f344}.tool-app .track .dialogue-clip{cursor:grab;padding-left:12px;padding-right:12px;touch-action:none}.tool-app .moment-messages button[aria-pressed=true]{background:#484152;border-color:#bfb6dc}.tool-app .stage-head{padding:10px 14px}.tool-app .motion-inspector{max-height:calc(39vh + 88px)}
.global-motion summary{list-style:none}.global-motion summary::-webkit-details-marker{display:none}.moment-combined{display:flex;position:relative;align-items:center;height:34px;background:#232323;border:1px solid #383838;border-radius:6px}.moment-number{padding-left:10px;white-space:nowrap;color:#b8b8b8;font-size:12px}.tool-app .moment-combined input{background:transparent;border:0!important;width:135px;height:32px;margin:0;box-shadow:none}.tool-app .moment-caret{border:0;border-left:1px solid #444;border-radius:0 5px 5px 0;width:30px;height:32px;padding:0}.moment-menu{position:absolute;top:40px;left:0;min-width:220px;background:#262626;border:1px solid #444;border-radius:8px;padding:5px;z-index:30;box-shadow:0 8px 24px #0009}.tool-app .moment-menu button{display:block;width:100%;text-align:left;background:transparent;border:0}.moment-menu button[aria-current=true]{color:#d8cfee}.moment-duration{display:flex!important;align-items:center;gap:5px}.tool-app .moment-duration input{margin:0;height:34px}.tool-app .stage-head,.stage-tools,.moment-toolbar{align-items:center}.tool-app .stage-head button{height:34px}.path-tools{display:flex;align-items:center;gap:8px;background:#1c1b20;padding:8px 12px;font-size:11px;color:#aaa}.path-tools span{flex:1}.paths-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.paths-layer svg{position:absolute;width:100%;height:100%;overflow:visible}.paths-layer path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}.selected-path{stroke:#c9bce5}.other-path{stroke:#8aa8a5}.record-trace{stroke:#f1dbc3;pointer-events:none!important}.tool-app .path-node{position:absolute;pointer-events:auto;width:12px;height:12px;min-height:0;padding:0;border:2px solid #d8ceec;border-radius:50%;background:#3c3648;transform:translate(-50%,-50%);cursor:grab}.tool-app .path-node[aria-pressed=true]{background:#eee}.editing-path .path-editor,.editing-path .path-handle{display:none!important}.scene-actions{display:flex;gap:5px;padding:0 10px 12px}.tool-app .scene-actions button{font-size:11px;padding:5px 8px}.scene[draggable=true]{cursor:grab}
/* The editor fills the application window; only its panels scroll. */
@media(min-width:900px){
  body.tool-app.playground{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
  .tool-app.playground>header{flex:none;position:relative}
  .tool-app.playground>main{flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:0;display:flex}
  .tool-app.playground .studio{flex:1;min-height:0;grid-template-columns:190px minmax(0,1fr) 270px;grid-template-rows:minmax(0,1fr) auto;border:0;border-radius:0}
  .tool-app.playground .workspace{display:flex;flex-direction:column;min-height:0;overflow:hidden}
  .tool-app.playground .workspace .stage{flex:1;height:auto;min-height:0}
  .tool-app.playground .stage-head,.tool-app.playground .path-tools{flex:none}
  .tool-app.playground .sidebar,.tool-app.playground .motion-inspector{min-height:0;max-height:none;overflow:auto}
  .tool-app.playground .motion-inspector{grid-column:auto;border-top:0;border-left:1px solid #292929}
  .tool-app.playground .editor-tracks{max-height:30vh;overflow-y:auto;overflow-x:hidden;padding-bottom:2px}
}
.paths-layer .context-segment{stroke:#9c9baf;opacity:.22;stroke-width:1.5}.paths-layer .active-segment{stroke:#d3c6ef;stroke-width:2.5}.paths-layer .segment-hit{stroke:transparent;stroke-width:16;cursor:ew-resize}.path-progress{fill:#eee8fb;stroke:#342c46;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.path-boundary{position:absolute;transform:translate(8px,-24px);font-size:10px;color:#bcb4cc;background:#19161de6;padding:2px 5px;border-radius:4px;pointer-events:none;white-space:nowrap}.path-boundary:nth-of-type(even){transform:translate(8px,12px)}.path-tools{flex-wrap:wrap}.point-time{display:flex;align-items:center;gap:6px;color:#ddd}.point-time input{width:68px}.paths-layer svg{pointer-events:none}

.paths-layer .path-progress{position:absolute;width:10px;height:10px;box-sizing:border-box;border:2px solid #342c46;border-radius:50%;background:#eee8fb;transform:translate(-50%,-50%);pointer-events:none}

.tool-app .scene-actions{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px 9px;gap:8px}.tool-app .scene-actions .eyebrow{margin:0;padding:0}.tool-app .scene-actions #new-scene{width:28px;height:28px;min-height:28px;padding:0;font:20px/1 system-ui;background:transparent;border-color:transparent;color:#aaa}.tool-app .scene-actions #new-scene:hover{background:#292929;color:#eee}.scene-context-menu{position:fixed;z-index:100;min-width:150px;padding:5px;background:#252525;border:1px solid #444;border-radius:8px;box-shadow:0 8px 24px #0008}.tool-app .scene-context-menu button{width:100%;text-align:left;border:0;background:transparent}.tool-app .scene-context-menu button:hover{background:#383838}