/* Build V2: the approved cream/pixel cabinet language, with the scene left open. */
.station-hover[hidden] {display:none!important}
.station-hover {position:fixed;z-index:46;pointer-events:none;padding:8px 12px;--bs:1px;font:700 17px Rajdhani,sans-serif;color:#403943}
.workshop-ui[data-mode=build] {--bs:clamp(.64px,min(.05981vw,.10627dvh),1.8px);--build-ink:#242038;color:var(--build-ink)}
.workshop-ui[data-mode=build] :is(button,input,select,output,summary,h2,h3,h4,strong,small,dt,dd,p),
.build-wallpaper-dialog :is(button,input,output,h3,p,label) {font-family:Rajdhani,sans-serif;font-synthesis:none;letter-spacing:0}
.workshop-ui[data-mode=build] :is(.game-nav,.hover-name,.part-card,.bench-drawer,.bench-scene-hint) {display:none!important}
.workshop-ui[data-mode=build] [hidden],.build-wallpaper-dialog [hidden] {display:none!important}
.workshop-ui[data-mode=build] .return-world {top:calc(22 * var(--bs));left:calc(28 * var(--bs));height:calc(57 * var(--bs));padding:0 calc(9 * var(--bs));min-width:calc(195 * var(--bs));font:700 calc(19 * var(--bs))/1 Rajdhani,sans-serif}
.workshop-ui[data-mode=build] .return-world svg {width:calc(24 * var(--bs));height:calc(24 * var(--bs))}
.workshop-ui[data-mode=build] .economy-hud {right:calc(22 * var(--bs));top:calc(20 * var(--bs));gap:calc(16 * var(--bs));transform:none}
.workshop-ui[data-mode=build] .resource-pill {height:calc(66 * var(--bs));min-width:calc(210 * var(--bs));padding:0 calc(8 * var(--bs));border-width:calc(9 * var(--bs));gap:calc(8 * var(--bs))}
.workshop-ui[data-mode=build] .resource-pill .pixel-icon {width:calc(42 * var(--bs));height:calc(42 * var(--bs))}
.workshop-ui[data-mode=build] .resource-readout strong {font:700 calc(26 * var(--bs))/1.1 Pixeloid,monospace}
.workshop-ui[data-mode=build] .resource-label {font:700 calc(16 * var(--bs))/1.1 Pixeloid,monospace}
.build-title {position:absolute;top:calc(13 * var(--bs));left:50%;transform:translateX(-50%);width:calc(410 * var(--bs));height:calc(82 * var(--bs));display:grid;place-items:center;margin:0;box-sizing:border-box;border:calc(15 * var(--bs)) solid transparent;border-image:url('../ui/frames/title.svg') 18 fill stretch;font:700 calc(49 * var(--bs))/1 Pixeloid,monospace;color:#fff9ee;paint-order:stroke fill;-webkit-text-stroke:calc(4 * var(--bs)) #42291f;text-shadow:0 calc(3 * var(--bs)) #42291f}
.build-views {position:absolute;top:calc(113 * var(--bs));left:50%;transform:translateX(-50%);width:calc(1005 * var(--bs));height:calc(67 * var(--bs));box-sizing:border-box;display:flex;padding:calc(3 * var(--bs));border:calc(9 * var(--bs)) solid transparent;border-image:url('../ui/frames/cream.svg') 12 fill stretch;pointer-events:auto}
.workshop-ui[data-mode=build] .build-button {background:none;color:var(--build-ink);border:calc(8 * var(--bs)) solid transparent;border-image:url('../ui/frames/picker-button.svg') 12 fill stretch;border-radius:0;box-shadow:none;min-height:calc(50 * var(--bs));width:100%;padding:calc(3 * var(--bs)) calc(10 * var(--bs));font:700 calc(21 * var(--bs))/1.2 Rajdhani,sans-serif;cursor:pointer}
.workshop-ui[data-mode=build] .build-button.secondary {border-image-source:url('../ui/frames/cream.svg')}
.workshop-ui[data-mode=build] .build-button[aria-pressed=true] {border-image-source:url('../ui/frames/build-selected.svg');border-image-slice:8}
.workshop-ui[data-mode=build] .build-views button {display:flex;align-items:center;justify-content:center;gap:calc(13 * var(--bs));flex:1;min-height:0;font-size:calc(19 * var(--bs));padding:0 calc(8 * var(--bs));border:0;border-right:1px solid #bda67f;background:none;white-space:nowrap}
.workshop-ui[data-mode=build] .build-views button:last-child {border-right:0}
.workshop-ui[data-mode=build] .build-views button[aria-pressed=true] {background:url('../ui/frames/build-selected.svg') center/100% 100% no-repeat}
.workshop-ui[data-mode=build] :is(.build-views,.build-components) svg {flex:none;width:calc(35 * var(--bs));height:calc(35 * var(--bs))}
.build-home-icon {display:flex}
.workshop-ui[data-mode=build] :is(.build-views,.build-components,.build-inspector) svg.inv-category-art {width:calc(35 * var(--bs));height:calc(35 * var(--bs));min-width:0;stroke:none;fill:none;overflow:visible;flex-shrink:0;--iv:var(--bs)}
.workshop-ui[data-mode=build] .build-paper,.workshop-ui[data-mode=build] .pc-panel.build-inspector {border:calc(12 * var(--bs)) solid transparent;border-image:url('../ui/frames/build-panel.svg') 16 fill stretch;background:none;box-shadow:none;border-radius:0;outline:0}
.build-components {position:absolute;top:calc(188 * var(--bs));left:calc(33 * var(--bs));width:calc(284 * var(--bs));max-height:calc(100dvh - 290 * var(--bs));box-sizing:border-box;display:flex;flex-direction:column;padding:calc(8 * var(--bs)) calc(5 * var(--bs)) calc(15 * var(--bs));overflow-y:auto;pointer-events:auto;scrollbar-width:thin}
.workshop-ui[data-mode=build] .build-components button {display:flex;align-items:center;gap:calc(20 * var(--bs));padding:calc(2 * var(--bs)) calc(12 * var(--bs));min-height:calc(52 * var(--bs));border:0;text-align:left;font-weight:500;font-size:calc(25 * var(--bs));flex:none}
.workshop-ui[data-mode=build] .build-components button[aria-pressed=true] {background:url('../ui/frames/build-selected.svg') center/100% 100% no-repeat}
.workshop-ui[data-mode=build] .build-components button[data-component=overview] {min-height:calc(60 * var(--bs));font-size:calc(27 * var(--bs))}
.build-components-label {font-size:calc(20 * var(--bs));color:#756f65;border-block:1px solid #d8cbb3;margin:calc(9 * var(--bs)) 0 calc(5 * var(--bs));padding:calc(5 * var(--bs)) calc(8 * var(--bs))}
.workshop-ui[data-mode=build] .pc-panel.build-inspector {position:absolute;top:calc(188 * var(--bs));right:calc(31 * var(--bs));left:auto;bottom:auto;transform:none;width:calc(428 * var(--bs));max-height:calc(100dvh - 298 * var(--bs));min-height:calc(275 * var(--bs));padding:calc(12 * var(--bs));box-sizing:border-box;overflow:auto;pointer-events:auto;font:500 calc(23 * var(--bs))/1.3 Rajdhani,sans-serif;scrollbar-width:thin}
.build-inspector-heading {display:flex;gap:calc(20 * var(--bs));align-items:center;min-height:calc(80 * var(--bs));padding:calc(4 * var(--bs)) calc(5 * var(--bs)) calc(18 * var(--bs))}
.build-inspector-heading svg {width:calc(61 * var(--bs));height:calc(65 * var(--bs));flex:none}
.build-inspector-heading h2 {font-size:calc(33 * var(--bs));line-height:1.1;margin:0 0 calc(5 * var(--bs));font-weight:700}
.build-inspector-heading p {font-size:calc(25 * var(--bs));line-height:1.1;margin:0;overflow-wrap:anywhere}
.build-inspector-tabs {display:flex;margin:calc(8 * var(--bs)) 0 calc(16 * var(--bs));border-bottom:1px solid #d8cbb3;padding-bottom:calc(18 * var(--bs))}
.workshop-ui[data-mode=build] .build-inspector-tabs button {min-width:0;flex:1;padding:0 calc(2 * var(--bs));min-height:calc(47 * var(--bs));font-size:calc(18 * var(--bs));border-width:calc(5 * var(--bs))}
.build-section {padding:calc(15 * var(--bs)) calc(7 * var(--bs));border-top:1px solid #d8cbb3}
.build-section:first-child {border-top:0;padding-top:calc(8 * var(--bs))}
.build-section h3,.build-subtitle {font-size:calc(23 * var(--bs));margin:0 0 calc(15 * var(--bs));font-weight:700}
.build-section h4 {font-size:calc(21 * var(--bs));margin:calc(8 * var(--bs)) 0}
.build-note {font:500 calc(20 * var(--bs))/1.35 Rajdhani,sans-serif;color:#625d64;margin:calc(8 * var(--bs)) 0}
.workshop-ui[data-mode=build] .build-finishes {display:flex;gap:calc(35 * var(--bs));justify-content:center;padding:calc(3 * var(--bs)) 0 calc(25 * var(--bs))}
.workshop-ui[data-mode=build] .build-finishes .finish-swatch {position:relative;background:none!important;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:calc(9 * var(--bs));height:calc(130 * var(--bs));min-height:0;width:calc(135 * var(--bs));padding:calc(8 * var(--bs)) 0 calc(3 * var(--bs));border:0;font:500 calc(25 * var(--bs))/1.2 Rajdhani,sans-serif;color:var(--build-ink)!important}
.workshop-ui[data-mode=build] .build-finishes .finish-swatch::before {content:'';position:absolute;top:calc(2 * var(--bs));left:calc(15 * var(--bs));width:calc(98 * var(--bs));height:calc(93 * var(--bs));box-sizing:border-box;background:linear-gradient(130deg,#fff,#ebebef);border:2px solid #bcb9b5;border-radius:calc(7 * var(--bs));box-shadow:inset 0 0 0 3px #fff}
.workshop-ui[data-mode=build] .build-finishes .finish-swatch.black::before {background:linear-gradient(135deg,#181b20,#33383d);border-color:#222;box-shadow:inset 0 0 0 2px #303437}
.workshop-ui[data-mode=build] .build-finishes .finish-swatch[aria-pressed=true]::before {outline:calc(2 * var(--bs)) solid #31b9f4;outline-offset:calc(4 * var(--bs))}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler],[data-component=monitor],[data-component=ram]) .build-finishes {justify-content:start;gap:calc(22 * var(--bs));padding:0}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler],[data-component=monitor],[data-component=ram]) .finish-swatch {height:calc(44 * var(--bs));width:calc(142 * var(--bs));padding:0 0 0 calc(58 * var(--bs));justify-content:center;font-size:calc(21 * var(--bs))}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler],[data-component=monitor],[data-component=ram]) .finish-swatch::before {top:calc(4 * var(--bs));left:calc(4 * var(--bs));width:calc(37 * var(--bs));height:calc(36 * var(--bs));border-radius:3px}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler]) .build-section {padding-block:calc(8 * var(--bs))}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler]) .build-field {margin-block:calc(9 * var(--bs));font-size:calc(20 * var(--bs));grid-template-columns:calc(95 * var(--bs)) 1fr calc(39 * var(--bs))}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler]) .build-field select {grid-column:2 / 4}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler]) .build-field input[type=range] {grid-column:2}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler]) .build-field output {grid-column:3}
.build-stats {position:absolute;bottom:calc(28 * var(--bs));right:calc(31 * var(--bs));display:flex;align-items:center;gap:calc(23 * var(--bs));padding:calc(4 * var(--bs)) calc(11 * var(--bs));pointer-events:auto;min-height:calc(39 * var(--bs));font:700 calc(20 * var(--bs))/1 Rajdhani,sans-serif}
.build-stats span {display:flex;align-items:center;gap:calc(8 * var(--bs));white-space:nowrap}
.build-stats b {font-size:calc(21 * var(--bs))}
.build-stats span:first-child b,.build-stats span:nth-child(2) b {font-size:calc(31 * var(--bs))}
.build-slot-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(8 * var(--bs));margin:calc(9 * var(--bs)) 0}
.workshop-ui[data-mode=build] :is(.build-slot,.build-owned-item,.build-accessory,.build-paste) {color:var(--build-ink);font:500 calc(20 * var(--bs))/1.2 Rajdhani,sans-serif;border:calc(5 * var(--bs)) solid transparent;border-image:url('../ui/frames/tile.svg') 9 fill stretch;background:none;box-shadow:none;border-radius:0;padding:calc(6 * var(--bs));cursor:pointer;min-width:0}
.workshop-ui[data-mode=build] :is(.build-slot,.build-owned-item,.build-accessory,.build-paste)[aria-pressed=true] {border-image-source:url('../ui/frames/build-selected.svg');border-image-slice:8}
.build-slot {display:grid;grid-template-columns:calc(35 * var(--bs)) 1fr;gap:calc(3 * var(--bs)) calc(5 * var(--bs));text-align:left}
.build-slot svg,.build-slot>b {width:calc(32 * var(--bs));height:calc(32 * var(--bs));grid-row:span 2;font-size:calc(29 * var(--bs));text-align:center}
.build-slot small {font-size:calc(17 * var(--bs));color:#6b6864}
.build-slot.empty {opacity:.9}
.build-inspector[data-component=fan] .build-inspector-heading {min-height:calc(62 * var(--bs));padding-bottom:calc(6 * var(--bs))}
.build-inspector[data-component=fan] .build-inspector-heading p {font-size:calc(21 * var(--bs))}
.build-inspector[data-component=fan] .build-inspector-tabs {margin-bottom:calc(8 * var(--bs));padding-bottom:calc(8 * var(--bs))}
.workshop-ui[data-mode=build] .build-inspector[data-component=fan] .build-slot {font-size:calc(18 * var(--bs));padding:calc(4 * var(--bs));line-height:1.1}
.build-inspector[data-component=fan] .build-slot small {font-size:calc(15 * var(--bs))}
.build-inspector:is([data-component=fan],[data-component=cooler]) .build-section h3 {font-size:calc(21 * var(--bs));margin-bottom:calc(7 * var(--bs))}
.workshop-ui[data-mode=build] .build-inspector:is([data-component=fan],[data-component=cooler]) select {min-height:calc(35 * var(--bs));padding:calc(4 * var(--bs))}
.build-slot-grid.many-slots {grid-template-columns:repeat(3,minmax(0,1fr))}
.build-slot-grid.many-slots .build-slot {display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--bs));font-size:calc(17 * var(--bs))}
.workshop-ui[data-mode=build] .build-slot-grid.many-slots svg.inv-category-art {width:calc(27 * var(--bs));height:calc(27 * var(--bs))}
.build-owned-list {display:flex;flex-direction:column;gap:calc(9 * var(--bs));max-height:calc(330 * var(--bs));overflow-y:auto;scrollbar-width:thin}
.has-candidate .build-owned-list {max-height:calc(200 * var(--bs))}
.build-owned-item {display:flex;align-items:center;gap:calc(12 * var(--bs));width:100%;text-align:left;min-height:calc(86 * var(--bs))}
.build-item-art {width:calc(100 * var(--bs));height:calc(74 * var(--bs));object-fit:contain}
.build-owned-item>span {display:flex;flex-direction:column;gap:calc(4 * var(--bs))}
.build-owned-item small {font-size:calc(17 * var(--bs));color:#647163}
.build-owned-item strong {font-size:calc(22 * var(--bs))}
/* One stable inspector shell for Parts, Customize, Care and nested screens. */
.workshop-ui[data-mode=build] .pc-panel.build-inspector[data-picker=true] {display:flex;flex-direction:column;width:calc(510 * var(--bs));height:calc(100dvh - 285 * var(--bs));max-height:none;min-height:0;overflow:hidden;padding:calc(12 * var(--bs));gap:calc(8 * var(--bs))}
.workshop-ui[data-mode=build] .pc-panel.build-inspector[data-picker=true]>:is(.build-inspector-heading,.build-inspector-tabs,.build-inspector-body,.build-slot-grid,.build-note) {margin-inline:0;flex-shrink:0}
.build-inspector[data-picker=true] .build-inspector-heading {min-height:0;padding:calc(2 * var(--bs)) calc(4 * var(--bs)) calc(6 * var(--bs));gap:calc(12 * var(--bs))}
.build-inspector[data-picker=true] .build-inspector-heading h2 {font-size:max(20px,calc(29 * var(--bs)))}
.build-inspector[data-picker=true] .build-inspector-heading p {font-size:max(13px,calc(20 * var(--bs)));line-height:1.2}
.build-inspector[data-picker=true] .build-inspector-heading>div {min-width:0}
.build-inspector[data-picker=true] .build-inspector-heading p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-inspector-heading svg.inv-category-art {width:calc(44 * var(--bs));height:calc(46 * var(--bs))}
.build-inspector[data-picker=true] .build-inspector-tabs {margin:0;padding-bottom:0;border:0;flex:none}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-inspector-tabs button {min-height:32px;font-size:max(12px,calc(18 * var(--bs)))}
.workshop-ui[data-mode=build] .build-inspector-tabs button:disabled {opacity:.42;cursor:default}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-inspector-body {display:flex;flex:1;flex-direction:column;min-height:0;gap:calc(10 * var(--bs))}
.build-scroll-body {flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ba9966 #f2e9d1;padding-right:3px}
.build-picker-toolbar {flex:none;display:flex;flex-direction:row-reverse;align-items:center;gap:6px}
.build-picker-title {display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px}
.build-picker-title .build-subtitle {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.build-picker-count {min-width:22px;padding:1px 6px;border:1px solid #d9c7a4;background:#f5edd7;text-align:center;font-size:max(12px,calc(17 * var(--bs)));font-weight:700;color:#78684f;white-space:nowrap}
.workshop-ui[data-mode=build] .build-inspector .build-picker-search {box-sizing:border-box;width:100%;min-width:0;min-height:32px;padding:5px 10px;border:1px solid #c9b48f;border-radius:3px;background:#fffdf4;color:var(--build-ink);font:500 max(14px,calc(20 * var(--bs)))/1.2 Rajdhani,sans-serif;box-shadow:inset 0 1px 2px #67563510}
.build-picker-search::placeholder {color:#877964}
.build-inspector[data-picker=true] .build-owned-list {flex:1;min-height:0;max-height:none;gap:calc(5 * var(--bs));overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-gutter:stable;scrollbar-color:#ba9966 #f2e9d1}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-owned-item {position:relative;display:flex;flex:none;align-items:center;gap:calc(10 * var(--bs));min-height:52px;padding:calc(5 * var(--bs));border-width:calc(4 * var(--bs));box-sizing:border-box}
.build-inspector[data-picker=true] .build-owned-item .build-item-art,.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-owned-item svg.inv-category-art {flex:none;width:calc(70 * var(--bs));height:calc(56 * var(--bs));object-fit:contain}
.build-inspector[data-picker=true] .build-owned-copy {flex:1;min-width:0;gap:2px}
.build-inspector[data-picker=true] .build-owned-copy strong {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:max(14px,calc(20 * var(--bs)));line-height:1.08;font-weight:700}
.build-inspector[data-picker=true] .build-owned-copy small {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:max(11px,calc(16 * var(--bs)));line-height:1.15;color:#796d5f}
.build-inspector[data-picker=true] .build-owned-item .build-owned-status {display:block;flex:none;font-size:max(10px,calc(14 * var(--bs)));font-weight:700;line-height:1.2;color:#486b4d;background:#e6edd6;padding:3px 4px;border-radius:3px}
.build-owned-quantity {flex:none;font-size:max(13px,calc(20 * var(--bs)));font-weight:700;color:#493d36}
.build-inspector[data-picker=true] .build-owned-copy .build-owned-condition {font-size:max(10px,calc(14 * var(--bs)));color:#827361}
.workshop-ui[data-mode=build] .build-owned-item:hover {filter:brightness(1.025)}
.workshop-ui[data-mode=build] :is(.build-owned-item,.build-picker-search,.build-picker-footer button):focus-visible {outline:2px solid #289ec9;outline-offset:-2px}
.build-picker-empty {padding:8px}
.build-picker-footer {flex:none;display:flex;flex-direction:column;gap:calc(8 * var(--bs));border-top:1px solid #cbb790;padding:calc(10 * var(--bs)) calc(3 * var(--bs)) 0;background:#fff9e6}
.build-picker-summary {min-height:0;max-height:calc(148 * var(--bs));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.build-picker-name {display:block;font-size:max(14px,calc(22 * var(--bs)));line-height:1.15;overflow-wrap:anywhere}
.build-picker-footer .build-note {font-size:max(12px,calc(18 * var(--bs)));margin:3px 0;line-height:1.2}
.build-picker-footer .build-error {font-size:max(13px,calc(19 * var(--bs)));margin:5px 0;color:#983e29}
.build-picker-transfer {font-size:max(12px,calc(18 * var(--bs)));color:#7c5936}
.build-picker-transfer summary {cursor:pointer;padding-block:3px}
.workshop-ui[data-mode=build] .build-picker-footer .build-button {flex:none;min-height:38px;font-size:max(15px,calc(22 * var(--bs)));margin:0}
.workshop-ui[data-mode=build] .build-picker-footer .build-button:disabled {filter:saturate(.35);opacity:.65;cursor:default}
.build-inspector[data-picker=true] .build-slot-grid {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:4px;margin:0;overflow:visible;flex:none}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-slot {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:40px;padding:3px;border-width:3px;font-size:max(12px,calc(18 * var(--bs)))}
.build-inspector[data-picker=true] .build-slot small {display:block;font-size:max(11px,calc(16 * var(--bs)));line-height:1.1;white-space:nowrap;font-weight:500;color:#766755}
.build-slot-groups {display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:4px;flex:none}
.build-slot-group {min-width:0;padding:3px;background:#f2ead7;border:1px solid #deceb0;border-radius:3px}
.build-slot-zone {display:block;text-align:center;font-size:max(11px,calc(16 * var(--bs)));color:#77644f;margin-bottom:3px}
.build-slot-group>div {display:flex;gap:2px}
.workshop-ui[data-mode=build] .build-slot-group .build-slot {flex:1;flex-direction:row!important;gap:4px!important;min-height:28px!important}
.build-slot-group .build-slot:not(.empty) small {color:#588158}
.build-slot-context {display:flex;align-items:center;gap:7px;height:30px;padding:3px 7px;flex:none;box-sizing:border-box;background:#e8eeea;border-radius:3px;font-size:max(12px,calc(18 * var(--bs)));line-height:1.2}
.build-slot-context>span {min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.build-inspector[data-component=ssd] .build-slot-context {height:auto;min-height:30px}
.build-inspector[data-component=ssd] .build-slot-context>span {white-space:normal}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true]>:is(.build-slot-context,.build-slot-groups) {margin:0}
.workshop-ui[data-mode=build] .build-text-action {width:auto;flex:none;padding:3px 0;min-height:24px;border:0;font:600 max(12px,calc(18 * var(--bs)))/1.2 Rajdhani,sans-serif;color:#a45d33;background:none}
.build-power {flex:none;margin:0}
.build-power-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;text-align:center}
.build-power-metrics>div {display:flex;flex-direction:column;border-right:1px solid #ddcfb7;gap:2px}
.build-power-metrics>div:last-child {border:0}
.build-power-metrics span {font-size:max(11px,calc(17 * var(--bs)));color:#756552}
.build-power-metrics strong {font-size:max(16px,calc(26 * var(--bs)));line-height:1.1}
.build-power meter {display:block;width:100%;height:14px;margin-top:5px}
.build-power meter::-webkit-meter-bar {background:#dedbd2;border:1px solid #c4b38e;border-radius:3px}
.build-power meter::-webkit-meter-optimum-value {background:#f5b552}
.build-power meter.insufficient::-webkit-meter-optimum-value {background:#cc6c4b}
.build-power .build-note {text-align:center;margin:0;font-size:max(10px,calc(15 * var(--bs)))}
.build-comparison {display:flex;justify-content:space-between;gap:8px;margin:3px 0;font-size:max(12px,calc(18 * var(--bs)));line-height:1.25}
.build-comparison>strong {white-space:nowrap}
.build-disclosure {border-top:1px solid #d8cbb3;padding:7px 2px}
.build-disclosure>summary {font-size:max(15px,calc(22 * var(--bs)));font-weight:700;cursor:pointer}
.build-disclosure .build-section {border:0;padding:5px 2px!important}
.build-inspector[data-picker=true] .build-section {padding:8px 2px}
.build-inspector[data-picker=true] .build-section h3 {margin-bottom:7px;font-size:max(15px,calc(22 * var(--bs)))}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-finishes {justify-content:flex-start;gap:12px;padding:0;max-width:100%}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .finish-swatch {flex:1;height:36px;min-width:0;max-width:150px;width:auto;padding:0 0 0 40px;justify-content:center;font-size:max(14px,calc(21 * var(--bs)))}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .finish-swatch::before {top:4px;left:4px;width:28px;height:28px;border-radius:3px}
.build-inspector[data-picker=true] .build-overview-list {grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);margin:0;padding:10px 3px;gap:10px;font-size:max(14px,calc(20 * var(--bs)))}
.build-inspector[data-picker=true] .build-overview-list dd {overflow-wrap:anywhere;min-width:0}
.build-inspector[data-picker=true] .build-overview-title {flex:none;margin:3px;font-size:max(22px,calc(31 * var(--bs)))}
.build-inspector[data-picker=true] .build-condition {margin:6px 0}
.build-inspector[data-picker=true] .build-condition>div {font-size:max(14px,calc(21 * var(--bs)))}
.build-care-health {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.build-inspector[data-picker=true] .build-care-health .build-condition>div {font-size:max(12px,calc(18 * var(--bs)));flex-wrap:wrap;gap:2px}
.build-inspector[data-picker=true] .build-paste-list {max-height:none;overflow:visible}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-paste {min-height:48px;padding:5px;border-width:3px;gap:8px;font-size:max(14px,calc(20 * var(--bs)))}
.build-paste>span:not(.build-owned-quantity) {display:flex;flex:1;min-width:0;flex-direction:column;line-height:1.15}
.build-paste small {font-size:max(11px,calc(16 * var(--bs)));font-weight:500;color:#796d5f}
.workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-back {flex:none;min-height:28px;width:auto;align-self:flex-start;padding:2px 7px;border-width:3px;font-size:max(13px,calc(19 * var(--bs)))}
.build-inspector[data-picker=true] .wallpaper-description {font-size:max(13px,calc(19 * var(--bs)));margin:5px 0}
.build-inspector[data-picker=true] .wallpaper-options {gap:6px;padding:0}
.build-inspector[data-picker=true] .wallpaper-choice {min-width:0;padding:6px;font-size:max(12px,calc(17 * var(--bs)))}
.build-inspector[data-picker=true] .portrait-editor {padding:0}
.build-inspector[data-picker=true] .crop-actions {display:flex;width:100%;gap:7px;margin:0}
.build-inspector[data-picker=true] .crop-actions button {min-width:0;flex:1}
.build-inspector[data-picker=true]>.build-note {font-size:12px;line-height:1.1;margin-block:0}
.build-accessory-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(9 * var(--bs))}
.build-accessory {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(135 * var(--bs));gap:calc(7 * var(--bs))}
.build-accessory svg,.build-accessory img {width:100%;height:calc(88 * var(--bs))}
.build-accessory strong {font-size:calc(19 * var(--bs))}
.build-condition {margin:calc(14 * var(--bs)) 0}
.build-condition>div {display:flex;justify-content:space-between;gap:10px;font-size:calc(22 * var(--bs))}
.build-condition meter {display:block;width:100%;height:calc(28 * var(--bs));accent-color:#43cc60}
.build-condition meter::-webkit-meter-bar {background:#d7d7d8;border:1px solid #9b9b9b;border-radius:4px}
.build-condition meter::-webkit-meter-optimum-value {background:linear-gradient(#72ef80,#27c543)}
.build-condition meter::-webkit-meter-suboptimum-value {background:#ffc637}
.build-condition meter::-webkit-meter-even-less-good-value {background:#f17559}
.build-paste {display:flex;align-items:center;gap:calc(13 * var(--bs));width:100%;margin-bottom:calc(7 * var(--bs));text-align:left}
.build-paste svg {width:calc(39 * var(--bs));height:calc(37 * var(--bs));flex:none}
.build-paste-list {max-height:calc(192 * var(--bs));overflow-y:auto;scrollbar-width:thin}
.build-overview-title {font-size:calc(31 * var(--bs));margin:calc(7 * var(--bs))}
.build-overview-stats {display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--bs));padding:calc(15 * var(--bs))}
.build-overview-stats div {display:flex;flex-direction:column}
.build-overview-stats small {font-size:calc(20 * var(--bs));color:#68666a}
.build-overview-stats strong {font-size:calc(28 * var(--bs))}
.build-overview-list {display:grid;grid-template-columns:1fr 1.5fr;gap:calc(14 * var(--bs)) calc(8 * var(--bs));border-top:1px solid #d8cbb3;padding:calc(19 * var(--bs)) calc(7 * var(--bs));font-size:calc(20 * var(--bs));line-height:1.2}
.build-overview-list dt {color:#777}
.build-overview-list dd {margin:0;font-weight:600}
.build-field {display:grid;grid-template-columns:1fr auto;gap:calc(8 * var(--bs));align-items:center;margin:calc(15 * var(--bs)) 0;font-size:calc(22 * var(--bs))}
.workshop-ui[data-mode=build] .build-field select {font:600 calc(20 * var(--bs)) Rajdhani,sans-serif;width:100%;grid-column:span 2}
.build-field input[type=range] {width:100%;grid-column:1}
.build-field input[type=color] {width:calc(55 * var(--bs));height:calc(37 * var(--bs))}
.build-field output {grid-column:2;font-size:calc(20 * var(--bs))}
.build-wallpaper-preview {width:100%;aspect-ratio:1024/604;object-fit:cover;border:2px solid #372d31;box-sizing:border-box;margin-bottom:calc(11 * var(--bs))}
.build-wallpaper-actions {display:flex;gap:calc(8 * var(--bs))}
.workshop-ui[data-mode=build] .build-wallpaper-actions .build-button {font-size:calc(19 * var(--bs));padding-inline:calc(3 * var(--bs))}
.build-inspector[data-component=monitor] .build-inspector-heading {min-height:calc(65 * var(--bs));padding-bottom:calc(9 * var(--bs))}
.build-inspector[data-component=monitor] .build-inspector-tabs {margin:calc(4 * var(--bs)) 0 calc(8 * var(--bs));padding-bottom:calc(8 * var(--bs))}
.build-inspector[data-component=monitor] .build-section {padding-block:calc(8 * var(--bs))}
.build-inspector[data-component=monitor] .build-section h3 {margin-bottom:calc(8 * var(--bs))}
.build-inspector[data-component=monitor] .build-section>.build-button.secondary {min-height:calc(36 * var(--bs));font-size:calc(18 * var(--bs));margin-top:calc(6 * var(--bs));border-width:calc(5 * var(--bs))}
.build-section>.build-button {margin-top:calc(9 * var(--bs))}
.build-error {color:#9c3324;font-size:calc(20 * var(--bs))}
.build-wallpaper-dialog {--bs:clamp(.75px,min(.05981vw,.10627dvh),1.8px);width:min(1100px,85vw);max-height:94dvh;box-sizing:border-box;border:16px solid transparent;border-image:url('../ui/frames/build-panel.svg') 16 fill stretch;background:none;padding:20px;color:#242038;overflow:auto}
.build-wallpaper-dialog::backdrop {background:#182c4499;backdrop-filter:blur(5px)}
.build-wallpaper-dialog .portrait-editor {padding:0;background:none;border:0}
.build-wallpaper-dialog h3 {font-size:32px;margin:0}
.build-wallpaper-dialog .wallpaper-description {font:500 21px Rajdhani,sans-serif;color:#625d64}
.build-wallpaper-dialog .portrait-editor-body {display:flex;flex-direction:column;gap:20px}
.build-wallpaper-dialog .portrait-crop-preview {width:min(100%,calc(46dvh * 1024 / 604));height:auto;max-width:none;max-height:none;aspect-ratio:1024/604;align-self:center;touch-action:none}
.build-wallpaper-dialog .portrait-editor-sliders {display:flex;gap:20px;justify-content:space-between}
.build-wallpaper-dialog .crop-slider {display:flex;flex-direction:column;gap:5px;flex:1;font:600 19px Rajdhani,sans-serif;color:#242038}
.build-wallpaper-dialog .crop-slider output {color:#625d64}
.build-wallpaper-dialog .crop-actions {display:flex;justify-content:flex-end;gap:12px}
.build-wallpaper-dialog .small-button {border:8px solid transparent;border-image:url('../ui/frames/picker-button.svg') 12 fill stretch;background:none;font:700 20px Rajdhani,sans-serif;font-size:20px!important;padding:5px 10px;color:#242038!important;min-height:44px}
.build-wallpaper-dialog .small-button.secondary {border-image-source:url('../ui/frames/cream.svg')}
.workshop-ui[data-mode=build] .game-message {bottom:calc(94 * var(--bs));z-index:25;font:600 17px Rajdhani,sans-serif}
@media(max-width:900px) and (min-width:621px){
  .workshop-ui[data-mode=build] .resource-pill {min-width:130px}
}
@media(max-width:620px){
 .workshop-ui[data-mode=build] {--bs:.74px}
 .build-title {top:9px;width:180px;height:48px;font-size:28px}
 .workshop-ui[data-mode=build] .return-world {top:9px;left:8px;width:49px;min-width:0;height:44px;padding:0}
 .workshop-ui[data-mode=build] .return-world span {display:none}
 .workshop-ui[data-mode=build] .economy-hud {top:62px;right:8px;left:8px;justify-content:center;gap:8px}
 .workshop-ui[data-mode=build] .resource-pill {height:38px;min-width:145px}
 .workshop-ui[data-mode=build] .resource-readout {display:flex;gap:1px;align-items:center}
 .workshop-ui[data-mode=build] .resource-label {font-size:9px;line-height:1}
 .workshop-ui[data-mode=build] .resource-readout strong {font-size:12px;line-height:1.1}
 .workshop-ui[data-mode=build] .resource-pill .pixel-icon {width:22px;height:22px}
 .build-views {top:107px;width:calc(100% - 16px);height:62px}
 .workshop-ui[data-mode=build] .build-views button {font-size:12px;flex-direction:column;gap:2px;padding:0 3px}
 .workshop-ui[data-mode=build] .build-views button svg {width:22px;height:22px}
 .build-components {top:174px;left:8px;width:calc(100% - 16px);height:49px;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;border-width:5px!important;gap:2px}
 .build-components-label {display:none}
 .workshop-ui[data-mode=build] .build-components button,.workshop-ui[data-mode=build] .build-components button[data-component=overview] {width:auto;min-height:33px;font-size:15px;gap:5px;padding:0 7px;white-space:nowrap}
 .workshop-ui[data-mode=build] .build-components button svg {width:24px;height:24px}
 .workshop-ui[data-mode=build] .pc-panel.build-inspector {top:55dvh;left:8px;right:8px;bottom:55px;width:auto;max-height:none;min-height:0;padding:7px;border-width:8px;font-size:17px}
 .build-inspector-heading {min-height:35px;padding:1px 2px 9px}
 .build-inspector-heading h2 {font-size:24px}
 .build-inspector-heading p {font-size:19px}
 .build-inspector-heading svg {width:43px;height:43px}
 .build-stats {bottom:8px;left:8px;right:8px;justify-content:space-between;gap:5px;font-size:13px;min-height:24px;border-width:7px!important;padding:1px 5px}
 .build-stats b {font-size:14px}
 .build-stats span:first-child b,.build-stats span:nth-child(2) b {font-size:22px}
 .build-wallpaper-dialog {width:92vw;padding:8px;border-width:10px}
 .build-wallpaper-dialog .portrait-editor-sliders {flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){.workshop-ui[data-mode=build] * {transition:none!important;animation:none!important}}

@media(max-width:620px){
 .workshop-ui[data-mode=build] .pc-panel.build-inspector[data-picker=true] {top:max(232px,36dvh);left:8px;right:8px;bottom:55px;width:auto;height:auto;padding:7px;gap:5px}
 .build-inspector[data-picker=true] .build-inspector-heading p {font-size:13px}
 .build-inspector[data-picker=true] .build-picker-toolbar {gap:4px}
 .build-inspector[data-picker=true] .build-picker-summary {max-height:76px}
 .build-inspector[data-picker=true] .build-picker-footer {gap:5px;padding-top:6px}
 .workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-owned-item {min-height:48px}
 .build-inspector[data-picker=true] .build-slot small {display:block}
}
@media(max-height:560px) and (min-width:621px){
 .build-inspector[data-picker=true] .build-inspector-heading p {font-size:12px}
 .build-inspector[data-picker=true] .build-picker-summary {max-height:50px}
 .workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-owned-item {min-height:44px}
}
@media(max-width:620px) and (max-height:740px){
 .workshop-ui[data-mode=build] .pc-panel.build-inspector[data-picker=true] {top:232px;gap:3px}
 .workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-inspector-body {gap:5px}
 .build-inspector[data-picker=true] .build-inspector-heading {padding:0 2px 3px;gap:7px}
 .build-inspector[data-picker=true] .build-inspector-heading>div {display:flex;align-items:center;gap:8px;width:100%}
 .build-inspector[data-picker=true] .build-inspector-heading h2 {font-size:21px;margin:0;flex:none}
 .workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-inspector-heading svg.inv-category-art {width:28px;height:28px}
 .workshop-ui[data-mode=build] .build-inspector[data-picker=true] .build-slot {min-height:34px;padding:1px}
 .build-inspector[data-picker=true] .build-slot-context {height:24px;font-size:12px}
 .build-inspector[data-picker=true] .build-inspector-heading p {font-size:12px}
 .build-inspector[data-picker=true] .build-picker-summary {max-height:44px}
 .build-inspector[data-picker=true] .build-picker-toolbar {display:flex;flex-direction:row-reverse;align-items:center;gap:6px}
 .build-inspector[data-picker=true] .build-picker-title .build-subtitle {display:none}
}


.workshop-ui[data-mode=build] .build-components svg.inv-category-art {width:calc(43 * var(--bs));height:calc(43 * var(--bs))}
.workshop-ui[data-mode=build] .build-inspector-heading svg.inv-category-art {width:calc(59 * var(--bs));height:calc(65 * var(--bs))}
@media(max-width:620px){
 .workshop-ui[data-mode=build] .build-views svg.inv-category-art {width:22px;height:22px}
 .workshop-ui[data-mode=build] .build-components svg.inv-category-art {width:24px;height:24px}
 .workshop-ui[data-mode=build] .build-inspector-heading svg.inv-category-art {width:40px;height:43px}
}

.station-hover.build-paper {border:8px solid transparent;border-image:url('../ui/frames/build-panel.svg') 16 fill stretch;background:none;box-shadow:none;border-radius:0;box-sizing:border-box}
.build-part-label {position:fixed;left:0;top:0;z-index:16;pointer-events:none;width:max-content;box-sizing:border-box;padding:7px 12px;background:#fff9e8f5;color:#302a2a;border:1px solid #bda46b;border-bottom:3px solid #94754b;box-shadow:0 2px 8px #1d223340;text-align:center;line-height:1.15}
.build-part-label strong {display:block;font:700 clamp(17px,1.2vw,24px)/1.15 Rajdhani,sans-serif}
.build-part-label span {display:block;margin-top:3px;font:500 13px/1.1 Rajdhani,sans-serif;color:#786e5a}
.build-part-label[hidden] {display:none}
.build-sheet-toggle {display:none}
@media(max-width:620px){
 .workshop-ui[data-mode=build] .build-sheet-toggle {display:block;position:fixed;left:8px;right:8px;top:max(232px,36dvh);width:calc(100% - 16px);min-height:32px;height:32px;padding:0 8px;border-width:5px;z-index:22;font-size:14px;pointer-events:auto}
 .workshop-ui[data-mode=build] .pc-panel.build-inspector[data-picker=true] {top:max(266px,calc(36dvh + 34px))}
 .workshop-ui[data-mode=build][data-sheet=collapsed] .build-sheet-toggle {top:auto;bottom:55px;height:42px;font-size:16px}
 .workshop-ui[data-mode=build][data-sheet=collapsed]:not([data-build-view=whole]) .pc-panel.build-inspector {display:none!important}
}