/* Warcut Paint Shop Studio - Phase 12.2 Emergency Panel Controller Repair */
html[data-warcut-repair="12.2"] .brand-copy span{color:#9defff;}
html[data-warcut-repair="12.2"] .brand-copy span::after{content:" / Phase 12.2 Panel Fix";color:#7cffc7;}

html[data-warcut-repair="12.2"] .dock{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:5px !important;
  scrollbar-width:thin !important;
  scrollbar-color:#4a4a4a #1f1f1f !important;
}

html[data-warcut-repair="12.2"] .dock .dock-panel{
  flex:0 0 auto !important;
  min-height:0 !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:1px solid #4b4b4b !important;
  background:#292929 !important;
}

html[data-warcut-repair="12.2"] .dock .dock-panel > .dock-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:7px !important;
  min-height:32px !important;
  padding:6px 8px !important;
  cursor:pointer !important;
  user-select:none !important;
  background:linear-gradient(180deg,#353535,#2d2d2d) !important;
  border-bottom:1px solid #454545 !important;
}

html[data-warcut-repair="12.2"] .dock .phase122-panel-title,
html[data-warcut-repair="12.2"] .dock .phase121-panel-title,
html[data-warcut-repair="12.2"] .dock .phase11-panel-title,
html[data-warcut-repair="12.2"] .dock .layer-tabs{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

html[data-warcut-repair="12.2"] .dock .dock-meta{
  grid-column:2 !important;
  justify-self:end !important;
  min-width:0 !important;
  max-width:132px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html[data-warcut-repair="12.2"] .dock .phase122-panel-actions,
html[data-warcut-repair="12.2"] .dock .phase121-panel-actions,
html[data-warcut-repair="12.2"] .dock .phase11-panel-actions{
  grid-column:3 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  justify-self:end !important;
}

html[data-warcut-repair="12.2"] .dock .phase122-panel-btn,
html[data-warcut-repair="12.2"] .dock .phase121-panel-btn,
html[data-warcut-repair="12.2"] .dock .phase11-panel-btn{
  width:27px !important;
  height:23px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #5f5f5f !important;
  border-radius:5px !important;
  background:linear-gradient(180deg,#343434,#242424) !important;
  color:#bdefff !important;
  font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
}

html[data-warcut-repair="12.2"] .dock .phase122-panel-btn:hover,
html[data-warcut-repair="12.2"] .dock .phase121-panel-btn:hover,
html[data-warcut-repair="12.2"] .dock .phase11-panel-btn:hover{
  border-color:#7cffc7 !important;
  color:#eafff8 !important;
  background:linear-gradient(180deg,rgba(124,255,199,.18),rgba(124,255,199,.05)) !important;
}

html[data-warcut-repair="12.2"] .dock .dock-head-actions,
html[data-warcut-repair="12.2"] .dock .hard-panel-actions,
html[data-warcut-repair="12.2"] .dock .deck-actions,
html[data-warcut-repair="12.2"] .dock [data-panel-toggle],
html[data-warcut-repair="12.2"] .dock [data-panel-solo]{display:none !important;}

html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="collapsed"],
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-collapsed{
  border-color:#3f3f3f !important;
}
html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="expanded"],
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-expanded{
  border-color:#64737b !important;
  box-shadow:0 4px 18px rgba(0,0,0,.22) !important;
}
html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="solo"],
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-solo{
  flex:1 1 auto !important;
  min-height:clamp(520px,74vh,900px) !important;
  border-color:#7cffc7 !important;
  box-shadow:0 0 0 1px rgba(124,255,199,.18),0 12px 28px rgba(0,0,0,.28) !important;
}
html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="hidden"],
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-hidden{display:none !important;}

html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="collapsed"] > .dock-head,
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-collapsed > .dock-head{border-bottom:0 !important;opacity:.96 !important;}

html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="collapsed"] > .dock-head::after,
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-collapsed > .dock-head::after{
  content:"collapsed";
  grid-column:2;
  font-size:9px;
  color:#8ebbd0;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.78;
}

html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="expanded"] > .dock-head::after,
html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="solo"] > .dock-head::after,
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-expanded > .dock-head::after,
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-solo > .dock-head::after{content:"";display:none;}

html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="collapsed"] > .dock-body,
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-collapsed > .dock-body,
html[data-warcut-repair="12.2"] .dock .dock-panel[data-panel-collapsed="true"] > .dock-body{
  display:none !important;
  visibility:hidden !important;
  max-height:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="expanded"] > .dock-body,
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-expanded > .dock-body{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  max-height:clamp(220px,45vh,650px) !important;
  min-height:0 !important;
  padding:8px !important;
  overflow:auto !important;
  pointer-events:auto !important;
}

html[data-warcut-repair="12.2"] .dock .layers-panel[data-phase122-panel-state="expanded"] > .dock-body,
html[data-warcut-repair="12.2"] .dock .imaging-panel[data-phase122-panel-state="expanded"] > .dock-body,
html[data-warcut-repair="12.2"] .dock .workbench-panel[data-phase122-panel-state="expanded"] > .dock-body{
  max-height:clamp(260px,50vh,760px) !important;
}

html[data-warcut-repair="12.2"] .dock .dock-panel[data-phase122-panel-state="solo"] > .dock-body,
html[data-warcut-repair="12.2"] .dock .dock-panel.phase122-solo > .dock-body{
  display:block !important;
  visibility:visible !important;
  flex:1 1 auto !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  padding:10px !important;
  overflow:auto !important;
  pointer-events:auto !important;
}

html[data-warcut-repair="12.2"] #panelResetBtn,
html[data-warcut-repair="12.2"] .panel-reset-btn{
  border-color:rgba(124,255,199,.58) !important;
  color:#d9fff2 !important;
  background:linear-gradient(180deg,rgba(124,255,199,.14),rgba(124,255,199,.04)) !important;
}

html[data-warcut-repair="12.2"] #uiZoomSlider,
html[data-warcut-repair="12.2"] .phase122-fixed-ui-slider{
  flex:0 0 auto !important;
  width:92px !important;
  min-width:92px !important;
  max-width:138px !important;
  transform:none !important;
  contain:size layout style !important;
}
html[data-warcut-repair="12.2"] #uiZoomReadout,
html[data-warcut-repair="12.2"] .phase122-fixed-ui-readout{
  flex:0 0 auto !important;
  min-width:62px !important;
  text-align:center !important;
}
html[data-warcut-repair="12.2"] .warcut-context-menu{z-index:1000000;}
html[data-warcut-repair="12.2"] .phase122-repaired-control{box-shadow:0 0 0 1px rgba(124,255,199,.18) inset;}