.guide-dock-controls{display:flex;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid #8885;position:sticky;top:0;background:var(--surface,#fff);z-index:12}
.guide-dock-controls strong{margin-right:auto;font-size:11px;letter-spacing:.03em}.guide-dock-controls button{padding:5px 7px;font-size:11px;white-space:nowrap;min-height:28px}
body.guide-on-left{--left-rail:320px!important}body.guide-on-right{--right-rail:320px!important}
body.guide-on-left #project-sidebar,body.guide-on-right #right-panel{display:flex!important;flex-direction:column!important;overflow:hidden!important;width:320px!important;gap:0}
body.guide-on-left #project-sidebar>.rail-heading,body.guide-on-right #right-panel>#toggle-right{flex:none}
body.guide-on-left #project-sidebar>.sidebar-body,body.guide-on-right #right-panel>#creative-content{display:block!important;flex:1 1 0;min-height:90px;overflow:auto;padding-bottom:10px}
.guide-dock-slot{flex:0 0 48%;min-height:200px;max-height:65%;border-top:1px solid #8888;overflow:hidden;position:relative;margin:0 -4px}
.guide-dock-slot.minimized{flex:0 0 42px;min-height:42px;max-height:42px}
body dialog.guide-docked{position:static!important;display:block!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;padding:6px!important;box-shadow:none!important;overflow:auto!important}
.guide-dock-slot.minimized dialog.guide-docked{overflow:hidden!important;padding-block:0!important}.guide-dock-slot.minimized dialog.guide-docked>:not(.guide-dock-controls){display:none!important}
body dialog.guide-docked>header{display:none!important}body dialog.guide-docked .guide-dock-controls{padding:4px 0}
body dialog.guide-docked .fx-layout{display:flex!important;flex-direction:column!important;gap:10px!important}
body dialog.guide-docked .fx-layout>aside{position:static!important;width:100%!important;height:auto!important;padding:0!important;overflow:visible!important;inset:auto!important;border:0!important}
body dialog.guide-docked .fx-layout>aside:first-child nav{display:flex;max-height:85px;overflow:auto;gap:4px;flex-wrap:wrap}body dialog.guide-docked .fx-layout>aside:first-child nav button{padding:5px;font-size:11px;flex:0 0 auto;max-width:100%;width:auto}
body dialog.guide-docked .fx-layout>section{min-width:0;width:100%}body dialog.guide-docked .fx-model{width:100%!important;min-height:220px!important;height:260px!important}
body dialog.guide-docked p,body dialog.guide-docked label,body dialog.guide-docked summary{font-size:12px!important;line-height:1.45!important}body dialog.guide-docked h2,body dialog.guide-docked h3{font-size:15px!important}body dialog.guide-docked .camera-picker{display:flex;gap:4px;flex-wrap:wrap}body dialog.guide-docked button{padding:5px;font-size:11px}body dialog.guide-docked input,body dialog.guide-docked select{max-width:100%;padding:6px}body dialog.guide-docked .fx-note{font-size:10px!important;margin:8px 0}
html[data-appearance=dark] .guide-dock-controls{background:rgba(36,37,38,.94);color:#f2f2f2}html[data-appearance=dark] .guide-dock-slot{background:transparent}
@media(max-width:850px){body.guide-on-left #project-sidebar,body.guide-on-right #right-panel{width:min(340px,88vw)!important}body:not([data-mobile-panel=spaces]).guide-on-left #project-sidebar,body:not([data-mobile-panel=crew]).guide-on-right #right-panel{display:none!important}}

/* A dock fills its side; minimizing returns the regular rail above a bottom tile. */
body.guide-on-left:not(.guide-mini-left) #project-sidebar>:not(.guide-dock-slot),body.guide-on-right:not(.guide-mini-right) #right-panel>:not(.guide-dock-slot){display:none!important}
body .guide-dock-slot:not(.minimized){flex:1 1 100%;min-height:0;max-height:none;border-top:0}
body.guide-mini-left #project-sidebar>.sidebar-body,body.guide-mini-right #right-panel>#creative-content{display:block!important;flex:1 1 0;min-height:0;overflow:auto}

body.guide-on-right:not(.guide-mini-right) #right-panel>#creative-content,body.guide-on-left:not(.guide-mini-left) #project-sidebar>.sidebar-body{display:none!important;min-height:0!important;flex:none!important}

/* Keep the camera in view: top search region <= half, model below. */
body dialog.guide-docked:is(#cinema-explorer,#fx3-explorer){display:flex!important;flex-direction:column!important;overflow:hidden!important;gap:6px}
body dialog.guide-docked>.guide-dock-controls{flex:0 0 auto;position:static}
body dialog.guide-docked .fx-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,45fr) minmax(0,55fr)!important;flex:1 1 0!important;min-height:0!important;margin:0!important;gap:8px!important;overflow:hidden!important}
body dialog.guide-docked .fx-layout>aside:first-child{min-height:0!important;height:100%!important;overflow:auto!important;padding:0 5px 5px 0!important;border-bottom:1px solid #8885!important}
body dialog.guide-docked .fx-layout>aside:first-child nav{max-height:none!important;display:flex!important;flex-wrap:wrap!important;margin-top:8px!important}
body dialog.guide-docked .fx-layout>section{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow:auto!important;gap:5px}
body dialog.guide-docked .fx-layout>section>.fx-tabs{flex:0 0 auto;gap:3px}
body dialog.guide-docked .fx-model{display:block!important;flex:1 1 0!important;min-height:0!important;height:0!important;width:100%!important;margin:0!important}
body dialog.guide-docked .fx-layout>section>.fx-note{flex:0 0 auto;margin:0!important;font-size:9px!important;line-height:1.2!important}
body dialog.guide-docked .camera-picker{margin-top:0!important}
body dialog.guide-docked .dock-control-details{margin:8px 0;font-size:11px}
body dialog.guide-docked .dock-control-details .fx-instructions{padding:4px!important;border:0!important}