/* V2.12 HF static prototype stability patch: workbench right panel anti-overflow
   Scope: visual/interaction stability for high-fidelity static HTML prototype, not engineering refactor. */
.main{min-width:0;overflow-x:hidden!important}
.page{width:min(1520px,calc(100% - 48px))!important;max-width:calc(100% - 48px)!important}
.page-stack{container-type:inline-size;container-name:pageStack;min-width:0}
.workbench-grid{min-width:0!important;max-width:100%!important;overflow:visible!important}
.workbench-grid,.grid-two{grid-template-columns:minmax(560px,.58fr) minmax(420px,.42fr)!important}
.quick-brief,.result-panel{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.result-panel,.result-head,.result-mode,.result-actions-top,.prompt-box{min-width:0;max-width:100%}
.result-actions-top{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:8px;overflow:visible!important}
.result-actions-top .btn{flex:0 1 auto;max-width:100%}
.result-mode strong,.result-mode span,.freeze-note{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.prompt-box{overflow:auto;word-break:break-word;overflow-wrap:anywhere}
@media (max-width:1380px){
  .workbench-grid,.grid-two{grid-template-columns:1fr!important}
  .quick-brief{position:static!important}
  .quick-brief,.result-panel{min-width:0!important;width:100%!important;max-width:100%!important}
  .prompt-box,.result-empty{min-height:360px!important}
}
@container pageStack (max-width:1040px){
  .workbench-grid,.grid-two{grid-template-columns:1fr!important}
  .quick-brief{position:static!important}
  .quick-brief,.result-panel{min-width:0!important;width:100%!important;max-width:100%!important}
  .prompt-box,.result-empty{min-height:360px!important}
}
@media (max-width:900px){
  .page,body.sidebar-collapsed .page{width:100%!important;max-width:none!important}
}