/* CASE//LAB native material and typography */
.workshop-view{max-width:1280px;margin:auto}.workshop-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:15px;margin:20px 0}.workshop-panel{border:1px solid var(--edge);background:linear-gradient(155deg,var(--panel),var(--bgdeep));padding:22px;box-shadow:0 14px 35px #0004}.workshop-panel h2{font:750 26px var(--head);letter-spacing:.6px;margin:0 0 12px}.workshop-lock{position:relative;overflow:hidden;text-align:center;margin-top:22px;padding:clamp(26px,5vw,62px) 22px;border:1px solid var(--edge2);background:radial-gradient(ellipse at 50% 0%,#dfbc7a19,transparent 65%),linear-gradient(145deg,var(--panel),var(--bgdeep));box-shadow:0 24px 65px #0006}.workshop-lock:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.workshop-lock-emblem{font-size:45px;color:var(--accent);line-height:1;margin-bottom:19px;text-shadow:0 0 32px #dfbc7a66}.workshop-lock h2{font:800 clamp(32px,5vw,56px)/1 var(--head);margin:12px 0}.workshop-lock h2 span{font-weight:400;color:var(--accent)}.workshop-lock p{font-size:14px;color:var(--muted)}.workshop-lock p strong{color:var(--white)}.workshop-lock-progress{display:flex;justify-content:space-between;gap:15px;align-items:center;max-width:560px;margin:32px auto 10px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-align:left}.workshop-lock-progress strong{color:var(--accent);font:800 24px var(--head);white-space:nowrap}.workshop-lock>.workshop-meter{max-width:560px;margin:auto;height:11px}.workshop-lock small{display:block;color:var(--muted);margin-top:20px}.workshop-stat{display:flex;justify-content:space-between;gap:12px;margin:20px 0 8px;font-size:10px;letter-spacing:.8px;font-weight:800}.workshop-meter{height:9px;background:var(--bgdeep);border:1px solid var(--edge);overflow:hidden}.workshop-meter>div{height:100%;background:linear-gradient(90deg,#9b7445,var(--accent));transition:width .5s}.workshop-meter.fuel>div{background:linear-gradient(90deg,#527a74,#a1c9aa)}.workshop-muted{color:var(--muted);font-size:11px;line-height:1.7}.workshop-contract-banner{margin-top:22px;border-left:3px solid var(--accent);background:var(--panel);padding:13px 18px;display:grid;gap:4px}.workshop-contract-banner span{font-size:9px;letter-spacing:1.8px;color:var(--accent);font-weight:800}.workshop-contract-banner strong{font:700 19px var(--head)}.workshop-slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin-top:12px}.workshop-slot{aspect-ratio:1.15;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--bgdeep);border:1px dashed var(--edge2);overflow:hidden}.workshop-slot.filled{border:1px solid var(--accent);background:var(--panel2)}.workshop-slot img{width:95%;height:75%;object-fit:contain}.workshop-slot-number{font:700 20px var(--head);color:var(--edge2)}.workshop-slot-label{font-size:8px;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}.workshop-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;max-height:520px;overflow:auto;margin:15px 0}.workshop-item{background:var(--panel2);border:1px solid var(--edge);color:var(--white);text-align:left;padding:10px;cursor:pointer;min-height:126px;position:relative;border-bottom:3px solid var(--blue)}.workshop-item[data-tier=purple]{border-bottom-color:var(--purple)}.workshop-item[data-tier=pink]{border-bottom-color:var(--pink)}.workshop-item[data-tier=red]{border-bottom-color:var(--red)}.workshop-item img{display:block;width:100%;height:77px;object-fit:contain;filter:drop-shadow(0 8px 10px #0008)}.workshop-item:hover{background:#354959}.workshop-item.chosen{outline:2px solid var(--accent);outline-offset:-2px;background:#454535}.workshop-item-name,.workshop-item-meta{display:block}.workshop-item-name{font-size:10px;font-weight:800}.workshop-item-meta{font-size:9px;color:var(--muted);margin-top:5px}.workshop-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:14px 0}.workshop-controls select{min-width:170px;padding:11px;background:var(--bgdeep);color:var(--white);border:1px solid var(--edge2)}.workshop-message{min-height:45px;padding:13px;border-left:3px solid var(--accent);background:var(--panel2)}.workshop-message[data-error=true]{border-color:var(--red)}.workshop-empty{color:var(--muted);padding:20px}.workshop-selection{font-weight:800;color:var(--accent)}[hidden]{display:none!important}@media(max-width:800px){.workshop-grid{grid-template-columns:1fr}.workshop-panel{padding:15px}.workshop-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.workshop-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-controls select,.workshop-controls button{width:100%}}