@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=lab]{--paper:#e8edf2;--ink:#142033;--ink-2:#5a6b80;--accent:#2563eb;--accent-soft:#2563eb24;--reward:#ff7a1a;--card:#ffffffeb;--line:#1420331f;--primary-bg:#142033;--primary-fg:#fff;--vignette:#8ca0b959}[data-theme=night]{--paper:#121826;--ink:#e8eef8;--ink-2:#9aa8bf;--accent:#22d3ee;--accent-soft:#22d3ee29;--reward:#facc15;--card:#1a2232eb;--line:#ffffff1a;--primary-bg:#22d3ee;--primary-fg:#06202a;--vignette:#0000008c}[data-theme=mint]{--paper:#e9f5ef;--ink:#12261e;--ink-2:#557066;--accent:#10b981;--accent-soft:#10b98126;--reward:#ff6b5b;--card:#ffffffeb;--line:#12261e1f;--primary-bg:#12261e;--primary-fg:#fff;--vignette:#78aa9159}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Nunito Variable,system-ui,sans-serif;font-size:16px;overflow:hidden}.app{position:fixed;inset:0}.workbench{touch-action:none;inset:0;position:absolute!important}.overlay{pointer-events:none;position:absolute;inset:0}.brand__logo{background:var(--primary-bg);width:36px;height:36px;color:var(--primary-fg);border-radius:10px;place-items:center;display:grid}.seg{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{appearance:none;font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:48px;padding:0 14px;font-size:14px;font-weight:800}.seg button.is-on{background:var(--primary-bg);color:var(--primary-fg)}.icon-btn{appearance:none;border:1px solid var(--line);background:var(--card);width:48px;height:48px;color:var(--ink);cursor:pointer;border-radius:14px;place-items:center;display:grid}.fps{color:var(--ink-2);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:999px;min-height:48px;padding:0 12px;font:600 14px ui-monospace,Consolas,monospace}.status{z-index:1;background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:800;display:flex;position:absolute;top:12px;left:12px}.status i{background:#9aa3af;border-radius:50%;width:10px;height:10px;transition:background .1s,box-shadow .1s}.status i.is-lit{background:#ff3b2f;box-shadow:0 0 10px #ff3b2f}.sheet{z-index:6;left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--card);border:1px solid var(--line);border-radius:16px;max-width:440px;margin:0 auto;padding:14px 16px;animation:.25s cubic-bezier(.2,.8,.2,1) sheet-in;position:fixed;box-shadow:0 10px 30px #00000024}.sheet h2{margin:0 0 4px;font-size:16px}.sheet p,.sheet li{color:var(--ink-2);margin:0;font-size:15px;line-height:1.45}.sheet ul{margin:8px 0 0;padding-left:18px}.sheet__close{border:1px solid var(--line);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:12px;margin-top:10px;padding:0 18px;font-weight:800}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.part-tooltip{pointer-events:none;z-index:2;background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;max-width:min(320px,100% - 20px);padding:8px 12px;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 24px #00000029}.part-tooltip b{letter-spacing:.06em;text-transform:uppercase;font-size:14px}.part-tooltip span{color:var(--ink-2);font-size:14px;line-height:1.35}.side-menu__backdrop{z-index:5;background:#080c1459;animation:.2s ease-out fade-in;position:absolute;inset:0}.side-menu{background:var(--paper);border-left:1px solid var(--line);width:min(320px,86vw);padding:calc(12px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;animation:.25s cubic-bezier(.2,.8,.2,1) slide-in;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 32px #0000002e}.side-menu__head{justify-content:space-between;align-items:center;display:flex}.side-menu h2{margin:0;font-size:18px;font-weight:800}.side-menu h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:8px 0 0;font-size:14px}.side-menu .seg button{flex:1}.side-menu__themes{flex-direction:column;gap:6px;display:flex}.side-menu__theme,.side-menu__item{appearance:none;background:var(--card);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:700;display:flex}.side-menu__theme i{border:1px solid var(--line);border-radius:50%;flex:none;width:28px;height:28px}.side-menu__theme.is-on{border-color:var(--accent)}.side-menu__item{border-color:var(--line);margin-top:8px}@keyframes slide-in{0%{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.side-menu,.side-menu__backdrop{animation:none}}.gl-guard{background:color-mix(in srgb, var(--paper) 80%, transparent);place-items:center;display:grid;position:absolute;inset:0}.gl-guard p{font-weight:800}.gl-guard button{background:var(--primary-bg);min-height:56px;color:var(--primary-fg);font:inherit;cursor:pointer;border:0;border-radius:16px;padding:0 24px;font-size:16px;font-weight:800}.status__speed{color:var(--ink-2);border-left:1px solid var(--line);padding-left:8px;font-weight:700}.sheet__links{flex-wrap:wrap;gap:8px;margin:8px 0 0;display:flex}.sheet__links a{border:1px solid var(--line);min-height:48px;color:var(--ink);border-radius:12px;align-items:center;padding:0 14px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.layout{grid-template:"nav viewer header""nav viewer side"minmax(0,1fr)"nav projects projects"/76px minmax(0,1fr) minmax(320px,36%);gap:10px 12px;height:100%;padding:12px 12px 12px 0;display:grid;overflow:hidden}.navbar{background:var(--card);border-right:1px solid var(--line);padding:8px 6px;padding-top:calc(12px + env(safe-area-inset-top));flex-direction:column;grid-area:nav;gap:4px;margin:-12px 0;display:flex}.navbar button{appearance:none;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;font-weight:700;display:flex}.navbar button span{font-size:14px;display:none}.navbar__toggle{margin-bottom:6px;border:1px solid var(--line)!important;min-height:48px!important}.navbar.is-expanded{z-index:5;width:200px;position:relative;box-shadow:12px 0 32px #0000001f}.navbar.is-expanded button:not(.navbar__toggle){flex-direction:row;justify-content:flex-start;gap:12px;padding:0 14px}.navbar.is-expanded button span{text-transform:uppercase;letter-spacing:.06em;font-weight:800;display:inline}.navbar button.is-on{color:var(--accent);background:var(--accent-soft)}.header{grid-area:header;justify-content:space-between;align-items:center;gap:10px;display:flex}.header .brand{align-items:center;gap:10px;display:flex}.header h1{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:17px;font-weight:800}.header .brand{min-width:0}.header p{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:1px 0 0;font-size:14px}.viewer{border:1px solid var(--line);background:var(--paper);border-radius:20px;grid-area:viewer;min-height:0;position:relative;overflow:hidden;box-shadow:0 6px 24px #0000000f}.side{flex-direction:column;grid-area:side;gap:10px;min-height:0;display:flex}.projects{grid-area:projects;min-width:0}.info-card,.code-card{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.code-card{flex-grow:1.5;container-type:inline-size;overflow-y:auto!important}.code-card__head h2,.serial__head h3{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@container (width<=380px){.code-card__head h2{letter-spacing:.03em;font-size:15px}.serial__baud,.run-btn__text{display:none}.run-btn{justify-content:center;width:48px;padding:0}}.info-card{position:relative}.info-card__head .tabs{margin:-4px -4px 10px}.info-card__head .icon-btn{z-index:1;background:var(--card);position:absolute;top:66px;right:10px}.info-card__body>div>h2,.info-card__body>div>p:first-of-type{padding-right:50px}.info-card__body{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.code-card .code{flex:1 1 0;min-height:106px;overflow:auto}.serial{flex-direction:column;flex:none;display:flex;margin-top:8px!important}.serial__head{margin-bottom:4px!important}.serial__out{height:clamp(56px,9vh,120px)}.side[data-expand=info] .code-card,.side[data-expand=code] .info-card,.side[data-expand=serial] .info-card{display:none}.side[data-expand=serial] .code-card .code{flex:0 auto;max-height:35%}.side[data-expand=serial] .serial{flex:auto;min-height:0}.side[data-expand=serial] .serial__out{flex:1;height:auto;min-height:140px}.viewer-toolbar{z-index:1;background:var(--card);border:1px solid var(--line);scrollbar-width:none;border-radius:16px;align-items:center;gap:2px;max-width:calc(100% - 20px);padding:4px;display:flex;position:absolute;bottom:10px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 6px 18px #0000001a}.viewer-toolbar button{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.viewer-toolbar button svg{width:20px;height:20px}.viewer-toolbar button.is-on{background:var(--accent-soft);color:var(--accent)}.viewer-toolbar__sep{background:var(--line);flex:none;width:1px;height:26px;margin:0 2px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px}.card h2,.projects h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:16px}.projects__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.projects__head .credit{text-align:right}.projects__strip{align-items:center;gap:6px;display:flex;position:relative}.projects__row{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:10px;min-width:0;display:flex;overflow-x:auto}.projects__row::-webkit-scrollbar{display:none}.tabs::-webkit-scrollbar{display:none}.projects__arrow{flex:none;border-radius:50%!important}.projects__arrow:disabled{opacity:.35;cursor:default}.project{appearance:none;scroll-snap-align:start;border:2px solid var(--line);background:var(--card);width:240px;min-height:80px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:16px;flex:none;align-items:center;gap:12px;padding:10px 14px;display:flex}.project.is-on{border-color:var(--accent)}.project:disabled{cursor:default;opacity:.62}.project__icon{background:var(--accent-soft);width:88px;height:62px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.project__thumb{object-fit:contain;flex:none;width:88px;height:62px}.project__text{flex-direction:column;gap:2px;display:flex}.project__text b{text-transform:uppercase;letter-spacing:.04em;font-size:14px}.project__text small{color:var(--ink-2);font-size:14px}.tabs{scrollbar-width:none;border-bottom:1px solid var(--line);gap:2px;margin:-4px -4px 10px;display:flex;overflow-x:auto}.tabs button{appearance:none;color:var(--ink-2);font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;min-height:48px;padding:0 8px;font-size:14px;font-weight:800}.tabs button.is-on{color:var(--ink);border-bottom-color:var(--accent)}.info-card__body h2{text-transform:none;letter-spacing:0;margin:0 0 6px;font-size:18px}.info-card__body p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.info-card__body code{background:var(--chip,#7f7f7f24);color:var(--ink);white-space:nowrap;border-radius:6px;padding:1px 6px;font:700 14px/1.4 ui-monospace,Cascadia Code,Consolas,monospace}.info-card__sub{margin-bottom:10px!important}.overview__points{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.overview__point{color:var(--ink);align-items:center;gap:12px;font-size:15px;line-height:1.45;display:flex}.overview__icon{background:color-mix(in srgb, var(--accent) 16%, transparent);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.pinout{border-collapse:collapse;width:100%;font-size:14px}.pinout th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line);padding:6px 8px 8px 0;font-size:14px;font-weight:800}.pinout td{border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2);padding:9px 8px 9px 0;line-height:1.4}.pinout td:first-child{white-space:nowrap}.pinout__pin{color:var(--ink);align-items:center;gap:7px;font-weight:800;display:inline-flex}.pinout__pin i{width:10px;height:10px;box-shadow:0 0 0 2px var(--card), 0 0 0 3px var(--line);border-radius:50%}.steps{flex-direction:column;gap:10px;margin:10px 0 0;padding:0;list-style:none;display:flex}.steps li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;display:flex}.steps code{white-space:normal}.steps__no{background:var(--accent);width:26px;height:26px;color:var(--on-accent,#fff);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:14px;font-weight:800;display:grid}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.spec-card{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:3px;min-width:0;padding:10px 12px;display:flex}.spec-card small{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);font-size:14px;font-weight:700}.spec-card b{color:var(--ink);overflow-wrap:anywhere;font-size:15px;line-height:1.35}.reveal{animation:.38s cubic-bezier(.2,.8,.2,1) both reveal-in;animation-delay:calc(var(--i,0) * 55ms)}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}}.code-card__head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.code-card__head h2{flex:1}.run-btn{appearance:none;background:var(--primary-bg);min-height:48px;color:var(--primary-fg);font:inherit;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:800;display:flex}.run-btn.is-on{background:var(--reward);color:#1b1b1b}.code{background:color-mix(in srgb, var(--paper) 70%, var(--card));border:1px solid var(--line);color:var(--ink);border-radius:12px;margin:0;padding:10px 12px;font:500 14px/1.6 ui-monospace,Consolas,monospace;overflow-x:auto}.code__line{white-space:pre;display:block}.code__no{text-align:right;width:2ch;color:var(--ink-2);opacity:.7;-webkit-user-select:none;user-select:none;margin-right:12px;display:inline-block}.credit{color:var(--ink-2);margin:0;font-size:14px}.toast{z-index:7;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--primary-bg);color:var(--primary-fg);border-radius:14px;padding:12px 18px;font-size:15px;font-weight:800;position:fixed;transform:translate(-50%)}@media (orientation:portrait) and (width<=760px){.layout{padding:12px 12px calc(88px + env(safe-area-inset-bottom));flex-direction:column;height:auto;min-height:100%;display:flex}.app.layout{scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom));overflow-y:auto}.header{padding-top:env(safe-area-inset-top);order:1}.viewer{flex:none;order:2;height:58vh;min-height:320px}.projects{order:3}.side{flex:none;order:4;min-height:auto}.info-card,.code-card{flex:none;overflow:visible}.code-card .code{flex:none}.serial__out{height:132px}.info-card__body{overflow:visible}.code-card .code{max-height:260px}.side[data-expand] .info-card,.side[data-expand] .code-card{display:flex}.side[data-expand=code] .code-card .code{max-height:none}.side[data-expand=serial] .code-card .code{max-height:260px}.side[data-expand=serial] .serial__out{flex:none;height:60vh}.projects__head{flex-direction:column;gap:2px}.projects__head .credit{text-align:left}.navbar{z-index:4;border-right:0;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));flex-direction:row;order:4;justify-content:space-around;margin:0;position:fixed;bottom:0;left:0;right:0}.navbar button{flex:1}.navbar button span{display:inline}.navbar__toggle{display:none!important}.toast{bottom:calc(96px + env(safe-area-inset-bottom))}}@media (height<=500px) and (orientation:landscape){.layout{grid-template:"nav viewer header""nav viewer projects""nav viewer side"minmax(0,1fr)/76px minmax(0,1fr) minmax(290px,40%)}.header p{display:none}.navbar{overflow-y:auto}.projects__head{display:none}.project{width:220px;min-height:64px;padding:6px 12px}.project__thumb,.project__icon{width:64px;height:48px}.side{overflow-y:auto}.info-card,.code-card{flex:none;overflow:visible}.info-card__body{overflow:visible}.code-card .code{flex:none;max-height:220px}.side[data-expand=code] .code-card .code{max-height:none}.side[data-expand=serial] .code-card .code{max-height:220px}.side[data-expand=serial] .serial__out{flex:none;height:70vh}.card{padding:10px 12px}.viewer-toolbar{gap:0;padding:3px}.viewer-toolbar__sep{display:none}}@media (width<=420px){.viewer-toolbar{gap:0;padding:3px}.viewer-toolbar__sep{display:none}}.upload{color:var(--ink-2);flex-direction:column;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.upload__bar{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.upload__bar i{background:var(--accent);height:100%;transition:width .1s linear;display:block}.code__line.is-running{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);border-radius:4px}.code__line.is-running .code__no{color:var(--accent);opacity:1;font-weight:800}.serial{margin-top:12px}.serial__head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.serial__head h3{letter-spacing:.06em;text-transform:uppercase;flex:1;margin:0;font-size:14px}.serial__baud{color:var(--ink-2);font-size:14px}.serial__clear{appearance:none;border:1px solid var(--line);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding:0 14px;font-size:14px;font-weight:700}.serial__out{color:#cfe8ff;background:#0e1422;border-radius:12px;padding:8px 12px;font:500 14px/1.55 ui-monospace,Consolas,monospace;overflow-y:auto}.serial__empty{color:#8392ab}.serial__send{gap:8px;margin-top:8px;display:flex}.serial__send input{border:1px solid var(--line);background:var(--card);min-width:0;min-height:48px;color:var(--ink);border-radius:12px;flex:1;padding:0 12px;font:500 14px ui-monospace,Consolas,monospace}.serial__send button{appearance:none;background:var(--primary-bg);min-height:48px;color:var(--primary-fg);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 16px;font-size:14px;font-weight:800}.code--edit{padding:0;display:flex;overflow:hidden}.code__gutter{text-align:right;color:var(--ink-2);opacity:.7;-webkit-user-select:none;user-select:none;flex:none;padding:10px 10px 10px 12px;overflow:hidden}.code__gutter span{display:block}.code__gutter span.is-error{color:#e2483d;opacity:1;font-weight:800}.code--edit textarea{resize:none;min-width:0;color:var(--ink);font:inherit;line-height:inherit;white-space:pre;tab-size:2;background:0 0;border:0;outline:none;flex:1;margin:0;padding:10px 12px 10px 2px;overflow:auto}.code--edit:focus-within{box-shadow:0 0 0 2px var(--accent)}.diagnostics{flex-direction:column;flex:none;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.diagnostic button{appearance:none;text-align:left;cursor:pointer;width:100%;min-height:48px;font:inherit;border:1px solid color-mix(in srgb, #e2483d 40%, var(--line));background:color-mix(in srgb, #e2483d 8%, var(--card));color:var(--ink);border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.4}.diagnostic.is-warning button{border-color:color-mix(in srgb, #e8a317 45%, var(--line));background:color-mix(in srgb, #e8a317 10%, var(--card))}.diagnostic b{color:#c2362c;margin-right:4px}.diagnostic.is-warning b{color:#9a6a00}.diagnostic small{color:var(--ink-2);margin-top:2px;font-size:14px;font-weight:700;display:block}.info-card__footer{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.info-card__footer button{appearance:none;border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;padding:0 16px;font-size:14px;font-weight:800}.page{grid-template:"nav header""nav body"minmax(0,1fr)/76px minmax(0,1fr);gap:10px 12px;height:100%;padding:12px 12px 12px 0;display:grid;overflow:hidden}.page__body{grid-area:body;min-height:0;padding:2px 4px 24px 2px;overflow-y:auto}.page__intro{max-width:70ch;margin:2px 0 16px}.page__intro h2{letter-spacing:.02em;margin:0 0 6px;font-size:24px}.page__intro p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.page__group{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:18px 0 8px;font-size:14px;font-weight:800}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--line);background:var(--card);color:var(--ink);text-align:left;font:inherit;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 4px 16px #0000000a}.tile__top{align-items:center;gap:12px;display:flex}.tile__icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.tile__num{color:var(--ink-2);letter-spacing:.06em;font-size:14px;font-weight:800}.tile h3{margin:0;font-size:17px}.tile p{color:var(--ink-2);flex:1;margin:0;font-size:15px;line-height:1.45}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chips li{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:14px}.tile__open{appearance:none;background:var(--primary-bg);min-height:48px;color:var(--primary-fg);font:inherit;cursor:pointer;border:0;border-radius:12px;font-size:15px;font-weight:800}@media (orientation:portrait) and (width<=760px){.page{height:auto;min-height:100%;padding:12px 12px calc(88px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow-y:auto}.page .header{padding-top:env(safe-area-inset-top)}.page__body{padding:0;overflow:visible}.cards{grid-template-columns:1fr}}.tile__pic{aspect-ratio:480/336;object-fit:contain;background:var(--paper);border-radius:12px;width:100%}.build-side{overflow-y:auto}.build-card{flex:auto;min-height:0;overflow-y:auto}.build-card h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:14px 0 8px;font-size:14px}.build-note{color:var(--ink-2);margin:4px 0;font-size:15px}.part-library,.bench-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.part-card{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.part-card span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.part-card b{font-size:15px}.part-card small{color:var(--ink-2);font-size:14px}.part-card__add,.bench-list__remove{appearance:none;border:1px solid var(--line);background:var(--card);width:48px;height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;flex:none;font-size:22px;font-weight:800}.part-card__add{background:var(--primary-bg);color:var(--primary-fg);border:0}.bench-list li{align-items:center;gap:8px;min-height:48px;padding-left:4px;font-size:15px;display:flex}.bench-list__name{appearance:none;text-align:left;min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;font-size:15px;font-weight:700}.bench-list__name small{color:var(--ink-2);margin-left:6px;font-size:14px;font-weight:600}.build-message{background:color-mix(in srgb, #e8a317 14%, var(--card));border-radius:10px;margin:8px 0 0;padding:8px 12px;font-size:14px;font-weight:700}.part-window{background:var(--card);border:2px solid var(--accent);border-radius:16px;flex-direction:column;flex:none;gap:10px;padding:12px 14px;display:flex}.part-window__head{align-items:center;gap:8px;display:flex}.part-window__head b{flex:1;font-size:16px}.part-window__close,.part-window__remove{appearance:none;border:1px solid var(--line);min-width:48px;min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:12px;font-size:15px;font-weight:700}.part-window__close{font-size:22px}.part-window__param{flex-wrap:wrap;gap:6px;display:flex}.part-window__param button{appearance:none;border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;padding:0 12px;font-size:14px;font-weight:700}.part-window__param button.is-on{background:var(--primary-bg);color:var(--primary-fg);border-color:#0000}.part-window__input{grid-template-columns:auto 1fr 84px;align-items:center;gap:10px;display:grid}.part-window__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);font-size:14px;font-weight:800}.part-window__input input[type=range]{width:100%;min-height:48px;accent-color:var(--accent)}.part-window__input input[type=number]{border:1px solid var(--line);background:var(--card);width:100%;min-height:48px;color:var(--ink);border-radius:12px;padding:0 10px;font:700 15px ui-monospace,Consolas,monospace}.part-window__press{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.part-window__hold{appearance:none;background:var(--primary-bg);min-height:48px;color:var(--primary-fg);font:inherit;cursor:pointer;touch-action:none;border:0;border-radius:12px;padding:0 16px;font-size:15px;font-weight:800}.part-window__hold.is-on{background:var(--reward);color:#1b1b1b}.part-window__keep{align-items:center;gap:8px;min-height:48px;font-size:15px;font-weight:700;display:flex}.part-window__keep input{width:22px;height:22px;accent-color:var(--accent)}.part-window__place{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.part-window__place b{color:var(--ink)}.part-window__moves{gap:4px;margin-left:auto;display:flex}.part-window__moves button{appearance:none;border:1px solid var(--line);background:var(--card);width:48px;height:48px;color:var(--ink);cursor:pointer;border-radius:12px;font-size:16px}.part-window__moves button:disabled{opacity:.35;cursor:default}.part-window:focus{outline:none}.part-window:focus-visible{outline:2px solid var(--primary-bg);outline-offset:2px}.wiring{flex-direction:column;gap:10px;display:flex}.wiring__new{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.wiring select{border:1px solid var(--line);background:var(--card);min-width:0;min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:0 8px;font-size:14px}.wiring__connect{appearance:none;background:var(--primary-bg);min-height:48px;color:var(--primary-fg);font:inherit;cursor:pointer;border:0;border-radius:12px;grid-column:1/-1;font-size:15px;font-weight:800}.wiring__connect:disabled{opacity:.45;cursor:default}.wiring__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wiring__list li{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 104px 48px;align-items:center;gap:6px;padding:4px 6px;display:grid}.wiring__list li.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.wiring__name{appearance:none;min-height:48px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.wiring__name i{border-radius:50%;flex:none;width:14px;height:14px}.wiring__delete{appearance:none;border:1px solid var(--line);width:48px;height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:12px;font-size:20px}.burn-card{background:color-mix(in srgb, #e2483d 8%, var(--card));border:2px solid #e2483d;border-radius:16px;flex-direction:column;flex:none;gap:10px;padding:12px 14px;display:flex}.burn-card__item{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.burn-card__item p{flex:200px;margin:0;font-size:15px;font-weight:700;line-height:1.4}.burn-card__item button{appearance:none;color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#e2483d;border:0;border-radius:12px;padding:0 14px;font-size:15px;font-weight:800}.wiring-warnings{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.wiring-warnings li{background:color-mix(in srgb, #e8a317 16%, var(--card));border:1px solid color-mix(in srgb, #e8a317 50%, var(--line));border-radius:12px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.4}.build-card--tabs-only{flex:none;padding-bottom:0}.build-card--tabs-only .tabs{border-bottom:0;margin-bottom:0}.part-library__group h4{color:var(--muted);letter-spacing:.02em;margin:12px 0 6px;font-size:14px;font-weight:800}.project-about h2{margin:0 0 6px;font-size:20px}.project-about h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:16px 0 6px;font-size:14px;font-weight:800}.project-about p,.project-about li{font-size:15px;line-height:1.5}.project-about ul:not(.chips),.project-about ol{margin:0;padding-left:20px}.project-about__wiring{border-collapse:collapse;width:100%;font-size:14px}.project-about__wiring th{text-align:left;color:var(--ink-2);border-bottom:1px solid var(--line);padding:4px 6px;font-weight:700}.project-about__wiring td{border-bottom:1px solid var(--line);padding:6px}.project-about__wiring .dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;display:inline-block}.project-about__actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.project-about__actions button{appearance:none;border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;padding:0 16px;font-size:15px;font-weight:700}.project-about__actions .project-about__run{background:var(--primary-bg);color:var(--primary-fg);border:0}.project-about__confirm{gap:8px;display:flex}.component-info{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow-y:auto}.component-info h2{margin:0}.component-info p,.component-info li{margin:0;font-size:15px;line-height:1.5}.component-info ul{margin:0;padding-left:20px}.component-info__specs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;display:grid}.component-info__specs div{border:1px solid var(--line);border-radius:12px;padding:10px}.component-info__specs dt{color:var(--ink-2);font-size:14px}.component-info__specs dd{margin:2px 0 0;font-size:15px;font-weight:800}.component-info__code{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:0;padding:12px;font-size:14px;line-height:1.5;overflow:auto}.component-info__use{margin-top:auto}.component-page .project__icon{width:56px;height:48px}.component-page .project{width:220px;min-height:64px}.component-info>*{flex-shrink:0}@media (height<=500px) and (orientation:landscape){.component-info{flex:none;overflow:visible}}@media (orientation:portrait) and (width<=760px){.component-info{flex:none;overflow:visible}}.wire-tag{background:var(--card);color:var(--ink);white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid;border-radius:999px;padding:1px 7px;font-size:14px;font-weight:800;line-height:1.35;display:inline-block;box-shadow:0 2px 6px #0000001f}.callouts{pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.callouts--hidden{opacity:0}.callouts--hidden .callouts__card{pointer-events:none}.callouts__leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.callouts__leaders line{stroke:var(--ink-2);stroke-width:1.3px;stroke-dasharray:3 3}.callouts__anchor{border:2.5px solid var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent-soft);background:#fff;border-radius:50%;position:absolute;top:-5px;left:-5px}.callouts__card{pointer-events:auto;cursor:pointer;will-change:transform;appearance:none;font:inherit;color:var(--ink);text-align:left;background:var(--card);border:1px solid var(--line);white-space:nowrap;border-radius:10px;flex-direction:column;justify-content:center;gap:1px;min-height:48px;padding:6px 12px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 14px #0000001a}.callouts__card b{letter-spacing:.05em;text-transform:uppercase;font-size:14px}.callouts__card small{color:var(--ink-2);font-size:14px;font-weight:600}.callouts__card.is-active{background:var(--primary-bg);color:var(--primary-fg)}.callouts__card.is-active small{color:inherit;opacity:.75}@media (width<=520px),(height<=520px){.callouts__card small{display:none}.callouts__card{min-height:32px;padding:4px 10px}.callouts__card:after{content:"";position:absolute;inset:-8px -4px}.callouts__card b{font-size:14px}}.callouts__card,.callouts__anchor,.callouts__leaders line{animation:.42s cubic-bezier(.2,.8,.2,1) both callout-in;animation-delay:calc(var(--i,0) * .11s)}@keyframes callout-in{0%{opacity:0;translate:0 6px}}@media (prefers-reduced-motion:reduce){.callouts__card,.callouts__anchor,.callouts__leaders line{animation:none}}