/* Final 1.0.0: the preparation shortcut strip is one row, independent from the combat layout. */
.wb-skill-workbench .wb-tree-panel .wb-quickbar {display:grid;grid-template-columns:76px repeat(12,minmax(0,1fr));grid-template-rows:64px;height:74px;gap:3px;flex:0 0 74px;margin-top:6px;padding-top:6px;overflow:visible;}
.wb-skill-workbench .wb-tree-panel .wb-quickbar > span:first-child {grid-column:1;grid-row:1;margin:0;font-size:10px;}
.wb-skill-workbench .wb-tree-panel .wb-quickbar > .wb-quickslot {grid-column:auto;grid-row:1;width:auto;height:61px;min-width:0;}
.wb-skill-workbench .wb-quickslot .wb-icon {width:32px;height:32px;}
.wb-skill-workbench .wb-quickslot .wb-slot-empty {height:32px;}
.wb-skill-workbench .wb-quickslot > small {font-size:8px;line-height:11px;}
/* 30% transparency = 70% opacity; clickable controls remain in the same order. */
#hud .hud-bottom {width:max-content;max-width:calc(100vw - 24px);bottom:6px;padding:6px 10px;gap:10px;opacity:.7;background:#102b36;border-radius:8px;box-shadow:0 3px 14px #061b2040;}
#hud .hud-bottom .my-panel {width:210px;min-width:210px;gap:6px;}
#hud .hud-bottom .my-panel canvas {width:40px;height:52px;}
#hud .hud-bottom .my-vitals .my-name {font-size:10px;margin-bottom:3px;}
#hud .hud-bottom .my-vitals .small {font-size:9px;margin-top:2px;}
#hud .hud-bottom .my-health {height:17px;}
#hud .hud-bottom .my-health .health-text {font-size:10px;}
#hud .hud-bottom .skill-bar {grid-template-columns:repeat(7,46px);grid-template-rows:repeat(2,47px);gap:3px;}
#hud .hud-bottom .skill-button {width:46px;height:47px;padding:1px;min-height:0;}
#hud .hud-bottom .skill-button .wb-icon {width:28px;height:28px;}
#hud .hud-bottom .skill-name {font-size:8px;line-height:10px;}
#hud .hud-bottom .key-small {font-size:9px;line-height:11px;padding:0 2px;min-width:11px;top:1px;right:1px;}
#hud .hud-bottom .hud-tools {min-width:80px;gap:3px;}
#hud .hud-bottom .hud-tools button {font-size:9px;padding:5px 7px;}
#hud .hud-bottom .hud-tools .basic-key {font-size:9px;}
#combat-help {bottom:118px;max-width:82vw;font-size:10px;}


/* Two explicitly selectable presets; custom mappings remain reversible. */
.control-presets{margin:18px 0;padding:13px 15px;border:1px solid #7aa49e55;border-radius:8px;background:#112b3370;}
.control-preset-title,.control-preset-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.control-preset-title{justify-content:space-between;margin-bottom:10px;}.control-preset-title span,.control-presets p{font-size:12px;color:#acc6c6;}
.control-presets p{margin:9px 0 0;line-height:1.65;}.control-preset-buttons button{padding:8px 13px;}.control-preset-buttons button.active{border-color:#dbbf7f;background:#b2954633;color:#ffedbc;}
.key-grid .key-row button{white-space:nowrap;min-width:48px;}