.skill-workbench { background: #f8f9e8; }
#skill-workbench-root { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
.wb-field { display: flex; flex: 1 1 220px; flex-direction: column; gap: 4px; color: #315169; font-size: 12px; font-weight: bold; }
.wb-field input, .wb-field textarea, .wb-field select { box-sizing: border-box; width: 100%; min-height: 32px; padding: 5px 7px; border: 1px solid #294357; border-radius: 0; background: #fffdf4; color: #182b39; font: inherit; font-weight: normal; }
.wb-field textarea { min-height: 76px; resize: vertical; }
.wb-button, .wb-tabs button, .wb-nodes button, .wb-buttons button, .wb-link { border: 1px solid #294357; border-radius: 0; padding: 7px 9px; background: #cfe5e3; color: #182b39; font: inherit; font-size: 12px; cursor: pointer; }
.wb-button:hover, .wb-tabs button:hover, .wb-nodes button:hover, .wb-buttons button:hover, .wb-link:hover { background: #f5d4b8; border-color: #e47f68; }
.wb-button:focus-visible, .wb-tabs button:focus-visible, .wb-nodes button:focus-visible, .wb-buttons button:focus-visible, .wb-link:focus-visible { outline: 2px dashed #e47f68; outline-offset: 2px; }
.wb-button:active, .wb-tabs button:active, .wb-nodes button:active, .wb-buttons button:active, .wb-link:active { background: #ffc7a9; }
.wb-link { background: transparent; border: 0; border-bottom: 1px dotted #517d98; padding: 2px; color: #3a7196; text-align: left; overflow-wrap: anywhere; }
.wb-tabs, .wb-buttons { width: 100%; display: flex; flex-wrap: wrap; gap: 5px; }
.wb-notice { width: 100%; margin: 7px 0; padding: 5px 7px; background: #fff4dd; border: 1px solid #9aaab0; font-size: 12px; overflow-wrap: anywhere; }
.wb-notice b { color: #bf634f; }
.wb-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; border-top: 1px dotted #9aaab0; }
.wb-facts>div { min-width: 0; display: flex; flex-direction: column; gap: 2px; border-bottom: 1px dotted #9aaab0; padding: 5px 7px; }
.wb-facts span { color: #577b89; font-size: 10px; font-weight: bold; }
.wb-facts strong { font-size: 12px; font-weight: normal; overflow-wrap: anywhere; }
.wb-row { border-bottom: 1px dotted #9aaab0; padding: 5px 7px; overflow-wrap: anywhere; }
.wb-row small { display: block; color: #667b85; }
.wb-row summary { cursor: pointer; }
.wb-nodes { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; padding: 9px 0; }
.wb-nodes button { min-width: 65px; }
.wb-bars { height: 110px; border: 1px solid #294357; display: flex; align-items: end; gap: 3px; padding: 5px; background: #fffdf4; }
.wb-bars span { display: block; flex: 1; background: #7dbdbb; border: 1px solid #294357; }
.wb-logs { white-space: pre-wrap; max-height: 150px; overflow: auto; background: #fffdf4; border: 1px solid #9aaab0; padding: 7px; font-size: 11px; }
.wb-entry { border: 1px solid #294357; margin: 8px 0; padding: 7px; background: #fffdf4; }
#skill-live-output h4 { font-size: 12px; color: #315169; margin: 12px 0 4px; }
#skill-live-output { min-height: 44px; overflow-wrap: anywhere; }
@media (max-width: 620px) { .wb-facts { grid-template-columns: 1fr; } }