/* Local workflow controls use the established director palette and type scale. */
.jmd-director .jmd-flow-panel,.jmd-director .jmd-flow-dialog,.jmd-director .jmd-library-panel { position:absolute;z-index:25;display:flex;flex-direction:column;gap:12px;min-width:0;max-height:calc(100% - 24px);padding:16px;overflow:auto;border:1px solid #ffffff12;border-radius:12px;background:#242426;box-shadow:0 12px 40px #0007;color:#bbbcc5;font:11px/18px "PingFang SC","Microsoft YaHei",sans-serif; }
.jmd-director .jmd-flow-panel { bottom:12px;right:12px;width:min(440px,calc(100% - 72px)); }
.jmd-director .jmd-flow-dialog { top:50%;left:50%;width:min(440px,calc(100% - 32px));transform:translate(-50%,-50%); }
.jmd-director .jmd-library-panel { top:56px;bottom:12px;right:12px;width:min(560px,calc(100% - 24px));padding:0; }
.jmd-director :is(.jmd-flow-panel,.jmd-flow-dialog,.jmd-library-panel)>header { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.jmd-director .jmd-library-panel>header { padding:12px 16px 0; }
.jmd-director :is(.jmd-flow-panel,.jmd-flow-dialog) strong { font-size:13px;font-weight:500;color:#e3e3e9; }
.jmd-director .jmd-flow-note { margin:0;color:#8d8d97;font-size:10px;line-height:17px; }
.jmd-director .jmd-flow-row { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.jmd-director .jmd-flow-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.jmd-director .jmd-flow-field { display:flex;align-items:center;gap:6px;min-width:0; }
.jmd-director .jmd-flow-form .jmd-flow-field { flex-direction:column;align-items:stretch;gap:6px; }
.jmd-director .jmd-flow-field>span { flex:0 0 auto;color:#9999a4; }
.jmd-director .jmd-flow-field :is(input,select) { width:100%;min-width:0;height:28px;padding:4px 6px;background:#303033;border:1px solid #ffffff08; }
.jmd-director .jmd-flow-row>.jmd-flow-field { flex:1 1 100px; }
.jmd-director .jmd-path-points { max-height:180px;overflow:auto;scrollbar-width:thin; }
.jmd-director .jmd-path-point { display:grid;grid-template-columns:24px repeat(3,minmax(0,1fr));gap:6px;margin-bottom:7px; }
.jmd-director .jmd-path-point>button[aria-pressed="true"] { background:#49616a;color:#e9f5f6; }
.jmd-director .jmd-flow-panel footer { display:flex;justify-content:space-between;gap:12px; }
.jmd-director :is(.jmd-flow-panel,.jmd-flow-dialog) button { background:#353539;min-height:28px; }
.jmd-director .jmd-flow-panel footer>button:last-child,.jmd-director .jmd-flow-dialog>button:last-child { background:#d5e5e8;color:#1b272c; }
.jmd-director .jmd-flow-dialog progress { width:100%;height:5px;accent-color:#94b9c0; }
.jmd-director .jmd-track-content { min-height:62px; }
.jmd-director .jmd-animation-clip { position:absolute;top:31px;height:22px;justify-content:flex-start;overflow:hidden;padding:2px 8px;border:1px solid #647f8b88;background:#44586677;color:#c4e2e9;white-space:nowrap;text-overflow:ellipsis; }
.jmd-director .jmd-path-clip { top:5px;background:#35584a77;border-color:#649b8888; }
.jmd-director .jmd-timeline-track { min-height:64px; }
.jmd-director .jmd-view-menu label { display:flex;align-items:center;gap:8px;height:30px;padding:4px; }
.jmd-director .jmd-resize-handle { position:absolute;z-index:12;background:transparent;touch-action:none; }
.jmd-director .jmd-resize-handle:hover,.jmd-director .jmd-resize-handle:focus-visible { background:#8aabb666; }
.jmd-director .jmd-assets-resizer { width:6px;top:52px;bottom:0;left:calc(var(--jmd-assets-width) - 3px);cursor:ew-resize; }
.jmd-director.is-assets-collapsed .jmd-assets-resizer { display:none; }
.jmd-director .jmd-inspector-resizer { width:6px;top:52px;bottom:0;right:calc(var(--jmd-inspector-width) - 3px);cursor:ew-resize; }
.jmd-director .jmd-timeline-resizer { height:6px;width:100%;left:0;top:0;cursor:ns-resize; }
.jmd-director .jmd-object-resizer { position:relative;height:6px;flex:0 0 6px;cursor:ns-resize; }
.jmd-director .jmd-objects { flex-basis:var(--jmd-objects-height,45%); }
.jmd-director .jmd-dynamic-timeline { flex-basis:var(--jmd-timeline-height,244px);height:var(--jmd-timeline-height,244px); }
.jmd-director .jmd-panel-toggle { position:absolute;z-index:14;right:var(--jmd-inspector-width);top:56px;background:#242426; }
.jmd-director.is-inspector-collapsed { --jmd-inspector-width:0px!important; }
.jmd-director.is-inspector-collapsed .jmd-inspector,.jmd-director.is-inspector-collapsed .jmd-inspector-resizer { display:none; }
@media(max-width:760px){.jmd-director .jmd-flow-panel { position:fixed;bottom:8px;right:8px;width:calc(100% - 16px);max-height:60dvh; }.jmd-director .jmd-library-panel { position:fixed;inset:8px;width:auto;max-height:none; }.jmd-director .jmd-flow-dialog { position:fixed;max-height:calc(100dvh - 16px); }.jmd-director :is(.jmd-assets-resizer,.jmd-inspector-resizer,.jmd-object-resizer,.jmd-panel-toggle) { display:none; }.jmd-director .jmd-dynamic-timeline { min-height:220px; }.jmd-director .jmd-track-content { min-height:62px; }}

.jmd-director .jmd-flow-backdrop { position:absolute;z-index:30;inset:0;background:#0008; }
.jmd-director .jmd-preview-header select { flex:1;max-width:calc(100% - 30px);height:24px;padding:2px 4px;background:transparent;border:0; }
.jmd-director .jmd-preview-resizer { right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize; }
.jmd-director .jmd-preview-resizer:after { content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:1px solid #8b8b97;border-bottom:1px solid #8b8b97; }

.jmd-director.is-dynamic :is(.jmd-assets-resizer,.jmd-inspector-resizer) { bottom:var(--jmd-timeline-height,244px); }
@media(max-width:760px){.jmd-director .jmd-flow-backdrop { position:fixed; }}
