:root{color-scheme:dark}html{min-width:320px;background:#11161c}body[data-page=welcome],body[data-page=loading]{margin:0;display:block;min-height:100svh;height:auto;overflow:auto;background:#11161c;color:#e9efeb;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5}#welcome[hidden],#labHost[hidden],#labLoading[hidden],#retryLaboratory[hidden]{display:none!important}#labHost{min-height:100vh}#welcome,#welcome *{box-sizing:border-box}#welcome{--ink:#e9efeb;--muted:#a6b0b1;--green:#a5c5b0;position:relative;isolation:isolate;min-height:100svh;max-width:none;background:radial-gradient(ellipse at 75% 33%,#243a302b,transparent 43%),#11161c;color:var(--ink);overflow:hidden}#welcome:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#a5c5b005 1px,transparent 1px),linear-gradient(90deg,#a5c5b005 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(transparent,#000 35%,transparent);mask-image:linear-gradient(transparent,#000 35%,transparent)}#welcome a{color:inherit;text-decoration:none}#welcome a:focus-visible,#labLoading a:focus-visible,#labLoading button:focus-visible,#returnHome:focus-visible{outline:2px solid #b8dbc4;outline-offset:6px}#welcome .welcome-shell{max-width:1440px;margin:auto;padding:0 5.5%}#welcome .welcome-nav{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #dce8df13;gap:24px}#welcome .welcome-signature{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650;letter-spacing:.16em}#welcome .welcome-signature img{width:38px;height:38px}#welcome .welcome-nav-link{display:flex;align-items:center;gap:12px;color:#c3ceca;font-size:12px;letter-spacing:.035em}#welcome .welcome-nav-link span{font-size:18px;transition:transform .2s}#welcome .welcome-nav-link:hover span{transform:translate(4px)}#welcome .welcome-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:610px;padding:65px 0 58px;gap:0}#welcome .welcome-copy{position:relative;z-index:1;animation:welcome-enter .7s ease-out both}#welcome .welcome-eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;color:var(--green);font:10px/1.4 Consolas,monospace;letter-spacing:.18em;margin:0 0 27px}#welcome .welcome-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #a5c5b050}#welcome h1{font-size:clamp(40px,5.3vw,78px);line-height:1;letter-spacing:-.065em;font-weight:600;margin:0 0 15px;color:#edf3ef}#welcome .welcome-subtitle{font:12px/1.5 Consolas,monospace;color:#b0c0b7;letter-spacing:.17em;margin:0 0 43px}#welcome h2{font-size:clamp(21px,2.3vw,31px);line-height:1.35;font-weight:400;letter-spacing:-.035em;color:#e2ebe5;margin:0 0 18px}#welcome .welcome-description{font-size:14px;line-height:1.85;color:var(--muted);max-width:410px;margin:0 0 30px}#welcome .welcome-start{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:51px;padding:0 22px;border:1px solid #bfdac8;border-radius:5px;background:#a5c5b0;color:#15221a;font-size:13px;font-weight:650;box-shadow:0 8px 30px #a5c5b00b;transition:background .2s,transform .2s,box-shadow .2s}#welcome .welcome-start:hover{background:#bed7c6;transform:translateY(-2px);box-shadow:0 10px 30px #a5c5b018}#welcome .welcome-start span{font-size:20px;font-weight:400}#welcome .welcome-note{font:10px/1.6 Consolas,monospace;color:#899b91;margin:13px 0 0;letter-spacing:.02em}#welcome .welcome-visual{position:relative;min-width:0;animation:welcome-enter .9s .1s ease-out both}#welcome .welcome-visual:before{content:"";position:absolute;inset:10% 3%;border-radius:50%;background:radial-gradient(ellipse,#9dccaf0c,transparent 65%);pointer-events:none}#welcome .welcome-visual img{width:121%;max-width:none;height:auto;display:block;margin-left:-9%}#welcome .welcome-annotation{position:absolute;right:2%;bottom:7%;display:flex;gap:10px;align-items:center;font:9px/1.8 Consolas,monospace;color:#8da496;letter-spacing:.08em}#welcome .welcome-annotation:before{content:"";width:22px;height:1px;background:#638370}#welcome .welcome-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:1px solid #dce8df1a;padding:28px 0 37px}#welcome .welcome-step{display:grid;grid-template-columns:26px 1fr;column-gap:12px}#welcome .welcome-step>span{font:10px/1.8 Consolas,monospace;color:#839d8c;padding-top:3px}#welcome h3{margin:0 0 7px;font-size:14px;font-weight:500;color:#e1e8e3}#welcome .welcome-step p{margin:0;font-size:12px;line-height:1.75;color:#95a3a1;max-width:280px}#welcome .welcome-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce8df13;padding:22px 0 25px;background:none;height:auto;font-size:11px;color:#93a39c}#welcome .welcome-footer p{margin:0}#welcome .welcome-footer span{font:9px/1.5 Consolas,monospace;letter-spacing:.1em;color:#83958b}#labLoading{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px;text-align:center;background:#11161c;color:#e9efeb;font:14px/1.7 Segoe UI,sans-serif}#labLoading img{width:64px;height:64px}#labLoading strong{font-size:25px;letter-spacing:.08em}#labLoading p{max-width:480px;color:#a6b0b1;margin:0}#labLoading a{color:#b2ccbc;font-size:12px;text-underline-offset:4px}#labLoading button{padding:10px 18px;background:#a5c5b0;color:#15221a;border:0;border-radius:4px;cursor:pointer}#labHost .brand img{width:29px;height:29px;display:block}#labHost .brand small{font-size:8px;letter-spacing:.025em}#returnHome{font-size:11px;color:#b6c5bc;text-decoration:none;white-space:nowrap;padding:6px 7px;border:1px solid #47534d;border-radius:4px;margin-left:6px}#returnHome:hover{background:#a5c5b014;color:#dcece1}@keyframes welcome-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){#welcome .welcome-hero{min-height:660px}}@media(max-width:850px){#welcome .welcome-shell{padding:0 6%}#welcome .welcome-hero{grid-template-columns:1fr;min-height:0;padding:57px 0 15px}#welcome .welcome-copy{max-width:560px}#welcome h1{font-size:clamp(42px,9.3vw,72px)}#welcome .welcome-subtitle{margin-bottom:30px}#welcome .welcome-visual{width:75%;justify-self:end;margin-top:-25px;pointer-events:none}#welcome .welcome-visual img{width:100%;margin:0}#welcome .welcome-annotation{bottom:9%}#welcome .welcome-workflow{gap:22px}}@media(max-width:540px){#welcome .welcome-nav{padding:20px 0}#welcome .welcome-signature{font-size:11px;gap:8px}#welcome .welcome-signature img{width:30px;height:30px}#welcome .welcome-nav-link{font-size:11px}#welcome .welcome-hero{padding-top:45px}#welcome .welcome-eyebrow{font-size:9px;margin-bottom:24px}#welcome .welcome-subtitle{font-size:10px;letter-spacing:.12em}#welcome .welcome-description{font-size:13px;max-width:340px}#welcome .welcome-start{width:100%;max-width:340px}#welcome .welcome-visual{width:104%;margin-top:6px;margin-right:-2%}#welcome .welcome-workflow{grid-template-columns:1fr;padding:27px 0;gap:24px}#welcome .welcome-step{grid-template-columns:26px 1fr}#welcome .welcome-step p{max-width:none}#welcome .welcome-footer{align-items:flex-start;flex-direction:column;gap:8px}#welcome .welcome-annotation{font-size:8px}#returnHome{font-size:10px}}@media(prefers-reduced-motion:reduce){#welcome *,#welcome *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body[data-page=welcome] #labHost{position:fixed;inset:0;pointer-events:none;z-index:-1}#welcome .welcome-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 18px;max-width:720px}#welcome .welcome-destination{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #567264;border-radius:12px;background:linear-gradient(140deg,#293a33,#182229);transition:border-color .2s,transform .2s;text-align:left}#welcome .welcome-destination:hover{border-color:#c0ddca;transform:translateY(-3px)}#welcome .welcome-destination img{width:100%;height:105px;object-fit:cover;border-radius:6px;background:#202b30}#welcome .welcome-destination strong{font-size:19px;letter-spacing:-.03em}#welcome .welcome-destination span{font-size:13px;line-height:1.6;color:#b4c4bc}#welcome .welcome-destination b{font-size:12px;color:#c3dfcc;margin-top:auto}#welcome .welcome-copy{max-width:750px}#welcome .welcome-hero{grid-template-columns:1.25fr .75fr}#welcome .welcome-start{display:none}@media(max-width:800px){#welcome .welcome-hero{grid-template-columns:1fr}#welcome .welcome-visual{display:none}}@media(max-width:420px){#welcome .welcome-destinations{gap:9px}#welcome .welcome-destination{padding:11px}#welcome .welcome-destination strong{font-size:16px}#welcome .welcome-destination img{height:80px}}@media(prefers-reduced-motion:reduce){#welcome .welcome-destination{transition:none;transform:none!important}}#welcome .welcome-plans{padding:28px 0 38px;border-top:1px solid #dce8df16}#welcome .welcome-plans-heading{max-width:730px;margin-bottom:22px}#welcome .welcome-plans-heading .welcome-eyebrow{margin-bottom:13px}#welcome .welcome-plans-heading>p:last-child{font-size:14px;line-height:1.8;color:#aebdb5}#welcome .welcome-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1040px}#welcome .welcome-plan{display:flex;flex-direction:column;padding:24px;border:1px solid #42584d;border-radius:12px;background:#1b252b}#welcome .welcome-plan.premium{border-color:#8eaf9a;background:linear-gradient(145deg,#293d33,#1a262b)}#welcome .welcome-plan>small{font:10px ui-monospace,monospace;letter-spacing:.12em;color:#b1c7b8}#welcome .welcome-plan h3{font-size:24px;margin:9px 0 17px;letter-spacing:-.03em}#welcome .welcome-plan-price{display:block;font-size:29px;font-weight:600;color:#edf5ed;line-height:1.3}#welcome .welcome-plan>p{font-size:13px;line-height:1.7;color:#b8cbbd;margin:10px 0}#welcome .welcome-plan ul{padding-left:18px;margin:10px 0 24px;color:#c1d0c5;font-size:13px;line-height:1.9}#welcome .welcome-plan-action{align-self:flex-start;margin-top:auto;border:1px solid #7b9c87;padding:10px 15px;border-radius:6px;font-size:13px;font-weight:600;color:#d7eddf}#welcome .premium .welcome-plan-action{background:#b0cdb9;color:#182b20;border-color:#b0cdb9}#welcome .welcome-premium-price del{color:#a9b8ad;font-size:16px;margin-right:9px}#welcome .welcome-premium-price>span{display:inline-block;color:#c1dfc9;font-size:11px}#welcome .welcome-premium-price .welcome-plan-price{margin-top:5px}#welcome .welcome-plan .welcome-promotion{font-size:11px;color:#bbd5c1;margin:0 0 18px}#welcome .welcome-plans[data-premium=true] .premium{border-color:#c6dfcc}#welcome .welcome-plan-action:hover{filter:brightness(1.1)}@media(max-width:600px){#welcome .welcome-plan-grid{grid-template-columns:1fr;gap:14px}#welcome .welcome-plan{padding:20px}#welcome .welcome-plan h3{font-size:22px}#welcome .welcome-plans{padding-top:24px}#welcome .welcome-plans-heading h2{font-size:24px}}#welcome .welcome-access-note{font-size:12px;line-height:1.8;color:#b7c8bc;max-width:580px;margin:14px 0}#welcome .welcome-access-note strong{color:#dbece0}#welcome .welcome-access-note a{display:inline-block;color:#c1dfcc;text-decoration:underline;text-underline-offset:3px}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex/IBMPlexSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex/IBMPlexSans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex/IBMPlexSans-SemiBold.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex/IBMPlexMono-Regular.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root:root{--ui-font:"IBM Plex Sans","Segoe UI",sans-serif;--ui-mono:"IBM Plex Mono",Consolas,monospace;--mono:var(--ui-mono);--ui-base:#11161c;--ui-panel:#1a2229;--ui-raised:#252f36;--ui-inset:#121a20;--ui-line:#37434a;--ui-hairline:#ffffff12;--ui-ink:#e4ebe7;--ui-muted:#a2b0ad;--ui-accent:#aecbbb;--ui-accent-ink:#14271e;--ui-negative:#e6b0a5;--ui-focus:#c3e2d0;--ui-shadow:0 8px 22px #0003;--ui-inset-edge:inset 0 1px #ffffff09}html body,html body:is([data-page=welcome],[data-page=loading]),html body :is(#app,#projectsPage,#commercePage,#welcome,#labLoading){font-family:var(--ui-font)}html body :is(#app,#projectsPage,#commercePage,#welcome,.projects-dialog,.component-menu) :is(button,input,select,textarea){font-family:var(--ui-font);letter-spacing:.005em}html body :is(h1,h2,h3){font-weight:600;letter-spacing:-.025em}html body :is(#app,#projectsPage,#commercePage,#welcome) :is(small,.help){color:var(--ui-muted)}html body :is(#app,#projectsPage,#commercePage,#welcome) :is(button,a,input,select,textarea,summary,[role=button]):focus-visible,html body :is(dialog,.component-menu) :focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}.ui-icon{width:17px;height:17px;display:inline-block;vertical-align:-3px;margin-inline-end:8px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}html body :is(#app,#projectsPage,#commercePage,.projects-dialog) button[data-ui=secondary]{background:linear-gradient(#2b373e,#222c33);color:var(--ui-ink);border:1px solid #4a595f;border-bottom-color:#29343a;border-radius:6px;box-shadow:var(--ui-inset-edge),0 2px 3px #0002;padding:8px 12px;font-weight:500;line-height:1.4}html body :is(#app,#projectsPage,#commercePage,.projects-dialog) :is(button[data-ui=primary],button.primary:not([data-execution-action]):not(#power)),html body #welcome .premium .welcome-plan-action,html body #commercePage .plan-action{position:relative;background:linear-gradient(115deg,#bed7c8,#8eb39d);color:var(--ui-accent-ink);border:1px solid #b3cebd;border-bottom-color:#6e9580;border-radius:7px;box-shadow:inset 0 1px #effff54d,0 3px #0b151a66,0 6px 18px #0002;padding:12px 48px 12px 16px;font-weight:600;line-height:1.4;text-align:left}html body :is(#app,#projectsPage,#commercePage,.projects-dialog) :is(button[data-ui=primary],button.primary:not([data-execution-action]):not(#power)):after,html body #welcome .premium .welcome-plan-action:after,html body #commercePage .plan-action:after{content:"";position:absolute;right:0;top:0;bottom:0;width:32px;display:block;border-left:1px solid #264d3420;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23234c37' stroke-width='1.6'%3E%3Cpath d='m7 4 6 6-6 6'/%3E%3C/svg%3E") center / 16px 16px no-repeat;pointer-events:none}html body :is(#app,#projectsPage,#commercePage) button[data-ui=quiet]{padding:6px 9px;border:0;background:transparent;box-shadow:none;color:#b9cbc1;border-radius:4px}html body :is(#app,#projectsPage,#commercePage) button[data-ui=danger]{background:#392a2a;color:#efb7ac;border-color:#865b54}html body :is(#app,#projectsPage,#commercePage) button[data-ui]:hover:not(:disabled){filter:brightness(1.12)}html body :is(#app,#projectsPage,#commercePage) button[data-ui]:active:not(:disabled){box-shadow:inset 0 2px 4px #0003}html body :is(#app,#projectsPage,#commercePage) button:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3)}html body.studio #app :is(#power,button[data-execution-action=start]),html body #projectsPage button[data-ui=run]{background:linear-gradient(#314c40,#233a31);border:1px solid #6f9982;border-radius:6px;color:#cce6d4;box-shadow:var(--ui-inset-edge);font-weight:600}html body.studio #app button[data-execution-action=stop],html body #projectsPage button[data-ui=stop]{background:#2c292a;border:1px solid #685454;color:#ddbab3;border-radius:5px;box-shadow:none}html body.studio #app button[data-execution-action=start][aria-pressed=true],html body #projectsPage button[data-ui=run][aria-pressed=true]{background:#abc9b7;color:#15291e;box-shadow:inset 0 1px #e2ffed55;border-color:#b5dbbf}html body.studio #app button[data-execution-action=stop][aria-pressed=true]{background:#6b3b36;border-color:#b7786c;color:#fff0e9}html body.studio #app button[data-execution-action=transfer]{background:#293740;border-color:#566c78;color:#c9dde6;box-shadow:none}html body.studio #app button[data-execution-action=reset]{background:transparent;border-color:#695f4a;color:#d7c9aa;box-shadow:none}html body.studio #app button[data-execution-action=step]{background:#28332e;border-color:#546c5e;color:#bfd5c7;box-shadow:none}html body :is(#app,#projectsPage,#commercePage,.projects-dialog,.component-menu) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background-color:var(--ui-inset);color:var(--ui-ink);border:1px solid #3d4a51;border-bottom-color:#60716b;border-radius:4px;box-shadow:inset 0 2px 4px #0002;min-width:0;max-width:100%}html body :is(#app,#projectsPage,#commercePage) select{appearance:none;padding-inline-end:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23b8c9c0' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}html body :is(#app,#projectsPage,#commercePage) input::placeholder{color:#82918f}html body :is(#app,#projectsPage,#commercePage) input[type=range]{accent-color:var(--ui-accent);cursor:ew-resize}html body :is(#app,#projectsPage,#commercePage) :is(input[type=checkbox],input[type=radio]){accent-color:var(--ui-accent)}html body :is(#app,#projectsPage,#commercePage,#welcome) :is(pre,code,output,kbd,.measurement-readout,.rc-clock,.signal-metrics,.signal-clock,.signal-pin,.gpio-table,.pin-chips,.advanced-state,.servo-state,.capacitor-state,.execution-state,.plan-price,.welcome-plan-price,.plan-regular-price,.console-tabs small){font-family:var(--ui-mono);font-variant-numeric:tabular-nums;letter-spacing:-.025em}html body.studio #app :is(#programEditor,#serialOutput,#messages,#lcdState,#oledState,#displayState,#dmmReadout,.display-bus-input,#controlValue,.simulation-dock strong,.instrument strong){font-family:var(--ui-mono);font-variant-numeric:tabular-nums}html body #projectsPage :is(.project-code textarea,.project-telemetry strong,.project-four-pots output,.assembly-fastener output){font-family:var(--ui-mono);font-variant-numeric:tabular-nums}html body #welcome :is(.welcome-eyebrow,.welcome-subtitle,.welcome-note,.welcome-annotation,.welcome-footer span,.welcome-step>span){font-family:var(--ui-mono)}html body :is(#app,#projectsPage,#commercePage) :is(.eyebrow,.projects-heading>p:first-child,.commerce-shell>div>p:first-child){font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#a6b9af}html body.studio #app>.app-header{background:linear-gradient(#202930,#182027);border-bottom-color:#46544f;box-shadow:0 2px 8px #0002}html body.studio #app .brand{font-weight:600;letter-spacing:.11em}html body.studio #app .brand em{border-radius:2px;font-family:var(--ui-mono);font-style:normal;color:#a8c3b4;background:#304138;border-color:#4b6256}html body.studio #app :is(#returnHome,.commerce-lab-account){border:0;border-radius:0;border-bottom:1px solid #66837466;padding:6px 5px;color:#b7cac0;background:transparent;text-underline-offset:5px}html body.studio #app .top-actions button{min-height:31px;padding:6px 9px;font-size:11px}html body.studio #app .top-actions :is(#undo,#redo){background:transparent;border-color:transparent;box-shadow:none;width:29px;padding:5px}html body.studio #app .toolstrip{background:#151d23;border-bottom:1px solid #344048;box-shadow:inset 0 1px #ffffff04}html body.studio #app .toolset{gap:2px;border-right:1px solid #ffffff12;padding-right:8px}html body.studio #app .toolset button,html body #projectsPage .project-tools button[data-ui=tool]{position:relative;background:transparent;color:#b8c4c2;border:1px solid transparent;border-radius:4px;padding:6px 9px;box-shadow:none;font-weight:500}html body.studio #app .toolset button[aria-pressed=true],html body #projectsPage .project-tools button[data-ui=tool][aria-pressed=true]{background:linear-gradient(#30443b,#24352f);color:#dbede2;border-color:#597c67;box-shadow:inset 0 -2px #aacbb7}html body.studio #app :is(.left,.right){background:#192128;border-color:#344148}html body.studio #app .library-head{background:linear-gradient(125deg,#26322f,#1b252b);border-bottom:1px solid #42574b}html body.studio #app .library-head .eyebrow{color:#d3e2d8;letter-spacing:.08em}html body.studio #app #search{border-radius:20px;background:#111b21;padding-inline:14px;border-color:#4b6056;box-shadow:inset 0 2px 4px #0004}html body.studio #app :is(.library-tabs,.inspector-nav,.console-tabs),html body #projectsPage .project-tabs,html body #signalInstruments [role=tablist]{background:#111b21;padding:4px;gap:0;border:1px solid #36464a;border-radius:7px;box-shadow:inset 0 1px #ffffff05}html body.studio #app :is(.library-tabs,.inspector-nav,.console-tabs)>button,html body #projectsPage .project-tabs>button,html body #signalInstruments [role=tablist]>button{position:relative;background:transparent;border:0;border-right:1px solid #ffffff0b;border-radius:3px;color:#a9bbb3;box-shadow:none;font-weight:500;padding:8px 5px;min-width:0}html body.studio #app :is(.library-tabs,.inspector-nav,.console-tabs)>button:last-child,html body #projectsPage .project-tabs>button:last-child{border-right:0}html body.studio #app :is(.library-tabs,.inspector-nav,.console-tabs)>button:is([aria-pressed=true],.active),html body #projectsPage .project-tabs>button[aria-selected=true],html body #signalInstruments [role=tab][aria-selected=true]{background:linear-gradient(#2d4238,#1c2d27);color:#e0efe4;box-shadow:inset 0 -2px #a8cbb6}html body #projectsPage .project-tabs .ui-icon{width:15px;height:15px;display:block;margin:0 auto 4px}html body.studio #app .library-tabs button{font-size:9px;line-height:1.3;padding:7px 2px}html body.studio #app .inspector-nav{margin-bottom:12px}html body.studio #app .catalog-category{border-bottom:1px solid #3d4d45;padding:11px 2px 8px;color:#b7c8bf;letter-spacing:.035em;font-weight:500}html body.studio #app .catalog-category small{font:10px var(--ui-mono);color:#9eb4a6}html body.studio #app .catalog-row{position:relative;border-bottom:1px solid #ffffff0a}html body.studio #app .catalog-row .tool{border:1px solid transparent;border-radius:5px;background:linear-gradient(155deg,#2c383c88,#1a232900);box-shadow:none;padding:9px 5px 8px}html body.studio #app .catalog-row .tool:hover{background:#2c3e37;border-color:#52665a}html body.studio #app .catalog-row .tool[aria-pressed=true]{background:linear-gradient(120deg,#344d3f,#24342e);border-color:#6d8d77;box-shadow:inset 3px 0 #b8d6c2}html body.studio #app .tool .symbol{background:radial-gradient(ellipse at 50% 80%,#a6c4b31b,transparent 70%);border-radius:0}html body.studio #app .tool .text{font-weight:500;color:#d7e2da;line-height:1.3}html body.studio #app .tool .text small{font-size:9px;font-weight:400;color:#a5b4ad;margin-top:4px}html body.studio #app .catalog-row .favorite{border:0;border-radius:50%;background:#172127cf;width:25px;height:25px;min-height:25px;padding:0;color:#8c9e94;box-shadow:none}html body.studio #app .catalog-row .favorite.saved{background:#415045;color:#e1cf9f}html body.studio #app .instrument-choice{background:#202c32;border:0;border-bottom:1px solid #4d6258;border-radius:4px;text-align:left;box-shadow:var(--ui-inset-edge)}html body.studio #app :is(.properties-card,.guide-card,.source-card,.connection-card,.instrument-card){border:0;border-top:1px solid #4b5e53;border-radius:0;background:transparent;box-shadow:none;padding-top:14px}html body.studio #app .properties-card{border-top:0}html body.studio #app .component-hero{border-bottom:1px solid #ffffff12;padding-bottom:12px;margin-bottom:14px}html body.studio #app .component-portrait{background:radial-gradient(ellipse,#48594a55,#1a222900);border:0;border-radius:0}html body.studio #app .property-title{font-size:24px;letter-spacing:-.04em;font-weight:500;line-height:1.15}html body.studio #app .part-actions button{border-radius:4px;background:#273238;border-color:#43534d;color:#bfcfc5;box-shadow:var(--ui-inset-edge);font-size:10px}html body.studio #app .part-actions button[aria-label="Eliminar pieza"]{background:transparent;border-color:transparent;color:#d2a9a0}html body.studio #app :is(.specifications,.gpio-overview,.model-settings){border:0;border-top:1px solid #ffffff12;border-radius:0;background:transparent}html body.studio #app :is(.advanced-state,.servo-state,.capacitor-state,#rgbReadings,#lcdState,#oledState,#dmmReadout){border:0;border-left:2px solid #7c9f88;border-radius:0 5px 5px 0;background:#101c21;color:#cedfd2;box-shadow:inset 0 1px 5px #0002}html body.studio #app .pin-chips button{background:#263832;border:1px solid #496252;border-radius:3px;color:#c1d9cb;box-shadow:none}html body.studio #app :is(.guide-card summary,.instrument-card>.eyebrow){letter-spacing:.02em;font-weight:500}html body.studio #app .guide-card li>b{border:1px solid #566d5b;border-radius:50%;background:transparent;color:#c0d1c2;font:11px var(--ui-mono)}html body.studio #app .guide-card li.done>b{background:#a8c5b1;color:#17291d;border-color:#a8c5b1}html body.studio #app .simulation-dock{background:linear-gradient(#202d30,#152126);border-top:1px solid #607568;box-shadow:0 -4px 12px #0002}html body.studio #app .simulation-dock>div:not(.dock-status){border-right:1px solid #ffffff12}html body.studio #app .simulation-dock small{letter-spacing:.1em;font-weight:500;color:#9eb1a7}html body.studio #app .simulation-dock strong{color:#d5e6d9;font-weight:400}html body.studio #app .dock-status strong{font-family:var(--ui-font);font-weight:500}html body.studio #app .dock-status i{box-shadow:0 0 0 3px #ffffff08}html body.studio #app .console{border-top:1px solid #43544a;background:#10191f}html body.studio #app .console-tabs{border:0;background:transparent;padding:0}html body.studio #app .console-tabs button{font-size:11px;padding:7px 12px}html body.studio #app .lab-settings>summary{background:linear-gradient(#33413e,#26332f);border-color:#5e7767;border-radius:7px;color:#d7e6dc;box-shadow:inset 0 1px #ffffff0d}html body.studio #app .lab-settings[open]>summary{background:#3b5546;border-color:#9fbea8}html body.studio #app .settings-popup{background:linear-gradient(150deg,#28342f,#19242a 65%);border:1px solid #62786b;border-top:3px solid #abcab7;border-radius:4px 4px 10px 10px;box-shadow:0 16px 50px #0008;padding:18px}html body.studio #app .settings-popup>strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.025em;margin-bottom:18px}html body.studio #app .settings-popup fieldset{border:0;border-top:1px solid #506155;border-radius:0;padding:12px 0 4px;margin-top:17px}html body.studio #app .settings-popup legend{font:10px var(--ui-mono);letter-spacing:.1em;text-transform:uppercase;color:#c0d1c4;padding:0 9px 0 0}html body.studio #app .settings-popup label{font-size:12px;color:#c3d0c7}html body.studio #app .settings-popup .help{font-size:11px;color:#9cafaa}html body.studio #app .settings-popup input[type=checkbox]{appearance:none;width:30px;height:17px;border:1px solid #64756c;border-radius:20px;background:#172329;position:relative;cursor:pointer;box-shadow:inset 0 1px 4px #0004}html body.studio #app .settings-popup input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#85978b}html body.studio #app .settings-popup input[type=checkbox]:checked{background:#8eb29a;border-color:#aecbb6}html body.studio #app .settings-popup input[type=checkbox]:checked:before{left:16px;background:#163125}html body.studio #app #audioToggle{border-radius:4px;background:#273a32;color:#cde1d1;border-color:#57765f}html body.studio #app #audioToggle[aria-pressed=false]{background:#212c32;color:#9caaa3;border-color:#4a5756}html body.studio #app :is(.environment-panel,.signal-instruments,.quick-voltage){background:#1b282df5;border:1px solid #596e62;border-top:3px solid #9ab5a1;border-radius:5px 5px 9px 9px;box-shadow:0 15px 45px #0007}html body.studio #app .environment-presets button{background:transparent;border:0;border-left:2px solid #607a69;border-radius:0;color:#bfd0c4;text-align:left;padding:6px 8px}html body.studio #app .environment-presets button:hover{background:#33473a}html body #signalInstruments .signal-actions button{border-radius:4px;background:#2b3b3d;border-color:#576e64;color:#d3e3d6;box-shadow:var(--ui-inset-edge)}html body #signalInstruments .signal-actions button[data-action=start]{background:#aac8b4;color:#142b1e;border-color:#bdd7c5}html body #signalInstruments .signal-actions button[data-action=stop]{background:#332e2d;color:#d8b6ab;border-color:#736055}html body #signalInstruments .signal-metrics{background:#111e23;border:0;border-bottom:1px solid #506a59;border-radius:0}html body #projectsPage{background:radial-gradient(ellipse at 70% 0,#3b51402b,transparent 55%),var(--ui-base);color:var(--ui-ink)}html body #projectsPage .projects-nav{border-bottom-color:#44584b}html body #projectsPage .projects-nav>a:first-child{font-weight:500;letter-spacing:.12em;font-size:13px}html body #projectsPage .projects-heading h1{font-weight:500;letter-spacing:-.045em}html body #projectsPage .project-card{border:0;border-bottom:1px solid #5d7364;border-radius:9px 9px 0 0;background:#1b262d;box-shadow:var(--ui-shadow);position:relative}html body #projectsPage .project-card>img{border-bottom:1px solid #73857533}html body #projectsPage .project-card-content{padding:22px 22px 20px;border-left:2px solid #819d89}html body #projectsPage .project-card small{font:10px var(--ui-mono);text-transform:uppercase;letter-spacing:.04em;color:#a8c0ae}html body #projectsPage .project-card h2{font-weight:500;font-size:26px;letter-spacing:-.035em}html body #projectsPage .project-card ul{list-style:none;padding-left:0;border-block:1px solid #ffffff0c;padding-block:12px;font-size:12px;line-height:1.6;columns:2;column-gap:20px}html body #projectsPage .project-card li:before{content:"·";margin-right:7px;color:#b8d3be}html body #projectsPage .project-card p{font-size:13px;color:#afc0b7}html body #projectsPage .project-card .primary{width:100%}html body #projectsPage .project-guide{border:0;border-left:2px solid #8baa95;border-radius:0 7px 7px 0;background:linear-gradient(120deg,#2a3931,#1b262c);box-shadow:var(--ui-inset-edge)}html body #projectsPage .project-guide>button{margin:5px 5px 5px 0}html body #projectsPage .project-workbench{background:transparent;border:0;border-radius:0;box-shadow:none}html body #projectsPage .project-tools{background:#1a262b;border:1px solid #3c5046;border-radius:6px 6px 0 0;box-shadow:inset 0 1px #ffffff07;padding:6px;gap:4px}html body #projectsPage .project-tools button{font-size:11px;min-height:31px;padding:6px 9px}html body #projectsPage .project-tools button[data-ui=run]{margin-left:auto}html body #projectsPage .project-tools .ui-icon{width:14px;height:14px;margin-right:5px}html body #projectsPage .project-wire-status{font:11px/1.5 var(--ui-font);color:#a9bdb0;background:#172328;border-left:2px solid #6c927a;border-radius:0;padding:8px 11px}html body #projectsPage .project-workspace>aside{background:#1b262c;border-color:#3f5348;border-radius:7px}html body #projectsPage .assembly-stages{background:#152026;border-bottom:1px solid #3f5448;padding:7px;gap:5px}html body #projectsPage .assembly-stages button{border-radius:0;background:transparent;color:#94a89b;border:0;border-top:2px solid #40594a;padding:9px 2px;font-size:10px;font-weight:500;box-shadow:none}html body #projectsPage .assembly-stages button[aria-current=true]{color:#d5eadc;border-top-color:#bad7c2;background:linear-gradient(#38523f77,transparent)}html body #projectsPage .project-tabs{margin:6px;border-radius:5px}html body #projectsPage .project-panes h2{font-weight:500;letter-spacing:-.035em}html body #projectsPage .assembly-piece-card{border:1px dashed #72947e;border-radius:6px;background:linear-gradient(135deg,#30473b66,#1c2b3000);box-shadow:none}html body #projectsPage .assembly-piece-card>img{background:radial-gradient(ellipse,#5b70583b,#1b282d);border-radius:3px;border-bottom:1px solid #6b8a7044}html body #projectsPage .assembly-piece-card h2{font-size:21px;line-height:1.2}html body #projectsPage .assembly-piece-card>small:last-child{background:#132325;color:#adc8b4;padding:6px 8px;border-radius:3px}html body #projectsPage .project-telemetry{gap:0;border:1px solid #425a4b;border-radius:5px;background:#132127}html body #projectsPage .project-telemetry>div{background:transparent;border:0;border-right:1px solid #ffffff12;border-radius:0;padding:11px 13px;min-width:0}html body #projectsPage .project-telemetry>div:last-child{border-right:0}html body #projectsPage .project-telemetry small{font-size:9px;letter-spacing:.08em;color:#a4b7a8}html body #projectsPage .project-telemetry strong{font-size:18px;color:#d4ead7;font-weight:400;overflow-wrap:anywhere}html body #projectsPage .project-four-pots label{padding:8px 10px!important;border-left:1px solid #526958;background:#1a2b2a;color:#b8cfc0}html body #projectsPage .prototype-cameras button:not(.prototype-pin){background:#18292de8;border:1px solid #536c5b;border-radius:4px;color:#ccdfd0;box-shadow:0 2px 8px #0002}html body #projectsPage .prototype-cameras button[aria-pressed=true]{background:#a5c4ae;color:#192c20;border-color:#b4d3be}html body :is(#helpDialog,#exampleGallery,.projects-dialog){background:linear-gradient(135deg,#293830,#18232a 65%);color:#dfe9e1;border:1px solid #66816d;border-top:3px solid #b0cfb9;border-radius:5px 5px 12px 12px;box-shadow:0 24px 90px #0009;font-family:var(--ui-font)}html body :is(#helpDialog,#exampleGallery,.projects-dialog)::backdrop{background:#080f15c9}html body.studio #app .example-grid>article{border:0;border-bottom:1px solid #4b6554;border-radius:5px;background:#25352f;text-align:left;box-shadow:none}html body.studio #app .example-grid>article h3{font-weight:500;letter-spacing:-.02em}html body.studio #app .example-grid>article:hover{background:#30463a}html body.studio #app .example-grid>article>button{width:100%;font-size:11px;min-height:36px}html body.studio #app .example-grid .expected{border:0;border-left:2px solid #6b8d75;border-radius:0;background:#162724;color:#b5cbb9}html body.studio #app .practice-tutorial{border:0;border-top:2px solid #8fad96;border-radius:0;background:#1b292b;box-shadow:none}html body .component-menu{border:1px solid #526c5b;border-radius:5px;background:#1d2b30;font-family:var(--ui-font)}html body #welcome h1{font-weight:500;letter-spacing:-.06em}html body #welcome .welcome-signature{font-weight:600;letter-spacing:.12em}html body #welcome .welcome-destination{border:0;border-bottom:1px solid #536d5b;border-radius:6px 6px 0 0;background:linear-gradient(150deg,#2d3e3277,#19262c);box-shadow:inset 0 1px #ffffff08,0 8px 22px #0002}html body #welcome .welcome-destination:hover{background:linear-gradient(150deg,#3b564186,#23342c);border-bottom-color:#c1ddc7}html body #welcome .welcome-destination strong{font-weight:500;letter-spacing:-.015em}html body #welcome .welcome-destination b{border-top:1px solid #ffffff0c;padding-top:10px;display:block;font-weight:500;color:#b7d1bf}html body #welcome .welcome-plan{border:0;border-top:1px solid #526859;border-radius:0;background:linear-gradient(#26372e44,transparent);box-shadow:none}html body #welcome .welcome-plan.premium{border-top:2px solid #b2cbb8;background:linear-gradient(#31493866,#1b262c44)}html body #welcome .welcome-plan h3{font-size:23px;font-weight:500;letter-spacing:-.035em}html body #welcome .welcome-plan>small{font:10px var(--ui-mono);letter-spacing:.09em}html body #welcome .welcome-plan-action{background:transparent;border:1px solid #6c8272;border-radius:5px;font-weight:500;color:#d0e1d3}html body #welcome .welcome-access-note a,html body #welcome .welcome-premium{border-bottom:1px solid #77978066;border-radius:0;text-underline-offset:4px}html body #commercePage{background:radial-gradient(ellipse at 70% 0,#3b51402b,transparent 55%),var(--ui-base)}html body #commercePage .commerce-brand{font-weight:500;letter-spacing:.12em}html body #commercePage .commerce-shell h1{font-weight:500;letter-spacing:-.045em}html body #commercePage :is(.commerce-shell form,.plan-card){border:0;border-top:1px solid #5b7361;border-radius:0 0 7px 7px;background:linear-gradient(145deg,#26362e66,#1b262b);box-shadow:var(--ui-inset-edge)}html body #commercePage .commerce-shell form h2{font-size:24px;font-weight:500;letter-spacing:-.035em;margin-top:4px}html body #commercePage .commerce-shell label{font-size:13px;color:#b7c8bc}html body #commercePage .commerce-shell input{margin-top:7px;padding:11px 12px}html body #commercePage .plan-card.premium{border-top:3px solid #b4cfbc;background:linear-gradient(145deg,#354b3977,#1b262b)}html body #commercePage .plan-card ul{list-style:none;padding-left:0}html body #commercePage .plan-card li:before{content:"✓";margin-right:10px;color:#acc8b5}html body #commercePage .commerce-table{border:1px solid #3d5346;border-radius:5px;background:#17242a}html body #commercePage .commerce-table th{background:#273b30;color:#bcd2c2;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.07em}html body #commercePage .commerce-table td{border-color:#ffffff0b}html body #commercePage .commerce-table tr:nth-child(odd) td{background:#ffffff03}html body #commercePage .firebase-status{border:0;border-left:3px solid #9fbea8;border-radius:0 5px 5px 0;background:#263e30}@media(max-width:700px){html body.studio #app .toolstrip>.toolset{max-width:100%;min-width:0}html body.studio #app #experience{max-width:100%;min-width:0}html body #projectsPage .project-tabs .ui-icon{width:13px;height:13px;margin-bottom:3px}html body #projectsPage .project-tabs>button{font-size:9px;padding:6px 2px}html body #projectsPage .project-tools button{font-size:10px;padding:6px;min-height:32px}html body #projectsPage .project-tools button[data-ui=run]{margin-left:0}html body #projectsPage .project-tools .ui-icon{width:12px;height:12px;margin-right:3px}html body #projectsPage .assembly-piece-card h2{font-size:14px}html body #projectsPage .project-telemetry>div{padding:8px}html body #projectsPage .project-telemetry strong{font-size:14px}html body #projectsPage .project-four-pots label{padding:5px 7px!important}html body #welcome .welcome-plan h3{font-size:21px}html body #commercePage .commerce-shell nav div{gap:14px}}@media(prefers-reduced-motion:reduce){html body :is(#app,#projectsPage,#commercePage,#welcome) :is(button,a,input,select,.tool){transition:none;scroll-behavior:auto}}html body.studio #app :is(.voltage-presets,.stimulus-presets) button{border-radius:20px;border-color:#526b5a;background:transparent;color:#bcd3c1;box-shadow:none}html body.studio #app .voltage-presets button:hover,html body.studio #app .stimulus-presets button:hover{background:#31493a}html body.studio #app .guide-card li strong{font-size:12px}html body.studio #app .guide-card li small{font-size:11px}html body #welcome .premium .welcome-plan-action{padding-right:20px}html body #welcome .premium .welcome-plan-action:after{content:none}html body #commercePage .plan-card:not(.premium) .plan-action{background:transparent;color:#c5d9ca!important;border-color:#6b8572;box-shadow:none;padding:12px 18px}html body #commercePage .plan-card:not(.premium) .plan-action:after{content:none}html body.studio #app :is(.pin-chips button,input[type=number],.metric strong){font-family:var(--ui-mono);font-variant-numeric:tabular-nums}html body .projects-dialog>.dialog-close{background:transparent;border:0;border-radius:50%;color:#c8d8cd;padding:7px 10px;box-shadow:none}html body .projects-dialog>button:not(.dialog-close){background:#283a32;border:1px solid #607f69;border-radius:5px;color:#d2e4d7;padding:10px 14px}html body .projects-dialog .projects-actions>button{background:#abc8b5;color:#152a1e;border:1px solid #bbd6c4;border-radius:6px;padding:11px 15px;font-family:var(--ui-font);font-weight:500}