/* Keep object placement and selection actions ahead of advanced modeling controls. */
.workshop-selection[hidden],.workshop-placement[hidden]{display:none}
.workshop-recolor[hidden]{display:none}.workshop-recolor{margin:0 0 10px;padding:11px;border:1px solid #8ec8b8;border-radius:8px;background:#203d3d}.workshop-recolor label{display:flex;align-items:center;gap:8px;font-size:12px;color:#edf8f1}.workshop-recolor input[type=color]{width:46px;height:36px;padding:2px;background:#142c31;border:1px solid #8caeaa;border-radius:5px;cursor:pointer}.workshop-recolor output{font:12px ui-monospace,monospace}.workshop-recolor p,.workshop-recolor small{display:block;font-size:11px;line-height:1.5;color:#d5e8df}.workshop-recolor p{margin:8px 0}.workshop-recolor small{margin-top:7px}.workshop-recolor button{width:100%;min-height:36px}
.workshop-selection-actions{display:grid;grid-template-columns:1.2fr 1fr auto;gap:5px;margin-top:10px}
.workshop-selection-actions button{font-size:11px;padding:8px 5px;min-height:36px}
.workshop-selection-actions [data-duplicate]{background:#a2d9c9;color:#132d30;border-color:#a2d9c9;font-weight:700}
.workshop-placement{padding:10px;margin:0 0 10px;border:1px solid #9ce6d2;border-radius:8px;background:#1f413e}
.workshop-placement strong,.workshop-placement small{display:block;line-height:1.4}
.workshop-placement small{margin:5px 0;color:#d5e8e0;font-size:11px}
.workshop-placement button{font-size:11px;min-height:40px;padding:7px;margin-top:3px}
.workshop-library .component-palette{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}
.workshop-library .component-card{min-width:0;gap:5px;min-height:92px;text-align:center}
.workshop-library .component-card small{font-size:10px;color:#b4c9cc;line-height:1.35;overflow-wrap:anywhere}
.workshop-library .component-card>span:nth-child(2){font-size:11px;font-weight:650}
.workshop-library .component-card--new-canvas{display:grid;grid-column:1/-1;min-height:68px;grid-template-columns:30px minmax(0,1fr);text-align:left;align-content:center;border-color:#9ce6d2;background:#21483f}
.workshop-library .component-card--new-canvas>span:first-child{grid-row:1/3;align-self:center;color:#b9ecdc}
.workshop-library .component-card--new-canvas>span:nth-child(2){font-size:13px;color:#e6fff2}
.workshop-library .component-card--new-canvas small{grid-column:2;color:#cee6da}
.workshop-library .component-categories button{min-height:30px}
.workshop-hint{max-width:min(90vw,620px);text-align:center;white-space:normal}
@media(max-width:650px){
 .workshop-library .component-palette{max-height:190px}
 .workshop-selection-actions button{min-height:40px}
 .workshop-placement{padding:8px}
 .workshop-library .component-card{min-height:90px}
 .workshop-library .component-card--new-canvas{min-height:72px}
}
/* The Add library contains reusable recipes; the instance index stays separate. */
.workshop .workshop-add-help{font-size:11px;line-height:1.5;color:#c3d3d7;margin:8px 0}
.workshop-library>summary{font-size:14px;font-weight:650;color:#e7f6ef}
.workshop-library .component-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.workshop-library .component-categories button{padding:6px 4px;font-size:10px;line-height:1.3;min-height:32px}
.workshop-library .workshop-library-count{font-size:10px;color:#9ebbbd;margin:7px 0;line-height:1.4}
.workshop-library .component-palette{grid-template-columns:repeat(2,minmax(0,1fr));max-height:390px;gap:7px;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}
.workshop-library .add-object-card{min-height:144px;padding:10px 8px;gap:6px;border-radius:8px;justify-content:flex-start;background:linear-gradient(150deg,#294149,#1b2e3a);text-align:left;align-items:stretch}
.workshop-library .add-object-card .add-object-icon{height:44px;display:flex;align-items:center;justify-content:center;color:#b0e3d1;background:#aacfc409;border-radius:5px;margin-bottom:2px}
.workshop-library .add-object-card .add-object-icon svg{width:62px;height:44px}
.workshop-library .add-object-card>span:nth-child(2){font-size:12px;line-height:1.3;color:#edf8f1}
.workshop-library .add-object-card small{font-size:10px;line-height:1.4;color:#b8cdd0}
.workshop-library .add-object-card:hover,.workshop-library .add-object-card:focus-visible{background:#2b4a4e;border-color:#acd8ca;outline:1px solid #acd8ca}
.workshop-library .add-object-card[data-add-type=display] .add-object-icon{color:#d6c0f0}.workshop-library .add-object-card[data-add-type=canvas] .add-object-icon{color:#f1d5a8}
.workshop-library-empty{grid-column:1/-1;font-size:12px;line-height:1.5;color:#bdced3;padding:12px 3px}
.workshop-originals>input,.workshop-display-options select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background:#0f1d2a;border:1px solid #526b7a;border-radius:6px;padding:8px;color:#edf7f4;font-size:12px}
.workshop-display-options{margin-top:10px;padding-top:10px;border-top:1px solid #58706e}.workshop-display-options[hidden],.workshop-precise[hidden]{display:none}
.workshop-display-options label{display:block;font-size:11px;color:#dcebe4}.workshop-display-options select{display:block;margin-top:6px}
.workshop-originals .workshop-hidden-option{justify-content:flex-start;align-items:center;font-size:10px;line-height:1.4}.workshop-hidden-option input{width:auto;margin:0}
.workshop-existing-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px}.workshop-existing-row button{min-width:0;overflow-wrap:anywhere}.workshop-existing-row button:disabled{opacity:.55}
.workshop-existing-pages{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px;color:#b4ced0}.workshop-existing-pages button{font-size:10px;padding:6px}.workshop-originals [data-restore]{margin-top:10px;font-size:10px}
@media(max-width:650px){.workshop-library .component-palette{max-height:230px}.workshop-library .add-object-card{min-height:136px;padding:8px}.workshop-library .component-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop-library .component-categories button{font-size:10px;min-height:36px}.workshop-display-options select,.workshop-originals>input,.workshop-library>input{font-size:16px}}
@media(max-width:650px){
 .workshop-library>.workshop-add-help,.workshop-library>.workshop-library-count{display:none}
 .workshop-library .add-object-card{min-height:114px;gap:4px}
 .workshop-library .add-object-card .add-object-icon{height:34px}
 .workshop-library .add-object-card .add-object-icon svg{width:50px;height:34px}
}

@media(max-width:650px){.workshop:not(.workshop-has-selection)>.workshop-tools{display:none}}