.academy-workbench{--wb-ink:#151616;--wb-muted:#626568;--wb-line:#d7d8d8;color:var(--wb-ink);font:14px/1.45 Arial,Helvetica,sans-serif;min-width:0}
.academy-workbench *{box-sizing:border-box}
.academy-workbench button{font-family:inherit;color:inherit;cursor:pointer}
.academy-workbench button:focus-visible,.academy-workbench a:focus-visible,.academy-workbench summary:focus-visible,.academy-workbench input:focus-visible,.academy-workbench select:focus-visible{outline:2px solid #3c545a;outline-offset:3px}
.wb-sr{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);position:absolute}
.wb-step-picker{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:0 0 8px;border-bottom:1px solid var(--wb-line)}
.wb-step-picker>span,.wb-topline,.wb-cap,.wb-tools small{font:10px/1.4 ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--wb-muted)}
.wb-step-picker>span{white-space:nowrap}.wb-step-picker label{max-width:70%}.wb-step-picker select{border:0;font:600 12px Arial,sans-serif;padding:7px 0;color:#222;background:transparent;max-width:100%;text-overflow:ellipsis}
.wb-topline{margin:16px 0 5px}
.wb-scope{display:flex;margin:6px 0 10px;gap:2px;align-items:center;background:#f1f2f2;border-radius:5px;padding:3px;width:max-content;max-width:100%}
.wb-scope button,.wb-stage-select button{border:0;background:transparent;font-size:12px;font-weight:600}.wb-scope button{line-height:1.2;border-radius:3px;padding:9px 12px}
.wb-scope button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0002}.wb-scope button[aria-pressed=false]{color:#585b59}
.academy-workbench .wb-tools{border:0;border-bottom:1px solid var(--wb-line);padding:0 0 7px;margin:8px 0 14px}
.wb-tools summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;font-size:12px;min-height:41px}.wb-tools summary::-webkit-details-marker{display:none}
.wb-tools summary>svg{width:37px;height:37px;flex:0 0 37px}.wb-tools summary>span{display:grid;gap:1px}
.wb-tools small{font-size:8px}.wb-tools summary>strong,.wb-tools summary strong{font-size:13px}.wb-tools summary>b{margin-left:auto;color:#383a3b;text-decoration:underline;text-underline-offset:3px;font-size:11px}
.wb-method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:8px 0 2px}
.wb-method-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:600;font-size:10px;background:#fafafa;min-height:58px;padding:3px 1px;border:1px solid var(--wb-line);border-radius:3px}
.wb-method-grid button[aria-pressed=true]{border-color:#343535;background:#eee}.wb-method-grid svg{width:30px;height:30px}
.academy-workbench .wb-operation h3{font:600 clamp(24px,2vw,33px)/1.08 Arial,sans-serif;letter-spacing:-.045em;margin:0 0 6px}
.academy-workbench .wb-operation .wb-intro{font:14px/1.42 Arial,sans-serif;max-width:48ch;margin:0 0 12px;color:#55585a}
.wb-stage-select{display:flex;gap:5px;align-items:center;margin:14px 0 7px}
.wb-stage-select button{padding:7px 10px;border:1px solid #d7d8d8;background:#fff;border-radius:4px;line-height:1.1}
.wb-stage-select button[aria-pressed=true]{background:#202121;color:#fff;border-color:#202121}.wb-stage-select small{font:9px ui-monospace,Menlo,Consolas,monospace;opacity:.72}
.academy-workbench .wb-instruction{font:15px/1.5 Arial,sans-serif;color:#2d3030;margin:9px 0 14px}
.wb-method-note,.wb-specific,.wb-check{border-left:2px solid #969a9a;padding:2px 0 2px 10px;margin:12px 0}
.wb-method-note strong{font-size:12px}.academy-workbench .wb-method-note p,.academy-workbench .wb-specific,.academy-workbench .wb-check{color:#545857;font:13px/1.48 Arial,sans-serif;margin-block:4px}
.academy-workbench .wb-file{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:9px;text-decoration:none;background:#fff;border:1px solid #cccecd;padding:9px 11px;min-height:38px;border-radius:4px;font:600 12px/1.35 Arial,sans-serif;margin:6px 0;width:100%;color:#191b1c;overflow-wrap:anywhere}
.academy-workbench .wb-file span{font:10px ui-monospace,Menlo,Consolas,monospace;white-space:nowrap;color:inherit;opacity:.85}
.academy-workbench .wb-file.wb-primary{color:white;background:#212222;border-color:#212222}
.wb-return{border:0;background:none;text-decoration:underline;text-underline-offset:3px;padding:4px 0 7px;font-size:12px}
.academy-workbench .wb-fold,.academy-workbench .wb-references,.academy-workbench .wb-file-more{border:0;border-top:1px solid var(--wb-line);border-radius:0;padding:9px 0;margin:0;background:transparent}
.academy-workbench .wb-fold summary,.academy-workbench .wb-references summary,.academy-workbench .wb-file-more summary{font:600 12px/1.4 Arial,sans-serif;cursor:pointer;color:#343839}
.academy-workbench .wb-fold p,.academy-workbench .wb-references p,.academy-workbench .wb-file-more p,.wb-fold li{font:13px/1.48 Arial,sans-serif;color:#525656;margin:7px 0}
.wb-fold ol{margin:8px 0;padding:0 0 0 21px}.wb-fold li{padding-left:2px}
.wb-fold a,.wb-references a{display:block;margin:5px 0;font:12px/1.4 Arial,sans-serif;color:#303737;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.wb-upload{font:600 12px Arial,sans-serif;display:grid;gap:5px}.wb-upload input{max-width:100%;font:12px Arial,sans-serif}.wb-file-result,.wb-download-status{display:block;margin:8px 0;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace}
.wb-cap{margin:12px 0 6px}
.wb-components{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px}
.wb-components button,.wb-study-parts button{border:1px solid var(--wb-line);border-radius:4px;background:#fff;min-width:0;text-align:left}
.wb-components button{display:flex;align-items:center;flex-direction:column;justify-content:start;padding:5px 3px 7px;gap:4px;font:600 10px/1.25 Arial,sans-serif;text-align:center}
.wb-thumb,.wb-thumb svg{display:block;width:100%;height:46px}
.wb-components button[aria-pressed=true],.wb-study-parts button[aria-pressed=true]{border-color:#454848;background:#f1f2f2}
.wb-study-parts{display:flex;gap:5px}.wb-study-parts button{font:600 12px Arial,sans-serif;padding:7px 9px;display:flex;align-items:center;gap:5px}.wb-study-parts button span{font:10px ui-monospace,Menlo,Consolas,monospace;color:#626666}
.wb-footer{margin:14px 0 10px;display:flex;justify-content:space-between;gap:5px;align-items:center;border-top:1px solid var(--wb-line);padding-top:10px}
.wb-footer button{border:1px solid var(--wb-line);font:600 12px Arial,sans-serif;border-radius:4px;padding:8px 10px;min-height:35px}.wb-complete{background:#fff}.wb-next{background:#ededec}.wb-complete[aria-pressed=true]{border-color:#777b78}
@media(max-width:730px){.wb-step-picker select{min-height:38px}.wb-stage-select button,.wb-scope button{min-height:37px}.wb-footer button{min-height:40px}.wb-thumb,.wb-thumb svg{height:44px}.wb-method-grid button{min-height:55px}.wb-stage-select{gap:4px}}
.academy-workbench .wb-drawing{width:100%;border-block:1px solid #e4e5e5;margin:8px 0 5px;padding:5px 6px;background:#fcfcfc}.wb-drawing svg{display:block;width:100%;height:83px}
.wb-real-files{margin:12px 0 6px}.wb-real-files small{font:9px/1.4 ui-monospace,Menlo,Consolas,monospace;color:#636767;letter-spacing:.07em;text-transform:uppercase}

.academy-workbench .wb-square-guide{display:block;width:100%;max-height:174px;height:auto;object-fit:contain;margin:7px 0}

.mobile-model{display:none}
.academy-workbench .wb-topline{margin:10px 0 5px}
.academy-workbench .wb-cap{margin:0 0 6px;letter-spacing:.02em;text-transform:none;font:600 13px/1.35 Arial,sans-serif;color:#262728}
.academy-workbench .wb-parts{margin:13px 0 12px}
.academy-workbench .wb-tools{padding:0 0 15px;margin:12px 0 15px}
.academy-workbench .wb-method-grid{margin:0}
.academy-workbench .wb-footer>span{font-size:12px;color:#5b5b5b}
@media(max-width:730px){
 .workspace[data-mode=build] .mobile-model{display:block;align-self:start;order:0;margin-bottom:4px;min-height:40px;padding:0 6px 0 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}
 .workspace[data-mode=build]:not(.show-mobile-model) .stage{display:none}
 .workspace[data-mode=build] .guide{margin-top:5px}
 .wb-component button,.wb-method-grid button{min-height:44px}
}

.wb-mobile-parts{padding:0 0 4px!important;margin:0!important;border:0!important}
.wb-mobile-parts summary{min-height:36px;align-content:center;font:600 13px/1.35 Arial,sans-serif;cursor:pointer}
@media(max-width:730px){
 .workspace[data-mode=build] .mobile-model{min-height:32px}
 .academy-workbench .duck-body-lab .db-kicker{display:none}
 .academy-workbench .wb-tools{padding-bottom:10px;margin-top:6px;margin-bottom:10px}
 .duck-body-lab .db-progress{margin-bottom:6px}
}
