/* Keep the commit action distinct from blue part-selection controls. */
.workshop-ui[data-mode=build] .build-save-controls {
  position:absolute;z-index:42;display:flex;flex-direction:column;align-items:stretch;pointer-events:auto;
  top:calc(107 * var(--bs));right:calc(31 * var(--bs));bottom:auto;left:auto;
  width:clamp(220px,calc(270 * var(--bs)),340px);gap:0;
}
.workshop-ui[data-mode=build] .build-save-controls[hidden] {display:none!important}
.workshop-ui[data-mode=build] .build-save-controls .build-save-exit {
  box-sizing:border-box;width:100%;border-radius:0;background:none;box-shadow:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:clamp(10px,calc(12 * var(--bs)),18px);
  min-height:max(60px,calc(72 * var(--bs)));margin:0;padding:0 10px 4px;
  border:8px solid transparent;border-image:url('../ui/frames/tile-green.svg') 12 fill stretch;
  color:#29482e;font-family:Pixeloid,monospace;font-synthesis:none;white-space:normal;
}
.workshop-ui[data-mode=build] .build-save-copy {display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.workshop-ui[data-mode=build] .build-save-label {font:700 clamp(15px,calc(17 * var(--bs)),23px)/1.2 Pixeloid,monospace;white-space:nowrap}
.workshop-ui[data-mode=build] .build-save-status {display:block;font:400 clamp(11px,calc(11 * var(--bs)),14px)/1.25 Pixeloid,monospace;color:#3a5230;text-shadow:none;text-align:left}
.workshop-ui[data-mode=build] .build-save-status[data-warning=true] {color:#783918;font-weight:700}
.workshop-ui[data-mode=build] .build-save-icon {display:grid;place-items:center;flex:none;width:clamp(23px,calc(29 * var(--bs)),36px);height:36px}
.workshop-ui[data-mode=build] .build-save-icon svg {width:100%;height:auto}
.workshop-ui[data-mode=build] .build-save-controls .build-save-exit:hover:not(:disabled) {filter:brightness(1.05);transform:translateY(-1px)}
.workshop-ui[data-mode=build] .build-save-controls .build-save-exit:active:not(:disabled) {transform:translateY(1px)}
.workshop-ui[data-mode=build] .build-save-controls .build-save-exit:focus-visible {outline:3px solid #375e38;outline-offset:3px}
.workshop-ui[data-mode=build] .build-save-controls .build-save-exit:disabled {opacity:.7;cursor:wait}
.workshop-ui[data-mode=build] .build-save-controls[data-dirty=false] .build-save-icon {opacity:.65}

/* Intrinsic-width labels avoid the wrapped Whole setup text and keep room for icons. */
.workshop-ui[data-mode=build] .build-readiness-note {margin:10px 0;padding:12px;border-left:4px solid #a5693f;background:#f6e3c9;color:#734a2e;font:500 max(16px,calc(18 * var(--bs)))/1.45 Rajdhani,sans-serif}
.workshop-ui[data-mode=build] .build-readiness-note strong {font-weight:700}
.workshop-ui[data-mode=build] .build-readiness-note p {margin:5px 0 0}
.workshop-ui[data-mode=build] .build-views button {
  flex:1 0 auto;width:auto;gap:calc(9 * var(--bs));padding:0 calc(10 * var(--bs));
  white-space:nowrap;line-height:1.1;
}
.workshop-ui[data-mode=build] .build-view-label {display:block;white-space:nowrap;overflow-wrap:normal}
.workshop-ui[data-mode=build] button[data-build-changed=true] {position:relative}
.workshop-ui[data-mode=build] button[data-build-changed=true]:not([aria-pressed=true]) {box-shadow:inset 0 -3px #82a665}
.workshop-ui[data-mode=build] button[data-build-changed=true]::after {content:'';position:absolute;right:4px;top:4px;width:5px;height:5px;background:#78a35d;box-shadow:0 0 0 1px #f4f7e5;pointer-events:none}
.workshop-ui[data-mode=build] .build-views button[data-build-changed=true]::after {top:3px;right:5px;width:5px;height:5px}
@media(min-width:621px) and (max-width:1250px) {
  .workshop-ui[data-mode=build] .build-views {left:16px;transform:none;width:calc(100% - 270px);overflow-x:auto;scrollbar-width:thin}
  .workshop-ui[data-mode=build] .build-views button {flex:1 0 auto;font-size:16px;gap:6px;padding-inline:10px}
}
@media(min-width:621px) and (max-width:760px) {
  .workshop-ui[data-mode=build] .build-save-controls {top:114px;right:12px;width:220px}
  .workshop-ui[data-mode=build] .build-save-controls .build-save-exit {min-height:50px;padding-block:0 3px;border-width:7px}
  .workshop-ui[data-mode=build] .build-save-label {font-size:14px}
  .workshop-ui[data-mode=build] .build-save-copy {gap:3px}
}
@media(max-width:620px) {
  .workshop-ui[data-mode=build] .build-save-controls {top:auto;bottom:56px;left:8px;right:132px;width:auto}
  .workshop-ui[data-mode=build] .build-save-controls .build-save-exit {min-height:62px;padding:2px 6px 5px;border-width:8px;gap:9px}
  .workshop-ui[data-mode=build] .build-save-copy {flex-direction:column;align-items:flex-start;gap:4px}
  .workshop-ui[data-mode=build] .build-save-label {font-size:14px}
  .workshop-ui[data-mode=build] .build-save-status {display:block;font-size:11px;text-align:left;max-width:none}
  .workshop-ui[data-mode=build] .build-save-icon {width:23px;height:27px}
  .workshop-ui[data-mode=build] .build-views button {flex:0 0 auto;min-width:76px;padding-inline:10px;gap:2px}
  .workshop-ui[data-mode=build] .build-views button[data-build-view=whole] {min-width:100px}
  .workshop-ui[data-mode=build] .pc-panel.build-inspector,
  .workshop-ui[data-mode=build] .pc-panel.build-inspector[data-picker=true] {bottom:126px}
  .workshop-ui[data-mode=build][data-sheet=collapsed] .build-sheet-toggle {bottom:126px}
}
@media(prefers-reduced-motion:reduce) {
  .workshop-ui[data-mode=build] .build-save-controls .build-save-exit:is(:hover,:active) {transform:none}
}