/* Warcut Paint Shop Studio - Phase 12.1 Panel Controller + UI Scale Regression Repair */
html[data-warcut-repair="12.1"] .brand-copy span{color:#9defff;}
html[data-warcut-repair="12.1"] .brand-copy span::after{content:" / Phase 12.1 Stabilized";color:#ffd166;}
html[data-warcut-repair="12.1"] .app-shell{isolation:isolate;}
html[data-warcut-repair="12.1"] .option-group.compact-ops{flex-wrap:nowrap;min-width:0;}
html[data-warcut-repair="12.1"] #uiZoomSlider,
html[data-warcut-repair="12.1"] .phase121-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.1"] #uiZoomReadout,
html[data-warcut-repair="12.1"] .phase121-fixed-ui-readout{
  flex:0 0 auto !important;
  min-width:62px !important;
  text-align:center !important;
}
html[data-warcut-repair="12.1"] .panel-reset-btn{
  border-color:rgba(255,209,102,.56) !important;
  color:#ffe6a3 !important;
  background:linear-gradient(180deg,rgba(255,209,102,.14),rgba(255,209,102,.04)) !important;
}
html[data-warcut-repair="12.1"] .dock{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  grid-template-rows:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  min-height:0 !important;
  padding-right:5px !important;
  scrollbar-width:thin !important;
  scrollbar-color:#4a4a4a #1f1f1f !important;
}
html[data-warcut-repair="12.1"] .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 #4d4d4d !important;
  background:#2a2a2a !important;
  box-shadow:none !important;
}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="expanded"]{
  border-color:#64737b !important;
  box-shadow:0 4px 18px rgba(0,0,0,.22) !important;
}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="collapsed"]{border-color:#3f3f3f !important;}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="solo"]{
  flex:1 1 auto !important;
  min-height:clamp(520px,74vh,900px) !important;
  border-color:#ffd166 !important;
  box-shadow:0 0 0 1px rgba(255,209,102,.18),0 12px 28px rgba(0,0,0,.28) !important;
}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="hidden"]{display:none !important;}
html[data-warcut-repair="12.1"] .dock .dock-panel > .dock-head{
  display:grid !important;
  grid-template-columns:auto 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,#343434,#2e2e2e) !important;
  border-bottom:1px solid #444 !important;
}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="collapsed"] > .dock-head{border-bottom:0 !important;opacity:.96 !important;}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="collapsed"] > .dock-head::after{
  content:"collapsed";
  grid-column:3;
  font-size:9px;
  color:#8ebbd0;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.78;
}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="expanded"] > .dock-head::after,
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="solo"] > .dock-head::after{content:"";display:none;}
html[data-warcut-repair="12.1"] .dock .phase121-panel-title,
html[data-warcut-repair="12.1"] .dock .phase11-panel-title,
html[data-warcut-repair="12.1"] .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.1"] .dock .dock-meta{
  grid-column:3 !important;
  min-width:0 !important;
  max-width:120px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  justify-self:end !important;
  margin-left:0 !important;
}
html[data-warcut-repair="12.1"] .dock .phase121-panel-actions,
html[data-warcut-repair="12.1"] .dock .phase11-panel-actions{
  grid-column:4 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  justify-self:end !important;
}
html[data-warcut-repair="12.1"] .dock .phase121-panel-btn,
html[data-warcut-repair="12.1"] .dock .phase11-panel-btn{
  width:27px !important;
  height:23px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #606060 !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.1"] .dock .phase121-panel-btn:hover,
html[data-warcut-repair="12.1"] .dock .phase11-panel-btn:hover{
  border-color:#ffd166 !important;
  color:#fff7d6 !important;
  background:linear-gradient(180deg,rgba(255,209,102,.18),rgba(255,209,102,.05)) !important;
}
html[data-warcut-repair="12.1"] .dock .dock-head-actions,
html[data-warcut-repair="12.1"] .dock .hard-panel-actions,
html[data-warcut-repair="12.1"] .dock .deck-actions,
html[data-warcut-repair="12.1"] .dock [data-panel-toggle],
html[data-warcut-repair="12.1"] .dock [data-panel-solo]{display:none !important;}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="collapsed"] > .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;
  overflow:hidden !important;
  pointer-events:none !important;
}
html[data-warcut-repair="12.1"] .dock .dock-panel[data-phase121-panel-state="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.1"] .dock .dock-panel[data-phase121-panel-state="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.1"] .dock .layers-panel[data-phase121-panel-state="expanded"] > .dock-body,
html[data-warcut-repair="12.1"] .dock .imaging-panel[data-phase121-panel-state="expanded"] > .dock-body,
html[data-warcut-repair="12.1"] .dock .workbench-panel[data-phase121-panel-state="expanded"] > .dock-body{max-height:clamp(260px,50vh,760px) !important;}
html[data-warcut-repair="12.1"] .dock .layers-panel[data-phase121-panel-state="solo"] > .dock-body{max-height:none !important;}
html[data-warcut-repair="12.1"] .phase12-layers-list{max-height:min(56vh,620px);}
html[data-warcut-repair="12.1"] .warcut-context-menu{z-index:1000000;}
html[data-warcut-repair="12.1"] .phase121-repaired-control{box-shadow:0 0 0 1px rgba(255,209,102,.14) inset;}