/* The timeline shares the stage's existing operating area. */
.me-panel{--me-height:202px;display:flex;flex-direction:column;flex:0 0 var(--me-height);height:var(--me-height);min-height:170px;max-height:380px;min-width:0;border-top:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised);color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.4 * var(--cb-leading-scale));overflow:hidden}
.me-panel[hidden]{display:none!important}
.me-panel *{box-sizing:border-box}
.me-resize{position:relative;flex:0 0 8px;min-height:8px;cursor:row-resize;touch-action:none;background:var(--cb-inset)}
.me-resize::after{content:'';position:absolute;left:calc(50% - 23px);top:2px;width:46px;height:3px;border-radius:calc(var(--cb-radius) * 0.25);background:var(--cb-inset)}
.me-resize:hover,.me-resize:focus-visible{background:var(--cb-hover)}
.me-toolbar,.me-transport,.me-footer,.me-result-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.35);min-width:0}
.me-toolbar{flex-shrink:0;min-height:33px;padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.45);border-bottom:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised)}
.me-toolbar-start,.me-toolbar-end,.me-footer-actions,.me-save-group,.me-tool-group{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25);min-width:0}
.me-toolbar-end,.me-footer-actions{margin-left:auto;flex-shrink:0}
.me-toolbar-start{overflow:hidden}.me-toolbar-start strong{font-size:calc(11px * var(--cb-type-scale));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.me-source{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.me-panel button,.me-panel select,.me-panel input:not([type=range]){min-height:27px;height:27px;padding:3px 7px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-surface);color:var(--cb-text);font:inherit;line-height:calc(1.3 * var(--cb-leading-scale))}
.me-panel button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;flex-shrink:0}
.me-panel button:hover:not(:disabled){background:var(--cb-hover);border-color:var(--cb-border-strong)}
.me-panel button:disabled{opacity:.45;cursor:not-allowed}
.me-panel button[aria-pressed=true]{background:var(--cb-selected);color:var(--cb-on-selected);border-color:var(--cb-border-strong)}
.me-panel button.me-primary{background:var(--cb-primary);color:var(--cb-on-primary);border-color:var(--cb-primary)}
.me-panel button.me-primary:hover:not(:disabled){background:var(--cb-primary-hover)}
.me-panel button:focus-visible,.me-panel input:focus-visible,.me-panel select:focus-visible,.me-panel summary:focus-visible,.me-panel a:focus-visible,.me-resize:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}
.me-scroll{flex:1;min-height:0;overflow:auto;padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.3);scrollbar-width:thin;scrollbar-color:#bbceb2 transparent;overscroll-behavior:contain}
.me-transport{min-height:28px}.me-transport .me-toolbar-start{overflow:visible;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.2)}
.me-panel button.me-small{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.25)}
.me-panel [data-me-play]{background:var(--cb-primary);color:var(--cb-on-primary);border-color:var(--cb-border-strong);min-width:42px}
.me-inline-label{display:inline-flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);white-space:nowrap;color:var(--cb-text);font-size:calc(10px * var(--cb-type-scale));min-width:0}
.me-panel input[type=number]{width:62px;font-variant-numeric:tabular-nums;padding-right:calc(var(--cb-editor-space) * 0.1)}
.me-panel [data-me-field=frame]{width:53px}.me-panel [data-me-field=fps]{width:75px}
.me-clock{color:var(--cb-text);white-space:nowrap;font-size:calc(10px * var(--cb-type-scale));font-variant-numeric:tabular-nums;flex-shrink:0}
.me-timeline{padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.05);margin:0 0 3px;min-width:0}
.me-ruler{display:flex;justify-content:space-between;gap:5px;color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale));font-variant-numeric:tabular-nums;height:12px}
.me-track{position:relative;height:20px;display:flex;align-items:center;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(5% - 1px),var(--cb-inset) calc(5% - 1px),var(--cb-inset) 5%);border-bottom:var(--cb-border-width) solid var(--cb-border)}
.me-track::before{content:'';position:absolute;left:0;right:0;height:3px;border-radius:calc(var(--cb-radius) * 0.16667);background:var(--cb-inset)}
.me-trim-band{position:absolute;top:4px;height:11px;background:color-mix(in srgb, var(--cb-inset) 26.66667%, transparent);border-left:calc(var(--cb-border-width) * 2) solid var(--cb-border-strong);border-right:calc(var(--cb-border-width) * 2) solid var(--cb-border-strong);pointer-events:none}
.me-panel input[type=range]{position:relative;z-index:1;display:block;width:100%;min-width:0;margin:0;accent-color:var(--cb-primary);cursor:pointer;background:transparent;height:20px}
.me-tools{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.5);flex-wrap:wrap;padding:calc(var(--cb-editor-space) * 0.15) 0 calc(var(--cb-editor-space) * 0.25);min-width:0}
.me-tool-group{flex-shrink:0;gap:calc(var(--cb-editor-space) * 0.2)}.me-tool-group+.me-tool-group{border-left:var(--cb-border-width) solid var(--cb-border);padding-left:calc(var(--cb-editor-space) * 0.45)}
.me-panel [data-me-field=root]{max-width:95px}.me-panel [data-me-field=yaw]{max-width:66px}
.me-footer{flex-shrink:0;gap:calc(var(--cb-editor-space) * 0.25);min-height:36px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.45);border-top:var(--cb-border-width) solid var(--cb-border);flex-wrap:nowrap;background:var(--cb-raised)}
.me-save-group{flex:1 1 0;flex-wrap:nowrap}.me-panel [data-me-field=name]{flex:1 1 80px;min-width:60px;width:100px;max-width:170px;font-size:calc(11px * var(--cb-type-scale))}
.me-draft-status{flex-shrink:0;min-width:0;margin:0;padding:0 calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.2);color:var(--cb-text);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.4 * var(--cb-leading-scale));overflow-wrap:anywhere}.me-draft-status:empty{display:none}.me-draft-status[data-error=true]{color:var(--cb-danger-ink)}
.me-result-row{justify-content:flex-start;align-items:flex-start;gap:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.5);padding-top:calc(var(--cb-editor-space) * 0.2);flex-wrap:wrap;font-size:calc(10px * var(--cb-type-scale))}
.me-recipe{max-width:100%;color:var(--cb-muted);flex-shrink:0}.me-recipe>summary{cursor:pointer;white-space:nowrap}.me-recipe ol{padding-left:calc(var(--cb-editor-space) * 1);margin:5px 0 2px;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-text)}.me-recipe li+li{margin-top:3px}
.me-status{color:var(--cb-text);min-width:0;flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.me-status:empty{display:none}.me-status[data-error=true]{color:var(--cb-danger-ink)}
.me-result-row>a{color:var(--cb-text);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.me-loading{padding:calc(var(--cb-editor-space) * 0.5);margin:0;color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale))}
.me-extension[hidden]{display:none!important}
@media(max-width:700px){.me-panel{--me-height:235px}.me-source{display:none}.me-toolbar-start strong{max-width:155px}.me-tools{justify-content:flex-start}.me-tool-group+.me-tool-group{border:0;padding-left:0}.me-panel [data-me-field=name]{width:120px}.me-toolbar{padding-left:calc(var(--cb-editor-space) * 0.35);padding-right:calc(var(--cb-editor-space) * 0.35)}.me-scroll{padding-left:calc(var(--cb-editor-space) * 0.35);padding-right:calc(var(--cb-editor-space) * 0.35)}.me-footer{flex-wrap:wrap;padding-left:calc(var(--cb-editor-space) * 0.35);padding-right:calc(var(--cb-editor-space) * 0.35)}.me-save-group{flex:1 1 260px;flex-wrap:wrap}.me-footer-actions{margin-left:auto}.me-draft-status{padding-left:calc(var(--cb-editor-space) * 0.35);padding-right:calc(var(--cb-editor-space) * 0.35)}.me-clock{font-size:calc(9px * var(--cb-type-scale))}}
@media(max-width:440px){.me-toolbar-start strong{max-width:110px}.me-panel button{padding-left:calc(var(--cb-editor-space) * 0.25);padding-right:calc(var(--cb-editor-space) * 0.25);font-size:calc(10px * var(--cb-type-scale))}.me-transport{flex-wrap:wrap}.me-tool-group{flex-wrap:wrap}.me-panel input[type=number]{width:55px}.me-footer-actions{gap:calc(var(--cb-editor-space) * 0.2)}.me-panel [data-me-field=name]{width:110px}}

