.tool-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.tool-card{padding:14px 7px;background:#252f22;border:1px solid #4e5b40;color:#bac6a8;text-align:center;min-height:124px}.tool-card.selected{border-color:#bec998;background:#3b4531}.tool-card strong{display:block;font-size:10px;font-weight:500;margin-top:9px}.tool-card small{font-size:7px;letter-spacing:1px;color:#aab792}.tool-drawing{display:block;position:relative;height:43px;width:75px;margin:auto;transform:rotate(-14deg)}.tool-drawing.calipers:before{content:'';position:absolute;top:15px;left:2px;width:72px;height:6px;background:repeating-linear-gradient(90deg,#c0c4b1 0,#c0c4b1 5px,#65745b 5px,#65745b 6px);box-shadow:0 2px #273321}.tool-drawing.calipers i{position:absolute;left:12px;top:6px;width:6px;height:36px;background:#b7bda7}.tool-drawing.calipers b{position:absolute;left:42px;top:7px;width:25px;height:20px;background:#4e6047;border:3px solid #a2ae91}.tool-drawing.calipers b:after{content:'24.0';font:6px monospace;color:#ced7bf}.tool-drawing.sanding{height:35px;width:58px;margin-top:8px;background:linear-gradient(#baa380 0 40%,#615c45 41% 75%,#9d8a64 76%);border:1px solid #352e21;box-shadow:5px 6px 0 #17201666;transform:skewY(-8deg) rotate(-15deg)}.tool-drawing.deburr:before{content:'';position:absolute;left:8px;top:12px;width:48px;height:17px;background:linear-gradient(#698d82,#384f46);border-radius:5px 12px 12px 5px;box-shadow:0 4px #1f2f25}.tool-drawing.deburr:after{content:'';position:absolute;left:55px;top:7px;width:15px;height:12px;border-right:4px solid #bac6b0;border-bottom:4px solid #bac6b0;border-radius:0 0 10px 0;transform:rotate(-25deg)}.finish-checks{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0;font-size:9px;color:#899a77}.finish-checks .checked{color:#d1deae}.finishing-mat{height:230px;position:relative;background:repeating-linear-gradient(0deg,transparent 0,transparent 19px,#76946a15 20px),repeating-linear-gradient(90deg,#202e24 0,#202e24 19px,#76946a22 20px);border:1px solid #5c7052;margin:14px 0;box-shadow:inset 0 0 35px #101c1499}.mat-title{position:absolute;left:12px;top:12px;font:8px monospace;letter-spacing:1px;color:#839978}.bench-model{position:absolute;left:calc(50% - 90px);top:35px;width:180px;filter:drop-shadow(5px 10px 3px #0006)}.finishing-mat:not(.smoothed) .bench-model{filter:drop-shadow(3px 3px 0 #b8aa6b88) drop-shadow(4px 9px 4px #0006)}.support-tab{position:absolute;top:107px;background:#727f5b;color:#eef2db;border:1px dashed #c1cfa8;padding:7px;font-size:9px}.support-tab.left{left:6%}.support-tab.right{right:6%}.support-tab.removed{background:none;border-color:#53644a;color:#9fb18c;opacity:1}.sanding-passes{position:absolute;bottom:15px;display:flex;gap:8px;left:calc(50% - 53px)}.sanding-passes i{height:5px;width:30px;background:#48583c}.sanding-passes .done{background:#bdc799}.caliper-gauge{position:relative;height:48px;background:repeating-linear-gradient(90deg,#4e5c42 0,#4e5c42 1px,transparent 1px,transparent 10%);margin:15px 0}.caliper-gauge>span{position:absolute;left:45%;width:10%;height:100%;background:#bedc7e55;border-left:1px solid #bedc7e;border-right:1px solid #bedc7e}.caliper-gauge input{position:absolute;left:0;width:100%;top:8px;padding:0;margin:0;accent-color:#d9dcbf;background:none;border:0}.pegboard{cursor:pointer;pointer-events:auto;padding:0;z-index:7}.pegboard:hover{outline:2px solid #c1cd9a;outline-offset:3px}.pegboard:focus-visible{outline:3px solid #e2e8ce}.quality-note{font-size:10px;color:#ccd8ab}.tool-link{margin-right:7px}nav button{padding:17px 7px;font-size:9px}@media(max-width:550px){.tool-card{padding:12px 4px}.tool-card strong{font-size:8px}.tool-drawing{transform:scale(.85) rotate(-14deg)}.support-tab{font-size:7px;padding:5px}.support-tab.left{left:3%}.support-tab.right{right:3%}.bench-model{width:150px;left:calc(50% - 75px);top:50px}nav button{padding:15px 5px;font-size:8px}}