.course-studio #section-tasks .expandable-content{padding-top:30px}
.course-studio #section-tasks .task-demo-tabs{margin:0 0 22px;padding:4px;gap:8px;border:1px solid #314c73;border-radius:16px;background:#0b1729}
.course-studio #section-tasks .task-demo-tab{appearance:none;font:inherit;min-height:46px;border-radius:12px;padding:11px 24px;outline:none}
.course-studio #section-tasks .task-demo-tab:focus-visible{outline:3px solid #84e7ee;outline-offset:3px}
.course-studio #section-tasks .task-demo-tab[aria-selected=true]{background:linear-gradient(100deg,#2867ee,#8744e8);color:#fff;box-shadow:0 8px 24px #482da944}
.cad-workbench-head{margin-bottom:22px}.cad-workbench-head h4{font-size:clamp(20px,2.4vw,28px)!important;margin:6px 0 10px!important}.cad-workbench-head p{max-width:850px;color:#b8cae3!important;line-height:1.8!important}
.cad-eyebrow,.wb-guide-eyebrow{display:block;color:#85e5ec;font-size:11px;font-weight:800;letter-spacing:.14em}
.cad-workbench{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.7fr);gap:18px}
.cad-stage-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.cad-stage-nav .wb-button{padding:9px 6px;min-height:44px;font-size:12px;background:#162944}
.cad-stage-nav .wb-button[aria-selected=true]{background:#403a78;border-color:#baa9ff;color:#fff;box-shadow:0 0 0 2px #baa9ff33}
.cad-viewport-wrap,.cad-reference{margin:0;min-width:0;border:1px solid #365886;border-radius:18px;background:linear-gradient(145deg,#0b1729,#122744);overflow:hidden}
.cad-viewport{position:relative;width:100%;height:clamp(340px,47vw,560px);background:radial-gradient(circle at 50% 35%,#183c64,#071426 68%);cursor:grab;touch-action:none}
.cad-viewport:active{cursor:grabbing}.cad-viewport:focus-visible{outline:3px solid #84e7ee;outline-offset:-5px}
.cad-viewport canvas{display:block;width:100%;height:100%}
.cad-fallback{margin:0}.cad-fallback img{display:block;width:100%;height:auto}.cad-fallback figcaption,.cad-reference figcaption{padding:12px 14px;color:#bfd0e7;font-size:12px;line-height:1.7}
.cad-progress-card{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(170px,1fr) minmax(160px,1.6fr) 52px;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid #345579;background:#11233b}.cad-progress-card strong{font-size:13px;color:#fff}.cad-progress-card span{font-size:12px;color:#a9bed9}.cad-progress-card input{width:100%;accent-color:#a991ff}.cad-progress-card output{text-align:right;color:#9fe5eb;font-size:12px}
.cad-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 4px}.cad-actions .wb-button{min-height:40px;padding:8px 13px}.cad-loop{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#bfd0e7;font-size:12px}.cad-loop input{width:17px;height:17px;accent-color:#a991ff}
.cad-object-status{min-height:42px;margin:0;padding:10px 16px 15px;color:#9fcbe0;font-size:12px;line-height:1.7}
.cad-reference{align-self:start;position:sticky;top:96px}.cad-reference img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.cad-reference figcaption{border-top:1px solid #314d70}
.wb-guide-flow{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.35fr);gap:18px;margin:8px 0 18px;padding:18px;border:1px solid #3c5479;border-radius:18px;background:linear-gradient(135deg,#14233d,#0e1a30)}
.wb-guide-copy{display:flex;flex-direction:column;padding:8px}.wb-guide-copy h4{font-size:clamp(20px,2vw,27px);margin:8px 0}.wb-guide-copy>p{color:#c4d2e8!important;line-height:1.85!important;margin-bottom:16px!important}
.wb-guide-controls{display:grid;gap:8px;margin-top:auto}.wb-guide-controls .wb-button{text-align:left;justify-content:flex-start;background:#172b47}.wb-guide-controls .wb-button[aria-selected=true]{background:#493b72;border-color:#b8a1f1;color:#fff}
.wb-guide-visual{position:relative;margin:0;min-width:0;border-radius:14px;overflow:hidden;background:#071426}.wb-guide-visual img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;transition:opacity .18s}.wb-guide-visual figcaption{position:absolute;left:14px;bottom:14px;padding:9px 12px;border:1px solid #9bcdea66;border-radius:30px;background:#071426dc;color:#eff6ff;font-size:12px;backdrop-filter:blur(8px)}
@media(max-width:900px){.cad-workbench{grid-template-columns:1fr}.cad-reference{display:none;position:static}.cad-stage-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-guide-flow{grid-template-columns:1fr}.wb-guide-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-guide-visual{order:-1}.wb-guide-visual img{min-height:280px}.cad-progress-card{grid-template-columns:1fr auto}.cad-progress-card span{grid-column:1/-1}.cad-progress-card input{grid-column:1/2}}
@media(max-width:600px){.course-studio #section-tasks .expandable-content{padding-top:22px}.course-studio #section-tasks .task-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px}.course-studio #section-tasks .task-demo-tab{padding:9px 5px;font-size:12px}.cad-stage-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:3px}.cad-stage-nav .wb-button{flex:0 0 118px;scroll-snap-align:start}.cad-viewport{height:390px}.cad-progress-card{padding:12px}.cad-actions .wb-button{flex:1 1 130px}.wb-guide-flow{padding:12px}.wb-guide-visual img{min-height:220px}.wb-guide-controls .wb-button{font-size:12px;padding:9px}}
@media(prefers-reduced-motion:reduce){.wb-guide-visual img{transition:none}}