.skill-workbench { max-width:1280px; margin:auto; }
.workbench-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); gap:24px; align-items:start; }
.workbench-layout > * { min-width:0; }
.workbench-layout aside { display:grid; gap:20px; }
.program-preview p, .program-test-result { overflow-wrap:anywhere; line-height:1.8; }
#skill-yaml-source { font-family:ui-monospace,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif; font-size:14px; tab-size:2; white-space:pre; overflow:auto; width:100%; min-width:0; }
.program-templates { display:flex; flex-wrap:wrap; gap:8px; padding:12px 0; }
.program-import { cursor:pointer; border:1px solid var(--line,#485047); border-radius:8px; padding:8px 12px; }
.program-import input { width:160px; font-size:12px; }
[data-program-error]:not([hidden]) { white-space:pre-wrap; overflow-wrap:anywhere; background:#682d2d33; color:#f3a4a4; border:1px solid #985050; padding:12px; margin:12px 0; }
.program-test-result { margin-top:16px; max-height:560px; overflow:auto; }
.program-test-result table { width:100%; font-size:13px; text-align:left; }
.program-test-result th, .program-test-result td { padding:6px; }
.skill-workbench .row { flex-wrap:wrap; }
.skill-workbench select { max-width:100%; min-width:0; }
@media(max-width:850px) { .workbench-layout { grid-template-columns:minmax(0,1fr); gap:16px; } .skill-workbench .section-heading { align-items:flex-start; } }