.workshop{padding:12px 10px 32px;min-width:0;color:#dce6ff}
.workshop-meta{display:flex;justify-content:space-between;gap:12px;color:#96b5ff;font:12px var(--game-font)}
.workshop-heading h1{margin:16px 0 12px;font:36px/1.3 var(--game-font);color:#fff;text-shadow:3px 3px #002fa7}
.workshop-heading p,.workshop-help{font:12px/1.8 var(--game-font);color:#99accf}
.toolbox-handle{width:132px;height:30px;box-sizing:border-box;margin:30px auto 0;border:8px solid #94b1f7;border-bottom:0;box-shadow:inset 4px 4px #263d70;background:#080e1b}
.toolbox-case{border:4px solid #91acf0;background:#06112b;box-shadow:8px 8px #030817}
.toolbox-lid{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:#002fa7;border-bottom:4px solid #030b22;box-shadow:inset 0 4px #315ee0;font:24px/1.3 var(--game-font);color:#fff}
.toolbox-drawers{display:grid;gap:10px;padding:12px}
.tool-drawer{min-width:0}
.tool-drawer summary{display:flex;align-items:center;gap:12px;min-height:64px;box-sizing:border-box;padding:12px;list-style:none;cursor:pointer;border:3px solid #587dcf;background:#14295b;box-shadow:inset 0 3px #294b8e,inset 0 -4px #081630;transition:transform .16s steps(3)}
.tool-drawer summary::-webkit-details-marker{display:none}
.tool-drawer summary:hover{transform:translate(-4px,-2px);border-color:#b0c5ff}
.tool-drawer summary:focus-visible,.tool-equip:focus-visible{outline:3px solid #ffdb75;outline-offset:4px}
.drawer-number{font:24px var(--game-font);color:#8aa8ed;border-right:2px solid #4163a8;padding-right:12px}
.drawer-label{flex:1;min-width:0;overflow-wrap:anywhere;font:12px/1.7 var(--game-font);color:#f0f4ff}
.drawer-grip{width:46px;height:14px;flex-shrink:0;box-sizing:border-box;border:3px solid #8ba5dc;background:#02091b;box-shadow:0 3px #030b22}
.drawer-state{width:12px;color:#bdd0ff;font:20px monospace}.drawer-state:before{content:'+'}
.tool-drawer[open] summary{background:#002fa7;border-color:#8caeff}.tool-drawer[open] .drawer-number{color:#ffdb75}.tool-drawer[open] .drawer-state:before{content:'−'}
.drawer-tray{position:relative;margin:0 -6px 6px;padding:16px 16px 0;border:3px solid #668fe4;border-top:0;background:repeating-linear-gradient(0deg,#0c1830 0 3px,#101e39 3px 6px);box-shadow:inset 0 8px #030b22,5px 6px #020714;transform-origin:top;animation:pull-tool-drawer .28s steps(5) both}
.drawer-tool{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;padding:12px 0 20px}
.tool-sprite{align-self:start;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 6px;border:2px dashed #3d5788;background:#080f20;color:#ffdb75}
.tool-sprite svg{width:64px;height:64px;filter:drop-shadow(3px 3px 0 #775815)}.tool-sprite span{font:12px var(--game-font);color:#839ac7}
.tool-kind{font:12px/1.5 var(--game-font);color:#87a9f8}
.drawer-description{min-width:0}.drawer-description h2{margin:8px 0 10px;font:24px/1.25 var(--game-font);overflow-wrap:anywhere;color:#fff}
.drawer-description p{margin:0;font:12px/1.8 'Microsoft YaHei',sans-serif;color:#b0c0de}
.tool-equip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;border:2px solid #ffe8a6;background:#f8ce62;color:#171724!important;box-shadow:inset 0 -3px #ba8b2b,3px 3px #030817;font:12px/1.5 var(--game-font);text-decoration:none!important}.tool-equip span{font:10px/1.5 'Microsoft YaHei',sans-serif;color:#554019}.tool-equip:hover{background:#ffe6a0;transform:translateY(-2px)}
.drawer-front{display:flex;justify-content:center;align-items:center;height:24px;margin:0 -16px;border-top:3px solid #87a8ed;background:#264a9d;box-shadow:inset 0 -4px #132960}.drawer-front i{width:60px;height:6px;background:#07122e;border-top:2px solid #6283cd}
.toolbox-base{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-top:3px solid #315eca;background:#002477;font:12px/1.5 var(--game-font);color:#99b6ff}
.toolbox-feet{display:flex;justify-content:space-between;margin:0 28px}.toolbox-feet i{width:40px;height:12px;background:#6484c8;box-shadow:4px 4px #030817}.workshop-help{text-align:center;margin-top:22px}
@keyframes pull-tool-drawer{from{transform:translateY(-12px) scaleY(.85);opacity:.25}to{transform:none;opacity:1}}
@media(min-width:981px) and (max-width:1199px){.drawer-tool{grid-template-columns:1fr}.tool-sprite{flex-direction:row;justify-content:center}.tool-sprite svg{width:40px;height:40px}.toolbox-lid{font-size:12px}.drawer-grip{width:30px}}
@media(max-width:600px){.workshop{padding-right:0;padding-left:0}.workshop-heading h1{font-size:24px}.toolbox-lid{font-size:12px}.toolbox-drawers{padding:8px}.tool-drawer summary{padding:10px 8px;gap:8px}.drawer-grip{width:28px}.drawer-number{padding-right:8px}.drawer-tray{padding:12px 12px 0;margin-right:-2px;margin-left:-2px}.drawer-tool{grid-template-columns:1fr;gap:14px}.tool-sprite{flex-direction:row;justify-content:center}.tool-sprite svg{width:40px;height:40px}.drawer-front{margin-right:-12px;margin-left:-12px}.toolbox-base{padding:12px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.drawer-tray{animation:none}.tool-drawer summary{transition:none}.tool-drawer summary:hover,.tool-equip:hover{transform:none}}
