/* Shared shell integrity rules for every UrbanXentra Production Studio workspace. */
.xentra-media-studio{width:100%;height:100dvh;min-height:620px;overflow:hidden}
.xentra-media-studio .app-shell{width:100%;height:100dvh;min-width:0;display:grid;grid-template-rows:auto minmax(240px,1fr) clamp(250px,36vh,320px);overflow:hidden}
.xentra-media-studio .app-header{position:relative;z-index:50;display:grid;grid-template-columns:minmax(210px,auto) minmax(280px,1fr) auto;grid-template-areas:"brand project history" "actions actions actions";gap:7px 14px;width:100%;min-width:0;min-height:0;height:auto;max-height:none;padding:7px 12px 5px;overflow:hidden;align-items:center;background:linear-gradient(100deg,#06080c,#111e2e)}
.xentra-media-studio .brand{grid-area:brand;min-width:0}
.xentra-media-studio .project-control{grid-area:project;min-width:0;max-width:720px}
.xentra-media-studio .history-controls{grid-area:history;justify-self:end;min-width:max-content}
.xentra-media-studio .header-actions{grid-area:actions;display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start;width:100%;max-width:none;min-width:0;min-height:38px;padding:2px 0 5px;gap:6px;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;scrollbar-color:#b37e20 #111820;overscroll-behavior-inline:contain}
.xentra-media-studio .header-actions::-webkit-scrollbar,.xentra-media-studio .workspace-topbar::-webkit-scrollbar{height:7px}
.xentra-media-studio .header-actions::-webkit-scrollbar-thumb,.xentra-media-studio .workspace-topbar::-webkit-scrollbar-thumb{border-radius:10px;background:#9d711f}
.xentra-media-studio .header-actions>*{flex:0 0 auto;min-height:31px;max-height:34px;padding:6px 9px!important;font-size:10px!important;line-height:1!important;white-space:nowrap}
.xentra-media-studio .editing-area{position:relative;z-index:1;min-width:0;min-height:0;overflow:hidden;grid-template-columns:clamp(220px,15vw,292px) minmax(360px,1fr) clamp(240px,15vw,292px)}
.xentra-media-studio .left-panel,.xentra-media-studio .monitor-column,.xentra-media-studio .right-panel{min-width:0;min-height:0;max-height:100%;overflow:hidden}
.xentra-media-studio .right-panel{overflow:auto}
.xentra-media-studio .monitor-head,.xentra-media-studio .inspector-head{position:relative;top:auto;min-width:0}
.xentra-media-studio .timeline-dock{position:relative;z-index:2;min-width:0;min-height:0;max-height:100%;overflow:hidden}
.xentra-media-studio .creation-workspace{position:relative;z-index:40;min-width:0;min-height:0;grid-template-rows:54px minmax(0,1fr)!important;overflow:hidden}
.xentra-media-studio .workspace-topbar{display:flex!important;flex-wrap:nowrap!important;align-items:center;align-content:center;width:100%;height:54px!important;min-height:54px!important;padding:7px 10px;gap:6px;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;overscroll-behavior-inline:contain}
.xentra-media-studio .workspace-topbar strong{display:block!important;flex:0 0 auto!important;margin-right:8px;white-space:nowrap}
.xentra-media-studio .workspace-topbar button{flex:0 0 auto;min-height:32px;max-height:34px;padding:6px 10px;white-space:nowrap;font-size:10px}
.xentra-media-studio .workspace-topbar .workspace-close{position:sticky;right:0;z-index:3;margin-left:auto!important;border-left:2px solid #bc8b2a;background:#16202b;box-shadow:-12px 0 18px #0b1119}
.xentra-media-studio .workspace-body{min-width:0;min-height:0;overflow:auto!important;scrollbar-gutter:stable;overscroll-behavior:contain}
.xentra-media-studio .workspace-pane,.xentra-media-studio .workspace-pane>*{min-width:0;max-width:100%}
.layout-integrity-status{position:fixed;right:12px;bottom:12px;z-index:250;display:none;max-width:min(460px,calc(100vw - 24px));border:1px solid #84434a;border-radius:8px;padding:9px 12px;background:#2b1015ed;color:#ffd8db;font-size:10px;line-height:1.4;box-shadow:0 10px 32px #000a}
.layout-integrity-status.show{display:block}
.xentra-media-studio[data-layout-integrity="pass"] .app-header{box-shadow:0 7px 25px #0009}
@media(max-width:900px){
  .xentra-media-studio{height:100dvh;min-height:560px;overflow:hidden}
  .xentra-media-studio .app-shell{height:100dvh;min-height:0;grid-template-rows:auto minmax(260px,1fr) 280px}
  .xentra-media-studio .app-header{grid-template-columns:minmax(180px,auto) minmax(220px,1fr) auto}
  .xentra-media-studio .editing-area{display:grid!important;grid-template-columns:minmax(190px,230px) minmax(300px,1fr)!important}
  .xentra-media-studio .right-panel{display:none}
}
@media(max-width:640px){
  .xentra-media-studio{height:auto;min-height:100dvh;overflow:auto}
  .xentra-media-studio .app-shell{height:auto;min-height:100dvh;display:block}
  .xentra-media-studio .app-header{position:sticky;top:0;grid-template-columns:minmax(160px,1fr) auto;grid-template-areas:"brand history" "project project" "actions actions";max-height:none}
  .xentra-media-studio .editing-area{display:block!important;min-height:520px}
  .xentra-media-studio .left-panel{max-height:260px}
  .xentra-media-studio .monitor-column{min-height:420px}
  .xentra-media-studio .timeline-dock{height:310px;max-height:none}
}