/* Mobile-only shell. The 3D camera, scene and gesture surfaces remain untouched. */
.director-mobile-controls{display:none}
@media(max-width:979px){
 html[data-director-mobile-ready="true"],html[data-director-mobile-ready="true"] body,html[data-director-mobile-ready="true"] #root{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
 .director-workbench[data-director-mobile="true"]{width:100%;height:100dvh;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr)}
 .director-workbench[data-director-mobile="true"]>.director-topbar{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:6px;padding:8px;min-width:0}
 /* The Star standalone chrome is a separate fixed body child, not part of the
    director header. Reserve its existing row rather than hiding any tool. */
 html.gx-independent[data-director-mobile-ready="true"] .director-topbar{padding-top:64px}
 html.gx-independent[data-director-mobile-ready="true"] .gx-independent-brandmark{left:10px;height:56px;min-width:0;max-width:126px;gap:6px}
 html.gx-independent[data-director-mobile-ready="true"] .gx-independent-brandmark b{font-size:13px!important}
 html.gx-independent[data-director-mobile-ready="true"] .gx-independent-brandmark i{width:14px}
 html.gx-independent[data-director-mobile-ready="true"] .gx-independent-brandmark span{display:none}
 html.gx-independent[data-director-mobile-ready="true"] .gx-independent-account{top:5px;right:8px;max-width:calc(100% - 140px);gap:6px;padding-left:6px;overflow-x:auto;overflow-y:hidden;box-shadow:none}
 html.gx-independent[data-director-mobile-ready="true"] .gx-independent-account .gx-independent-pill{flex-shrink:0;width:30px;padding:0;justify-content:center}
 .director-workbench[data-director-mobile="true"]>.director-topbar>div:first-child{grid-row:1;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}
 .director-workbench[data-director-mobile="true"]>.director-topbar>div:first-child>span:nth-child(2){font-size:12px}
 .director-workbench[data-director-mobile="true"]>.director-topbar>div:first-child>span:last-child{min-width:0;max-width:none;flex:1}
 .director-workbench[data-director-mobile="true"] .director-view-switch{position:static;grid-row:2;justify-self:center;max-width:100%;transform:none;overflow-x:auto}
 .director-workbench[data-director-mobile="true"] .director-view-switch button{min-width:72px;white-space:nowrap;flex-shrink:0}
 .director-workbench[data-director-mobile="true"]>.director-topbar>div.ml-auto{grid-row:3;width:100%;max-width:100%;margin-left:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:3px 1px}
 .director-workbench[data-director-mobile="true"]>.director-topbar>div.ml-auto>*{flex-shrink:0;white-space:nowrap}
 .director-workbench[data-director-mobile="true"] .director-mobile-controls{display:flex;grid-row:4;gap:6px;min-width:0;justify-content:center}
 .director-workbench[data-director-mobile="true"] .director-mobile-controls button{min-height:34px;padding:5px 10px;border:1px solid #555;border-radius:6px;background:#2a3038;color:#edf1f6;font-size:12px;white-space:nowrap;cursor:pointer}
 .director-workbench[data-director-mobile="true"] .director-mobile-controls button[aria-expanded="true"]{background:#26534d;border-color:#78cbb8}
 .director-workbench[data-director-mobile="true"] .director-mobile-controls button:focus-visible{outline:2px solid #84dec9;outline-offset:2px}
 .director-workbench[data-director-mobile="true"] .director-mobile-controls button:disabled{opacity:.5;cursor:not-allowed}
 .director-workbench[data-director-mobile="true"] .director-workbench__main{position:relative;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0}
 .director-workbench[data-director-mobile="true"] .director-stage{grid-column:1;grid-row:1;min-width:0}
 .director-workbench[data-director-mobile="true"] .director-dock{position:absolute;top:0;bottom:0;width:min(288px,calc(100% - 44px));max-width:calc(100% - 44px);z-index:70;visibility:hidden;pointer-events:none;transition:transform .16s ease,visibility .16s}
 .director-workbench[data-director-mobile="true"] .director-dock--left{left:0;transform:translateX(-100%);border-right:1px solid #555}
 .director-workbench[data-director-mobile="true"] .director-dock--right{right:0;transform:translateX(100%);border-left:1px solid #555}
 .director-workbench[data-director-mobile="true"][data-director-mobile-panel="left"] .director-dock--left,.director-workbench[data-director-mobile="true"][data-director-mobile-panel="right"] .director-dock--right{visibility:visible;pointer-events:auto;transform:none}
 .director-workbench[data-director-mobile="true"] .director-inspector-body{overscroll-behavior-y:contain}
 .director-workbench[data-director-mobile="true"] .director-stage>section[aria-label="动画时间轴"]{max-width:calc(100% - 20px);max-height:50%;overflow:auto;overscroll-behavior:contain}
 .director-workbench[data-director-mobile="true"][data-director-readonly="true"]>.director-topbar{padding-top:76px}
 html.gx-independent[data-director-mobile-ready="true"] .director-workbench[data-director-readonly="true"]>.director-topbar{padding-top:132px}
 html[data-director-mobile-ready="true"] .xinghe-director-access{top:8px;bottom:auto;max-width:calc(100vw - 24px);max-height:60px;overflow:auto;font-size:11px}
 html.gx-independent[data-director-mobile-ready="true"] .xinghe-director-access{top:64px}
}
@media(max-width:979px) and (prefers-reduced-motion:reduce){.director-workbench[data-director-mobile="true"] .director-dock{transition:none}}

/* Selected director view/inspector tabs keep their standalone theme foreground
   during generic hover. No layout, state or business action changes. */
html.gx-independent .director-workbench .director-view-switch button.is-active[role="tab"][aria-selected="true"],
html.gx-independent .director-workbench .director-inspector-tabs button.is-active[role="tab"][aria-selected="true"]{
 color:var(--gx-on-accent,#111210)!important;
 -webkit-text-fill-color:currentColor!important;
}

/* Director-only pointer clearance: the bottom toolbar remains in place.
   104px = observed72px toolbar +20px bottom offset +12px clear gap.
   Actual 320..1440 hit tests are required before integration. */
html.gx-independent .director-workbench .director-stage>div:has(>button.ui-side-action){bottom:104px}
html.gx-independent .director-workbench[data-director-mobile="true"] .director-stage>div:has(>button.ui-side-action){flex-direction:row;align-items:flex-end}
html.gx-independent[data-director-mobile-ready="true"]:has(.director-stage) .gx-independent-theme{left:18px;right:auto;bottom:104px}

/* The now-exposed toolbar collapse arrow inherits the readable button color. */
html.gx-independent .director-workbench .director-stage button[title="收起工具栏"]>svg{color:inherit}

/* Mobile drawers retain the background theme control without covering labels.
   The mobile 720 surface reserves clearance above the existing assistant. */
html.gx-independent[data-director-mobile-ready="true"]:has(.director-workbench[data-director-mobile-panel="left"]) .gx-independent-theme,
html.gx-independent[data-director-mobile-ready="true"]:has(.director-workbench[data-director-mobile-panel="right"]) .gx-independent-theme{visibility:hidden;pointer-events:none}
html.gx-independent[data-director-mobile-ready="true"]:has(.director-workbench [data-workflow-surface]) .gx-independent-theme{bottom:80px}