/* Shared TEP header, component-workspace proportions, microcontroller colours. */
.uc-workspace{--uc-rail-width:82px;--uc-header-height:57px;--uc-status-height:34px;min-height:100dvh;color-scheme:dark}
.uc-workspace .uc-workspace-bar{position:sticky;top:0;z-index:30;color-scheme:light}
.uc-workspace-bar .c2-bar-title strong{font-size:19px}
.uc-workspace-bar .c2-bar-right{gap:14px}
.uc-workspace-bar .topbar{box-shadow:0 3px 12px #0004}
.uc-workspace-bar .uc-workspace-find,.uc-workspace-bar .uc-workspace-simulator{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13px;font-weight:650}
.uc-workspace-bar .uc-workspace-simulator{padding:7px 11px;border:1px solid #ffffff60;border-radius:7px;background:#ffffff18}
.uc-workspace-bar .uc-workspace-simulator:hover{background:#ffffff30}
.uc-workspace-bar .ds-icon{width:20px;height:20px;flex:none}
.uc-workspace-frame{flex:1;display:grid;grid-template-columns:var(--uc-rail-width) minmax(0,1fr) var(--uc-rail-width);min-height:calc(100dvh - var(--uc-header-height) - var(--uc-status-height));align-items:start}
.uc-workspace .uc-rail-surface{align-self:stretch;min-width:0;background:linear-gradient(90deg,#1c2632,#19232e);border-right:2px solid #3c5264;box-shadow:inset -1px 0 #ffffff08}
.uc-workspace .uc-resource-surface{border-right:0;border-left:2px solid #3c5264;background:linear-gradient(90deg,#19232e,#1c2632);box-shadow:inset 1px 0 #ffffff08}
.uc-workspace .uc-toolrail{position:sticky;top:var(--uc-header-height);height:calc(100dvh - var(--uc-header-height) - var(--uc-status-height));max-height:calc(100dvh - var(--uc-header-height) - var(--uc-status-height));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#526578 transparent;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;padding:0 5px 10px}
.uc-workspace .uc-rail-caption{flex:none;margin:0 -5px 2px;min-height:30px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #394c5d;background:#243342;font-size:8px;font-weight:750;letter-spacing:1.1px;text-transform:uppercase;color:#aec9dc}
.uc-workspace .uc-toolrail a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:7px 3px;box-sizing:border-box;border:1px solid transparent;border-radius:7px;flex-shrink:0;text-align:center;text-decoration:none;font-size:10px;line-height:1.35;color:#c9d8e5;transition:background .18s,border-color .18s,box-shadow .18s}
.uc-workspace .uc-toolrail a:hover{background:linear-gradient(135deg,#5acaff27,#74d6ff10);border-color:#689cb66e;color:#fff;box-shadow:inset 0 1px #ffffff12}
.uc-workspace .uc-toolrail a[aria-current="page"]{background:linear-gradient(135deg,#40c6ff30,#64d4ff12);border-color:#4a99ba;color:#e3f7ff;box-shadow:inset 3px 0 #27c8ff,inset 0 1px #ffffff20,0 2px 5px #0002;font-weight:700}
.uc-workspace .uc-toolrail a:focus-visible,.uc-workspace-status summary:focus-visible{outline:2px solid #6fdbff;outline-offset:2px}
.uc-workspace .uc-rail-icon{--rail-icon:#77ceff;display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid color-mix(in srgb,var(--rail-icon) 42%,transparent);border-radius:8px;color:var(--rail-icon);background:linear-gradient(145deg,#ffffff14,#ffffff03);box-shadow:inset 0 1px #ffffff18,0 2px 5px #0003}
.uc-workspace .uc-rail-icon.violet{--rail-icon:#c3a3ff}.uc-workspace .uc-rail-icon.mint{--rail-icon:#6ce0ba}.uc-workspace .uc-rail-icon.cyan{--rail-icon:#69dce8}.uc-workspace .uc-rail-icon.amber{--rail-icon:#f5c36a}.uc-workspace .uc-rail-icon.rose{--rail-icon:#ff9fb8}
.uc-workspace .uc-rail-icon .ds-icon{width:22px;height:22px}
.uc-workspace .uc-workspace-main{min-width:0;width:100%;max-width:none;margin:0;padding:22px 24px 32px;box-sizing:border-box;align-content:start;grid-template-columns:minmax(0,1fr)}
.uc-workspace .uc-workspace-main>*,.uc-workspace .uc-hero-copy{min-width:0}
.uc-workspace .uc-cards{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.uc-workspace .uc-links{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.uc-workspace .uc-sub{overflow-wrap:anywhere}
.uc-workspace-main h1:focus{outline:none}
@media(max-width:980px){.uc-workspace .uc-hero{grid-template-columns:minmax(0,1fr)}}
.uc-workspace :is([id],a){scroll-margin-top:calc(var(--uc-header-height) + 16px)}
.uc-workspace-status{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;box-sizing:border-box;padding:6px 18px;background:#17222d;border-top:1px solid #3c5264;color:#a8c0d1;font-size:11px;line-height:1.4}
.uc-workspace-status>a{text-decoration:none}
.uc-status-chip{display:flex;align-items:center;gap:7px}
.uc-status-chip>i{width:7px;height:7px;border-radius:50%;background:#36d6a3;box-shadow:0 0 0 4px #36d6a319;flex:none}
.uc-source-credit summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;border-radius:4px}
.uc-source-credit summary::-webkit-details-marker{display:none}
.uc-source-credit .ds-icon{width:14px;height:14px}
.uc-source-credit[open] summary .ds-icon:last-child{transform:rotate(180deg)}
.uc-source-credit>div{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:360px;max-width:calc(100vw - 36px);box-sizing:border-box;padding:16px;border:1px solid #4f6a7f;border-radius:8px;background:#202e3b;color:#d4e1eb;box-shadow:0 8px 30px #0007;z-index:20;overflow-wrap:anywhere}
.uc-source-credit p{margin:8px 0 0}
@media(max-width:1250px){.uc-workspace .c2.c3.c2-icons .topbar nav.c2-places{display:none}.uc-workspace .c2.c3.c2-icons .c2-bar-title{display:flex}}
@media(max-width:800px){.uc-workspace{--uc-rail-width:72px}.uc-workspace .uc-workspace-main{padding:18px 14px}.uc-workspace-bar .uc-workspace-find span{display:none}.uc-workspace-status{padding-inline:12px}}
@media(max-width:600px){.uc-workspace{--uc-rail-width:62px}.uc-workspace-frame{grid-template-columns:var(--uc-rail-width) minmax(0,1fr)}.uc-resource-surface{display:none}.uc-workspace .uc-toolrail{padding-inline:3px}.uc-workspace .uc-rail-caption{margin-inline:-3px;font-size:7px}.uc-workspace .uc-toolrail a{font-size:9px;min-height:62px;padding-inline:1px}.uc-workspace-bar .c2-bar-title strong{font-size:13px}.uc-workspace-bar .c2-bar-title small{font-size:10px}.uc-workspace-bar .c2-bar-right{gap:6px}.uc-workspace-bar .uc-workspace-simulator span{display:none}.uc-workspace-bar .uc-workspace-simulator{padding:6px}.uc-workspace .uc-workspace-main{padding:16px 10px}.uc-workspace-status{gap:8px;font-size:10px;flex-wrap:wrap}.uc-workspace-status>a{display:none}.uc-workspace .uc-chip-grid{grid-template-columns:minmax(0,1fr)}.uc-workspace .uc-finder input{min-width:0;width:100%}.uc-workspace .uc-finder select{max-width:100%}}
@media(prefers-reduced-motion:reduce){.uc-workspace .uc-toolrail a{transition:none}}