/* Studio keeps tools beside the viewport and gives the timeline its own dock. */
.me-panel.me-timeline-panel,.me-panel.me-tools-panel{flex:1 1 auto;height:100%;min-height:0;max-height:none;border:0}
.me-transport-strip{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.6);flex-shrink:0;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.5);border-bottom:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised)}
.me-transport-strip>.me-transport{flex:1 1 380px;min-width:0;gap:calc(var(--cb-editor-space) * 0.4)}
.me-transport-strip>.me-timeline{flex:1 1 200px;margin:0;padding:0;min-width:160px}
.me-timeline-host{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}
.me-timeline-host[hidden]{display:none!important}
.me-tools-panel>.me-toolbar{gap:calc(var(--cb-editor-space) * 0.25);padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.4);min-height:36px}
.me-tools-panel .me-toolbar-start strong{max-width:145px;font-size:calc(12px * var(--cb-type-scale))}
.me-tools-panel .me-source{display:none}
.me-tools-panel .me-toolbar-end{gap:calc(var(--cb-editor-space) * 0.15)}
.me-tools-panel .me-toolbar-end button{padding-left:calc(var(--cb-editor-space) * 0.3);padding-right:calc(var(--cb-editor-space) * 0.3)}
.me-tools-panel>.me-scroll{padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.4)}
.me-tools-panel .me-tools{display:block;padding:0}
.me-tools-panel .me-tool-group{display:flex;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.25);padding:calc(var(--cb-editor-space) * 0.35) 0;border:0;border-bottom:var(--cb-border-width) solid var(--cb-border);min-width:0}
.me-tools-panel .me-tool-group+.me-tool-group{padding-left:0}
.me-tools-panel .me-inline-label{font-size:calc(11px * var(--cb-type-scale))}
.me-tools-panel input[type=number]{width:57px}
.me-tools-panel [data-me-field=root]{max-width:130px}
.me-tools-panel [data-me-field=yaw]{max-width:80px}
.me-tools-panel>.me-footer{align-items:stretch;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.3);padding:calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.5);min-height:0}
.me-tools-panel .me-save-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.25);flex:none}
.me-tools-panel [data-me-field=name]{grid-column:1/-1;max-width:none;min-width:0;width:100%;height:31px;font-size:calc(12px * var(--cb-type-scale))}
.me-tools-panel .me-save-group button{min-width:0;padding-left:calc(var(--cb-editor-space) * 0.25);padding-right:calc(var(--cb-editor-space) * 0.25)}
.me-tools-panel .me-footer-actions{margin-left:0;justify-content:flex-end}
.me-tools-panel .me-draft-status{padding:0 calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.3)}
.me-tools-panel .me-result-row{padding-top:calc(var(--cb-editor-space) * 0.35)}
.me-tools-panel .me-shared-results{padding:0;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:calc(var(--cb-editor-space) * 0.2);max-height:96px;overflow:auto}
.me-shared-results[hidden]{display:none!important}
.me-tools-panel .me-extension{margin-top:3px}
@media(max-width:700px){.me-tools-panel .me-toolbar-start strong{max-width:105px}.me-tools-panel .me-save-group{flex:none;flex-wrap:initial}.me-timeline-panel>.me-transport .me-toolbar-start{gap:calc(var(--cb-editor-space) * 0.15)}.me-timeline-panel>.me-transport{padding-left:calc(var(--cb-editor-space) * 0.35);padding-right:calc(var(--cb-editor-space) * 0.35)}}

.me-footer-actions .me-export-props{display:inline-flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);white-space:nowrap;font-size:calc(11px * var(--cb-type-scale))}.me-footer-actions .me-export-props input{width:14px;min-width:14px;min-height:14px;margin:0}.me-footer-actions select[data-me-field="export-format"]{min-width:55px;width:60px;padding:3px}