@font-face{font-family:CircuitsSans;src:local(Segoe UI)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#354f67;background:#f4f5f6;font-family:CircuitsSans,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:2px solid #4b9ae7}button{background:0 0;border:0}svg{flex-shrink:0}input,select{min-width:0}.app{flex-direction:column;height:100%;display:flex}.header{z-index:30;background:#fff;border-bottom:1px solid #d9dfe6;flex-shrink:0;align-items:center;gap:10px;height:49px;padding:0 10px;display:flex;box-shadow:0 1px 3px #33445a0a}.brand{border-radius:8px;flex:none;align-items:center;gap:6px;height:36px;padding:0 6px 0 2px;display:flex}.brand:hover{background:#eef3f8}.brand-mark{flex:none}.brand-name{letter-spacing:-.2px;white-space:nowrap;font:800 18px/1 Segoe UI,Arial,sans-serif}.brand-name b{color:#0d2a4a;font-weight:800}.brand-name span{color:#1a7cf5}.project-name{letter-spacing:.25px;background:#fff;border:2px solid #e4e9ef;border-radius:22px;width:210px;height:35px;padding:5px 12px;font-size:16px}.save-state{color:#8b9cab;white-space:nowrap;flex:1;align-items:center;gap:5px;font-size:10px;display:flex}.saving-dot{background:#75a9dc;border-radius:50%;width:6px;height:6px}.views{border:1px solid #dfe6ed;border-radius:23px;align-items:center;height:35px;display:flex;overflow:hidden}.views button{letter-spacing:.2px;border:2px solid #0000;border-radius:22px;align-items:center;gap:8px;height:100%;padding:0 12px;display:flex}.views button.chosen{color:#367fde;background:#f9fcff;border-color:#468df0}.avatar{color:#fff;background:#4787d6;border:3px solid #d1deed;border-radius:50%;width:35px;height:35px;margin-left:0;font-size:19px}.toolbar{z-index:25;background:#f6f7f8;border-bottom:1px solid #dce2e9;flex-shrink:0;align-items:center;gap:6px;height:48px;padding:0 10px 0 7px;display:flex;position:relative}.tool-group{border-right:1px solid #e1e6eb;align-items:center;gap:3px;height:100%;margin-right:3px;padding:0 6px 0 0;display:flex}.tool{color:#40576a;border:1px solid #0000;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:34px;padding:6px;display:inline-flex}.tool svg{stroke-width:1.6px;width:24px;height:24px}.tool:hover:not(:disabled){background:#e7edf4;border-color:#d6e0e9}.tool.active{background:#e7eff8;border-color:#d7e3ef}.tool:disabled{color:#7d99ae}.toolbar-spacer{flex:1}.action-button{white-space:nowrap;letter-spacing:.2px;background:#f6f8fa;border:1px solid #dce3ed;border-radius:2px;justify-content:center;align-items:center;gap:9px;height:34px;padding:0 13px;display:flex}.action-button:hover{background:#e7eff7;border-color:#cbd8e6}.action-button.blue{color:#fff;background:#4b98da;border-color:#4b98da}.action-button.green{color:#fff;background:#55b457;border-color:#55b457}.simulate{min-width:162px}.sim-time{font-variant-numeric:tabular-nums;color:#7991a3;white-space:nowrap;font-size:12px}.menu-wrap{flex-shrink:0;position:relative}.color-select{border:1px solid #dce3ed;border-radius:2px;justify-content:center;align-items:center;gap:14px;min-width:61px;height:34px;padding:5px 10px;display:flex}.color-select i{border-radius:4px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000012}.wire-style{border:1px solid #dce3ed;border-radius:2px;flex-shrink:0;align-items:center;width:70px;height:34px;padding-left:10px;display:flex;position:relative}.wire-style span{flex-shrink:0;width:24px;height:4px}.wire-style select{color:#0000;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.wire-style select option{color:#354f67}.wire-style:after{content:"⌄";pointer-events:none;margin-left:7px;font-size:12px}.popup{z-index:100;background:#fff;border:1px solid #d8e0e9;border-radius:4px;min-width:230px;padding:6px;position:absolute;top:calc(100% + 7px);box-shadow:0 5px 20px #23354a26}.popup.right{right:0}.popup.colors{grid-template-columns:repeat(4,27px);gap:8px;min-width:0;padding:11px;display:grid}.colors button{border:1px solid #c6cfd8;border-radius:3px;width:27px;height:27px}.colors button:hover{outline:2px solid #5b9fdf}.menu-item{white-space:nowrap;text-align:left;border-radius:2px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13px;display:flex}.menu-item:hover{background:#edf5fc}.menu-item kbd{color:#a4b0bc;margin-left:auto;font:10px Segoe UI}.popup hr{border:0;border-top:1px solid #e7ebf0}.file-menu{min-width:285px;position:absolute;top:46px;left:8px}.submenu-wrap{position:relative}.popup.submenu{min-width:250px;top:-7px;left:calc(100% + 2px)}.menu-item.active{background:#edf5fc}.submenu-caret{color:#8a99a8;flex:none;margin-left:auto}.submenu-count{color:#a4b0bc;margin-left:auto;font-size:11px}.submenu-count+.submenu-caret{margin-left:6px}.level-number{color:#fff;background:#562583;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.workspace{flex:1;min-height:0;display:flex;overflow:hidden}.canvas-area{background:#f4f5f6;flex:1;min-width:180px;position:relative;overflow:hidden}.stage{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.stage:active{cursor:default}.wiring .stage,.placing .stage{cursor:crosshair}.scene-part{cursor:move;touch-action:none}.terminal{cursor:crosshair;pointer-events:all}.pin-contact{fill:#0000;stroke:#0000;stroke-width:1px}.terminal:hover .pin-contact{r:4px;fill:#47d767!important;stroke:#177e36!important}.wire-segment{cursor:pointer}.wiring .wire-segment{cursor:crosshair}.wire:hover .wire-highlight{opacity:.5}.wiring .wire:hover .wire-highlight{opacity:0}.wire-handle:hover .wire-handle-centre{fill:#f4f5f6}.canvas-tools{display:flex;position:absolute;top:9px;left:9px}.canvas-tools .tool{color:#8da0ae;background:#f8f9f9dd;border:1px solid #c4ced8;border-radius:50%;width:32px;height:32px}.canvas-footer{color:#8395a5;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:10px;left:12px}.canvas-footer button{background:#f7f9fb;border:1px solid #d7e0e7;border-radius:3px;justify-content:center;align-items:center;width:27px;height:26px;display:flex}.canvas-footer .enabled{color:#4089d4;background:#e4f0ff}.canvas-hint{white-space:nowrap;color:#99a7b5;margin-left:12px}.empty-hint{text-align:center;color:#9aaaba;pointer-events:none;width:330px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.empty-hint p{margin:12px;font-size:19px}.empty-hint>svg{opacity:.5}.empty-hint span{font-size:12px}.empty-hint button{color:#5a94ce;pointer-events:auto;border:1px solid #c7daee;border-radius:3px;margin:20px auto;padding:7px 16px;display:block}.catalog-panel{background:#e8e9ed;border-left:1px solid #dce3eb;flex-direction:column;flex-shrink:0;width:276px;display:flex}.catalog-top{background:#f3f4f6;border-bottom:1px solid #dfe4eb;align-items:center;gap:8px;padding:7px 7px 9px;display:flex}.catalog-top>label{background:#f0f2f5;border:1px solid #dce3eb;border-radius:2px;flex:1;padding:5px 12px 3px;font-size:10px;display:block;box-shadow:0 2px 3px #2b41610c}.catalog-top select{letter-spacing:.4px;cursor:pointer;background:0 0;border:0;width:100%;height:22px;margin-top:0;margin-left:-3px;font-size:14px;display:block}.catalog-top .tool{width:33px}.catalog-search{background:#f2f3f6;flex-shrink:0;align-items:center;height:44px;padding:8px 10px;display:flex;position:relative}.catalog-search input{letter-spacing:.3px;background:#fff;border:1px solid #e4e9ee;width:100%;height:36px;padding:7px 31px 7px 9px;font-size:14px}.catalog-search input::placeholder{color:#8898a8}.catalog-search>svg,.catalog-search>button{color:#b2bdc9;padding:0;display:flex;position:absolute;right:18px}.catalog-content{scrollbar-width:thin;scrollbar-color:#a8a9ab #e8e9ed;flex:1;padding:9px 10px 18px;overflow:auto}.catalog-content section h3{text-transform:capitalize;color:#5d9cd0;letter-spacing:.5px;margin:20px 0 10px;font-size:13px;font-weight:400}.catalog-content section:first-child h3{margin-top:3px}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;display:grid}.component-card{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#f4f5f6b0;border:1px solid #0000;border-radius:5px;flex-direction:column;align-items:center;gap:7px;min-height:100px;padding:9px 4px 8px;display:flex;overflow:hidden}.component-card:hover{background:#fff;border-color:#a2c7ec;box-shadow:0 1px 4px #3b71a214}.component-card:active{cursor:grabbing;background:#e8f2fc}.component-card img{object-fit:contain;pointer-events:none;width:65px;height:55px}.component-card span{text-align:center;letter-spacing:.1px;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:10px;line-height:14px;display:-webkit-box;overflow:hidden}.catalog-bottom{color:#8e9aaa;background:#f0f2f5;border-top:1px solid #d9e0e7;justify-content:space-between;padding:6px 9px;font-size:9px;display:flex}.catalog-bottom span{color:#a3afba}.list-mode .component-grid{flex-direction:column;gap:4px;display:flex}.list-mode .component-card{flex-direction:row;gap:12px;min-height:52px;padding:4px 8px}.list-mode .component-card img{width:45px;height:43px}.list-mode .component-card span{text-align:left;font-size:11px}.no-results{color:#9babb8;text-align:center;padding:40px 20px}.note-text{color:#7a7047;resize:none;background:0 0;border:0;outline:none;width:100%;height:100%;font:12px Segoe UI}.led-light{filter:drop-shadow(0 0 10px #ffbc27)}.lit{filter:drop-shadow(0 0 4px #eeff48)}.motor-spin{animation:.25s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel-resize{cursor:ew-resize;background:#e6eaf0;border-left:1px solid #d5dfe8;flex-shrink:0;width:5px}.panel-resize:hover{background:#b4d5f4}.code-panel{background:#fafbfc;border-left:1px solid #d8e1eb;flex-direction:column;flex-shrink:0;min-width:420px;display:flex;position:relative}.code-toolbar{background:#f0f2f5;border-bottom:1px solid #d8e1eb;flex-shrink:0;align-items:center;gap:6px;height:48px;padding:6px;display:flex}.code-toolbar select{background:#f5f6f8;border:1px solid #d9e1ea;border-radius:2px;min-width:105px;max-width:190px;height:34px;padding:5px 9px;font-size:12px;box-shadow:0 2px 3px #2539510b}.code-toolbar .tool{background:#f6f7f9;border:1px solid #d8e1eb;width:32px;height:34px}.code-toolbar .tool svg{width:17px}.code-content{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.block-editor{flex:1;min-width:0;height:100%;position:relative}.blocklySvg{background:#f9fafb!important}.blocklyToolbox{font-family:Segoe UI,Arial!important}.blocklyToolboxDiv{background:#edf1f5!important}.blocklyTreeLabel{font:12px Segoe UI!important}.blocklyTreeRow{border-radius:14px;padding:3px 9px!important}.split-code .block-editor{width:var(--code-split,65%);flex:none}.code-split{cursor:ew-resize;z-index:2;background:#e3e8ee;border-left:1px solid #d3dbe4;border-right:1px solid #d3dbe4;flex-shrink:0;width:6px;position:relative}.code-split:hover,.code-split:focus-visible,.resizing-code .code-split{background:#b4d5f4;outline:none}.code-split:after{content:"";border-left:1px dotted #8ea4b8;border-right:1px dotted #8ea4b8;width:2px;height:28px;margin-top:-14px;position:absolute;top:50%;left:1px}.resizing-code,.resizing-code *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}.resizing-code .blocklySvg,.resizing-code textarea{pointer-events:none}.source-editor{background:#f8f9fa;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.source-editor textarea{white-space:pre;resize:none;color:#244257;tab-size:2;background:0 0;border:0;border-radius:0;outline:none;flex:1;min-width:0;padding:10px 8px;font:12px/19px Consolas,Courier New,monospace;overflow:auto}.source-editor textarea:read-only{background:#eef1f4}.line-numbers{color:#9ba8b5;text-align:right;-webkit-user-select:none;user-select:none;background:#f3f5f6;border-right:1px solid #dce4ec;min-width:35px;padding:10px 6px;font:11px/19px Consolas;overflow:hidden}.serial-monitor{background:#f0f2f5;border-top:1px solid #ccd8e3;flex-shrink:0}.serial-heading{text-align:left;color:#4082c5;letter-spacing:.15px;align-items:center;gap:7px;width:100%;height:33px;padding:7px 11px;font-size:13px;display:flex}.serial-heading>svg:last-child{margin-left:auto}.serial-heading .up{transform:rotate(180deg)}.serial-output{scrollbar-width:thin;background:#fff;border-top:1px solid #dce4ed;border-bottom:1px solid #dce4ed;height:140px;padding:6px 10px;overflow:auto}.serial-output pre{white-space:pre-wrap;margin:0;font:12px/17px Consolas}.serial-output svg{width:100%;height:100%}.serial-monitor form{gap:5px;padding:6px;display:flex}.serial-monitor form input{background:#fff;border:1px solid #a5b5c7;border-radius:2px;flex:1;height:33px;padding:5px}.serial-monitor form button{background:#f8f9fa;border:1px solid #cbd7e2;border-radius:2px;padding:6px 10px;font-size:12px}.serial-monitor form button:last-child{padding:5px;display:flex}.no-code{color:#8ea0b1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.no-code span{font-size:12px}.no-code p{color:#627b92;font-size:16px}.view-heading{color:#8aa0b4;padding-left:12px;font-size:15px;font-weight:500}.materials{background:#f4f5f6;flex:1;padding:31px 42px;overflow:auto}.materials table{border-collapse:collapse;letter-spacing:.2px;width:100%;font-size:14px}.materials th{text-align:left;background:#c8d3de;border:1px solid #c1cdda;padding:19px 20px;font-weight:400}.materials td{background:#fff;border:1px solid #c4d2e1;padding:13px 20px}.materials th:first-child{width:25%}.materials th:nth-child(2){width:15%}.table-empty{text-align:center;color:#8fa0b1;padding:30px}.schematic-scroll{background:#f4f5f6;flex:1;padding:15px 60px;overflow:auto}.schematic{background:#fff;width:100%;min-width:800px;max-width:1200px;min-height:550px;margin:0 auto;display:block;box-shadow:0 1px 5px #354f6812}.statusbar{color:#8393a2;-webkit-user-select:none;user-select:none;background:#f7f9fb;border-top:1px solid #dce3e9;flex-shrink:0;align-items:center;gap:18px;height:26px;padding:0 12px;font-size:10px;display:flex}.statusbar>span{align-items:center;gap:6px;display:flex}.statusbar button{color:#8194a6;align-items:center;gap:5px;padding:0;font-size:10px;display:flex}.statusbar button:hover{color:#4b8ed2}.statusbar .status-right{margin-left:auto}.status-dot{background:#a2b1be;border-radius:50%;width:5px;height:5px}.status-dot.running{background:#5cb960;box-shadow:0 0 0 2px #5cb96020}.toast{color:#fff;z-index:200;text-align:center;pointer-events:none;background:#304860ed;border-radius:5px;max-width:75%;padding:11px 22px;font-size:12px;position:fixed;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 2px 15px #253d5433}.warning-badge{color:#a6792c;background:#fff4dd;border:1px solid #f0ddaf;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex;position:absolute;bottom:38px;right:290px;box-shadow:0 2px 8px #5b442015}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d304952;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#f9fbfd;border:1px solid #cbd9e6;border-radius:7px;flex-direction:column;width:min(760px,90vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 15px 80px #1a2f4c55}.modal header{background:#fff;border-bottom:1px solid #dae4ee;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal h2{margin:0;font-size:17px;font-weight:500}.modal header button{color:#839ab0;padding:0;display:flex}.modal pre{white-space:pre-wrap;color:#577087;min-height:130px;padding:15px 20px;font:12px/19px Consolas;overflow:auto}.compatibility{padding-bottom:18px}.compatibility>p{color:#6a7d90;padding:0 20px;font-size:13px;line-height:1.6}.compatibility-key{flex-wrap:wrap;gap:8px;padding:0 20px 16px;display:flex}.compatibility-key span{background:#eaf0f6;border-radius:3px;padding:5px 8px;font-size:10px}.compatibility table{border-collapse:collapse;width:calc(100% - 40px);max-height:42vh;margin:0 20px;font-size:12px;display:block;overflow:auto}.compatibility thead{background:#e4edf6;position:sticky;top:0}.compatibility td,.compatibility th{text-align:left;border:1px solid #dce5ef;padding:7px 15px}.compatibility td:first-child{width:85%}.notices{color:#a47a36;max-height:130px;padding:8px 20px;font-size:11px;overflow:auto}@media (width<=1100px){.save-state span{display:none}.save-state{flex:1}.tool-group{gap:0;margin-right:1px;padding-right:3px}.tool{width:33px}.toolbar{gap:4px}.simulate{min-width:152px}.action-button{padding:0 10px}.views button{padding:0 8px}.project-name{width:200px}.canvas-hint{display:none}.statusbar{gap:12px}.code-panel{max-width:75vw}}@media print{.header,.toolbar,.statusbar{display:none}.schematic-scroll{padding:0;overflow:visible}.workspace{overflow:visible}.schematic{width:100%;box-shadow:none}}.terminal-overlay-contact{cursor:crosshair;pointer-events:all}.terminal-overlay-contact:hover{fill:#50c95c99;stroke:#3ca34b;stroke-width:1px}.catalog-reveal{color:#5a7690;background:#f7f9fb;border:1px solid #d1dbe5;border-radius:3px;align-items:center;gap:7px;height:30px;padding:0 11px;font-size:12px;display:flex;position:absolute;bottom:10px;right:12px}.catalog-reveal:hover{background:#e7eff7;border-color:#c3d3e3}.libraries-panel{z-index:5;background:#fafbfc;flex-direction:column;display:flex;position:absolute;inset:0}.libraries-panel header{background:#f3f5f8;border-bottom:1px solid #dde5ed;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.libraries-panel header div{flex-direction:column;gap:3px;display:flex}.libraries-panel header strong{font-size:14px;font-weight:500}.libraries-panel header span{color:#8a9bab;font-size:11px}.libraries-panel header button{color:#7d94a8;padding:0;display:flex}.libraries-panel ul{margin:0;padding:0;list-style:none;overflow:auto}.libraries-panel li{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.libraries-panel li div{flex-direction:column;gap:2px;min-width:0;display:flex}.libraries-panel li b{font-size:13px;font-weight:500}.libraries-panel li span{color:#7e90a1;font-size:11px}.libraries-panel li em{color:#a6743c;font-size:10px;font-style:normal}.libraries-panel li button{background:#f6f8fa;border:1px solid #c9d6e2;border-radius:2px;flex-shrink:0;min-width:74px;padding:6px 10px;font-size:12px}.libraries-panel li button:hover:not(:disabled){background:#e7eff7}.ghost-part,.ghost-part *{pointer-events:none!important}.interactive-switch{cursor:pointer}.panning .stage,.panning .stage *{cursor:grabbing!important}.recovery-download{z-index:80;color:#745320;background:#fff5df;border:1px solid #d9b773;border-radius:4px;padding:8px 12px;font-size:12px;position:fixed;bottom:36px;left:16px}.submenu-arrow{margin-left:auto}.examples-submenu{overscroll-behavior:contain;width:340px;max-height:calc(100dvh - 64px);top:0;left:calc(100% - 1px);overflow-y:auto}.example-menu-item{white-space:normal;padding:9px 12px}.example-name{font-weight:500;display:block}.example-description{color:#7c8e9f;margin-top:3px;font-size:11px;line-height:1.4;display:block}.inspector{box-sizing:border-box;z-index:250;color:#34495e;background:#fff;border:2px solid #0696d7;border-radius:3px;width:264px;max-height:500px;font-size:14px;position:absolute;top:8px;right:8px;overflow:hidden auto}.inspector__title{color:#fff;background:#0696d7;border-bottom:2px solid #0696d7;justify-content:space-between;align-items:center;padding:0 11px 0 7px;font-weight:500;line-height:33px;display:flex}.inspector__title__text{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 30px);overflow:hidden}.inspector__help{color:#fff;padding:0;display:flex}.inspector__title svg{fill:#fff;border:2px solid #ffffff80;border-radius:12px;width:20px;height:20px;transition:fill .2s,background-color .2s}.inspector__title svg:hover{fill:#0696d7;background-color:#fff}.inspector__summary{color:#0696d7;border-bottom:1px solid #c5cfd9;padding:12px 8px;font-size:14px;font-weight:500}.inspector__usage{color:#34495e;border-bottom:1px solid #c5cfd9;padding:12px 8px;font-size:14px}.inspector__form{margin:0;padding:2px}.inspector__group{padding:2px}.dual_inspector{box-sizing:border-box;color:#34495e;border:1px solid #0696d7;border-radius:3px;width:252px;height:32px;display:table;overflow:hidden}.dual_inspector--triple{width:auto}.triple_inspector .dual_inspector--triple{width:100%}.dual_inspector__label{box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;min-width:30px;max-width:160px;height:30px;padding:7px;font-size:15px;font-weight:500;line-height:15px;display:table-cell;overflow:hidden}.dual_inspector__label--background{color:#fff;background:#0696d7}.dual_inspector__input{vertical-align:middle;width:100%;display:table-cell;position:relative}.dual_inspector__input__text{box-sizing:border-box;color:#0696d7;vertical-align:baseline;background:#fff;border:none;outline:none;width:100%;height:28px;margin:0;padding-left:7px;font-size:14px;font-weight:500}.dual_inspector__input__text:focus-visible{outline:none}.triple_inspector{width:252px;display:table}.triple_inspector>.dual_inspector,.triple_inspector>.dual_inspector>div{display:table-cell}.triple_inspector__select{vertical-align:middle;width:1%;padding-left:4px;display:table-cell}.inspector__select{color:#000;background:#fff;border:1px solid #b7c3cf;border-radius:3px;width:auto;height:32px;margin:-1px 0 0;padding:0 4px;font-size:14px}.inspector__select--dual{appearance:none;cursor:pointer;background:#fff;border-radius:0;width:100%;height:30px;margin-top:0;padding-left:7px;font-weight:500;line-height:19px;color:#0696d7!important;border:none!important}.inspector__select__downarrow{pointer-events:none;border-top:5px solid #0696d7;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:13px;right:10px}.source-editor textarea{font-size:var(--code-font,14px);line-height:var(--code-line,16px)}.line-numbers{font-size:calc(var(--code-font,14px) - 1px);line-height:var(--code-line,16px);overflow:hidden}.line-numbers>div{cursor:pointer;padding-left:14px;position:relative}.line-numbers>div:hover:before{content:"";background:#e2726980;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:3px}.line-numbers .breakpoint:before{content:"";background:#e04437;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:3px}.line-numbers .breakpoint.inactive:before{background:#e0443766}.line-numbers .current{color:#5d5021;background:#fff2a8}.current-line{height:var(--code-line,16px);pointer-events:none;background:#fff2a866;margin-top:0;position:absolute;left:0;right:0}.debugger-toolbar{border-right:1px solid #d8e1eb;gap:4px;margin-right:2px;padding-right:6px;display:flex}.code-toolbar select.font-size{min-width:84px}.colour-grid{background:#fff;grid-template-columns:repeat(7,20px);gap:2px;padding:4px;display:grid}.colour-grid button{border:1px solid #0002;border-radius:2px;width:20px;height:20px;padding:0}.colour-grid button:hover{outline:1px solid #575e75}.colour-grid .selected{outline-offset:-1px;outline:2px solid #000}.lcd-blink{animation:.8s step-end infinite lcd-blink}@keyframes lcd-blink{50%{opacity:0}}.submenu-heading{color:#7c8e9f;text-transform:uppercase;letter-spacing:.4px;padding:6px 12px 4px;font-size:11px}.training-badge{color:#9a6700;vertical-align:1px;background:#fff3d6;border-radius:8px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.training-bar{z-index:120;color:#354f67;background:#fff;border:1px solid #d1dbe5;border-left:4px solid #6a2c91;border-radius:3px;flex-wrap:wrap;align-items:center;gap:8px 10px;max-width:calc(100% - 300px);padding:6px 8px 6px 12px;font-size:12px;display:flex;position:absolute;top:10px;left:12px;box-shadow:0 2px 10px #23354a1f}.training-bar>svg{color:#6a2c91}.training-bar__title{flex-direction:column;min-width:0;line-height:1.25;display:flex}.training-bar__title b{text-transform:uppercase;letter-spacing:.4px;color:#6a2c91;font-size:10px}.training-bar__title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.training-bar__state{color:#5a7690;white-space:nowrap;background:#eef3f7;border-radius:9px;padding:2px 8px}.training-bar__state.dirty{color:#9a6700;background:#fff3d6}.training-bar .action-button{gap:6px;height:28px;font-size:12px}.training-bar .training-save{color:#fff;background:#4b98da;border-color:#4b98da}.training-bar__close{color:#7c8e9f;border-radius:2px;padding:4px;display:flex}.training-bar__close:hover{background:#edf5fc}.explain-panel{background:#fff;border-left:1px solid #dce3eb;flex-direction:column;flex-shrink:0;width:360px;min-height:0;display:flex}.explain-panel>header{background:linear-gradient(#f7f2fd,#fff);border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:flex-start;padding:14px 16px 10px;display:flex}.explain-kicker{letter-spacing:.4px;text-transform:uppercase;color:#6a2c91;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.explain-panel h2{color:#24384b;margin:3px 0 2px;font-size:19px}.explain-panel header p{color:#7c8e9f;margin:0;font-size:12.5px}.explain-close{color:#7c8e9f;border-radius:3px;padding:4px;display:flex}.explain-close:hover{background:#edf5fc}.explain-toggles{border-bottom:1px solid #e7ebf0;flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.explain-toggles button{color:#5a7690;background:#fff;border:1px solid #dce3ed;border-radius:14px;padding:4px 11px;font-size:12px}.explain-toggles button.on{color:#1f6fb5;background:#eef6fd;border-color:#4b98da;font-weight:600}.explain-body{flex-direction:column;flex:1;gap:12px;padding:12px 16px 18px;display:flex;overflow-y:auto}.explain-intro{color:#4d6478;margin:0;font-size:13px;line-height:1.45}.explain-start{color:#fff;background:#4b98da;border-radius:3px;justify-content:center;align-items:center;gap:8px;height:34px;font-weight:600;display:flex}.explain-control{background:#f3eefa;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;font-size:13px;display:flex}.explain-control>span:first-child{justify-content:space-between;display:flex}.explain-control em{color:#6a2c91;font-style:normal;font-weight:700}.explain-control input{accent-color:#6a2c91;width:100%}.explain-control__ends{color:#7c8e9f;justify-content:space-between;font-size:11.5px;display:flex}.explain-steps-head{color:#24384b;align-items:center;gap:6px;font-size:13px;display:flex}.explain-steps-head span{color:#7c8e9f;margin-left:4px;margin-right:auto;font-size:12px}.explain-steps-head button{color:#5a7690;background:#fff;border:1px solid #dce3ed;border-radius:3px;place-items:center;width:28px;height:26px;display:grid}.explain-steps-head button.on{color:#fff;background:#f5a623;border-color:#f5a623}.explain-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.explain-steps li{color:#3f566b;cursor:pointer;border-radius:7px;align-items:flex-start;gap:10px;padding:7px 8px;font-size:13px;line-height:1.45;display:flex;position:relative}.explain-steps li:hover{background:#f6f8fa}.explain-steps li b{color:#24384b}.explain-steps li.active{background:#fff8ea;box-shadow:inset 0 0 0 1.5px #f5c46a}.explain-step__n{color:#1f6fb5;background:#eef6fd;border:2px solid #b9d7f2;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.explain-steps li.active .explain-step__n{color:#fff;background:#f5a623;border-color:#f5a623}.explain-code{color:#d8e2ec;background:#1e2a36;border-radius:8px;padding:8px 0;font-family:Consolas,monospace;font-size:12px;overflow:hidden}.explain-code>div{white-space:nowrap;gap:8px;padding:2px 10px;display:flex}.explain-code .no{color:#5c6f82;text-align:right;flex:none;width:20px}.explain-code code{text-overflow:ellipsis;font-family:inherit;overflow:hidden}.explain-code .note{color:#7e8fa0;flex:none;margin-left:auto;padding-left:6px}.explain-code>.active{color:#fff;background:#f5a62333;box-shadow:inset 3px 0 #f5a623}.explain-code>.active .note{color:#ffd27a}.explain-chart{border:1px solid #e1e7ee;border-radius:8px;padding:8px 10px}.explain-chart__head{color:#7c8e9f;justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.explain-chart__head b{color:#24384b}.explain-chart svg{width:100%;height:auto;display:block;overflow:visible}.explain-chart .threshold{stroke:#f5a623;stroke-dasharray:5 4}.explain-chart text{fill:#b77800;font-size:9.5px}.explain-chart .trace{fill:none;stroke:#4b98da;stroke-width:2.2px}.explain-screen{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.explain-leaders{position:absolute;inset:0}.explain-leaders line{stroke:#6d8296;stroke-width:1.5px;stroke-dasharray:4 4}.explain-chip{color:#24384b;white-space:nowrap;background:#fff;border:1px solid #cfd9e3;border-radius:10px;padding:2px 8px;font-size:11.5px;font-weight:700;position:absolute;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 2px 6px #23354a1f}.explain-chip.ok{color:#1f7a3a;background:#e9f7ee;border-color:#a9dcb9}.explain-chip.warn{color:#9a5b00;background:#fff3e0;border-color:#f5c46a}.explain-chip.off{color:#8195a8}.explain-chip.focus{outline:2px solid #f5a623}.explain-volt{color:#fff;white-space:nowrap;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 5px #0003}.explain-volt.high{background:#e33c39}.explain-volt.ground{background:#24384b}.explain-volt.signal{background:#d6a700}.explain-card{pointer-events:auto;background:#fff;border:1px solid #dce3ed;border-top:3px solid #4b98da;border-radius:10px;width:240px;height:118px;padding:9px 12px;position:absolute;overflow:hidden;box-shadow:0 8px 22px #23354a2e}.explain-card.ok{border-top-color:#2fa84f}.explain-card.warn{border-top-color:#f5a623}.explain-card.off{border-top-color:#a8b6c4}.explain-card__title{color:#24384b;font-size:12.5px;font-weight:700}.explain-card__value{color:#24384b;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 2px;font-size:18px;font-weight:700;overflow:hidden}.explain-card__detail{color:#5b7084;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.explain-flow{fill:none;stroke:#ffcf33;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #7a5200);animation:.5s linear infinite explain-flow}@keyframes explain-flow{to{stroke-dashoffset:-9.1px}}.explain-focus{fill:#f5a62312;stroke:#f5a623;stroke-dasharray:6 4;animation:1.4s ease-in-out infinite explain-focus}@keyframes explain-focus{50%{stroke-opacity:.35}}.explain-quiz{background:#faf7fd;border:1.5px solid #c9b3e3;border-radius:9px;padding:10px 12px;font-size:13px}.explain-quiz>b{color:#6a2c91}.explain-quiz p{color:#24384b;margin:6px 0 8px;line-height:1.45}.explain-quiz__options{flex-direction:column;gap:6px;display:flex}.explain-quiz__options button{text-align:left;color:#3f566b;background:#fff;border:1px solid #d9cceb;border-radius:6px;padding:7px 10px;font-size:12.5px}.explain-quiz__options button:not(:disabled):hover{background:#f3eefa;border-color:#6a2c91}.explain-quiz__options button:disabled{opacity:1;cursor:default}.explain-quiz__options button.right{color:#1f7a3a;background:#e9f7ee;border-color:#2fa84f;font-weight:600}.explain-quiz__options button.wrong{color:#b4282d;background:#fff1f1;border-color:#e5484d}.explain-quiz__options button.dim{opacity:.55}.explain-quiz__why{border-radius:6px;padding:8px 10px;font-size:12.5px;margin:8px 0 0!important}.explain-quiz__why.right{background:#e9f7ee;color:#1f5f33!important}.explain-quiz__why.wrong{background:#fff3e0;color:#7a4b00!important}.explain-quiz__why button{color:#1f6fb5;margin-top:6px;font-size:12px;text-decoration:underline;display:block}.explain-control--row{justify-content:space-between;align-items:center;flex-direction:row!important}.explain-switch{color:#5a7690;background:#dfe5ec;border-radius:16px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:12.5px;font-weight:600;display:flex}.explain-switch span{background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #0003}.explain-switch.on{color:#fff;background:#2fa84f}.explain-options{flex-wrap:wrap;gap:5px;display:flex}.explain-options button{color:#5a4a70;background:#fff;border:1px solid #d9cceb;border-radius:12px;padding:4px 9px;font-size:12px}.explain-options button.on{color:#fff;background:#6a2c91;border-color:#6a2c91;font-weight:600}.explain-wire-focus{fill:none;stroke:#f5a623;stroke-opacity:.45;stroke-linecap:round;stroke-linejoin:round;animation:1.4s ease-in-out infinite explain-focus}.explain-phases{background:#fbf9fe;border-bottom:1px solid #e7ebf0;padding:10px 16px 8px}.explain-phases>span{letter-spacing:.4px;text-transform:uppercase;color:#6a2c91;font-size:11px;font-weight:700}.explain-phases ol{align-items:flex-start;margin:8px 0 0;padding:0;list-style:none;display:flex;position:relative}.explain-phases ol:before{content:"";background:#e1d6ef;height:2px;position:absolute;top:13px;left:12%;right:12%}.explain-phases li{z-index:1;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.explain-phases button{color:#8a78a3;background:#fff;border:2px solid #d4c4e8;border-radius:50%;width:28px;height:28px;font-size:12px;font-weight:700}.explain-phases button:disabled{opacity:1;cursor:default}.explain-phases li.done button{color:#fff;background:#2fa84f;border-color:#2fa84f}.explain-phases li.current button{color:#fff;background:#6a2c91;border-color:#6a2c91;box-shadow:0 0 0 4px #6a2c9126}.explain-phases em{text-align:center;color:#7c8e9f;padding:0 2px;font-size:10.5px;font-style:normal;line-height:1.2}.explain-phases li.current em{color:#6a2c91;font-weight:700}.explain-next{background:#faf7fd;border:2px dashed #b99bdc;border-radius:10px;padding:11px 13px;font-size:13px}.explain-next.done{background:#f0faf3;border-style:solid;border-color:#2fa84f}.explain-next>b{color:#24384b;margin:2px 0 4px;font-size:15px;display:block}.explain-next p{color:#3f566b;margin:0 0 8px;line-height:1.45}.explain-next ul{color:#7c8e9f;flex-direction:column;gap:3px;margin:0 0 8px;padding:0;list-style:none;display:flex}.explain-next li.ok{color:#1f7a3a;font-weight:600}.explain-next__ok{font-weight:600;color:#1f7a3a!important}.explain-next__hint{font-size:12px;color:#9a6700!important}.explain-next__actions{flex-wrap:wrap;gap:6px;display:flex}.explain-next__actions button{color:#6a2c91;background:#fff;border:1px solid #cdbfe0;border-radius:4px;padding:6px 11px;font-size:12.5px;font-weight:600}.explain-next__actions button.primary{color:#fff;background:#6a2c91;border-color:#6a2c91}.explain-next.done .explain-next__actions button.primary{background:#2fa84f;border-color:#2fa84f}.submenu-heading--section{border-top:1px solid #eef1f4;margin-top:4px;padding-top:9px}.submenu-heading--section:first-of-type{border-top:0;margin-top:0;padding-top:6px}.code-panel.full{flex:1;width:auto;max-width:none}.canvas-area[hidden],.panel-resize[hidden]{display:none!important}.code-full-toggle{color:#355068;white-space:nowrap;background:#fff;border:1px solid #dce3ed;border-radius:3px;align-items:center;gap:6px;height:28px;margin-right:6px;padding:0 10px;font-size:12px;display:flex}.code-full-toggle:hover{background:#edf5fc}.code-full-toggle.on{color:#fff;background:#4b98da;border-color:#4b98da}.code-guide{background:#fbf9fe;border-bottom:1px solid #e1d6ef}.code-guide__head{color:#6a2c91;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;display:flex}.code-guide__head>b{font-size:13px}.code-guide__head>span{color:#7c8e9f}.code-guide__head>button{color:#6a2c91;background:#fff;border:1px solid #dcd0ec;border-radius:3px;place-items:center;width:26px;height:24px;display:grid}.code-guide__head>button:disabled{opacity:.35}.code-guide__dots{gap:5px;margin-left:auto;margin-right:6px;display:flex}.code-guide__dots button{background:#dccdef;border-radius:50%;width:10px;height:10px;padding:0}.code-guide__dots button.challenge{border-radius:2px;transform:rotate(45deg)scale(.85)}.code-guide__dots button.done{background:#2fa84f}.code-guide__dots button.on{background:#6a2c91;box-shadow:0 0 0 3px #6a2c9133}.code-guide__body{color:#2d4256;padding:0 14px 10px 35px;font-size:13.5px;line-height:1.5}.code-guide__body p{margin:0 0 6px}.code-guide__body b{color:#24384b}.code-guide__check{color:#8a5a00;background:#fff3e0;border-radius:12px;margin-bottom:4px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-block}.code-guide__check.done{color:#1f7a3a;background:#e9f7ee}.code-guide__check b{color:inherit;font-weight:600}.code-guide__hint{color:#9a8ab0;font-size:11.5px;display:block}.guide-line{height:var(--code-line,16px);pointer-events:none;z-index:1;background:#ffd96680;position:absolute;left:0;right:0;box-shadow:inset 3px 0 #f5a623}.block-editor .blocklyHighlighted>.blocklyPath{stroke:#f5a623!important;stroke-width:4px!important;filter:drop-shadow(0 0 6px #f5a623cc)!important;fill-opacity:1!important}.align-guides line{stroke:#5fb2ef;stroke-opacity:.9}.activity-panel{background:#fff;border-right:1px solid #dce3eb;flex-direction:column;flex-shrink:0;width:330px;min-height:0;display:flex}.activity-head{border-bottom:1px solid #e7ebf0;padding:12px 16px;position:relative}.activity-head .explain-close{position:absolute;top:10px;right:10px}.activity-back{color:#0f6fde;align-items:center;gap:2px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:flex}.activity-back:hover{text-decoration:underline}.activity-head h2{color:#1f2d3b;text-align:center;margin:4px 22px 0;font-size:21px;line-height:1.25}.activity-head .explain-kicker{justify-content:center}.activity-body{flex-direction:column;flex:1;gap:14px;padding:16px 16px 20px;animation:.2s activity-in;display:flex;overflow-y:auto}@keyframes activity-in{0%{opacity:0;transform:translate(8px)}}.activity-lead,.activity-text{color:#2d4256;margin:0;font-size:15px;line-height:1.6}.activity-text b,.activity-lead b{color:#1f2d3b}.activity-hint{color:#7c8e9f;margin:0;font-size:12.5px}.activity-step-n{letter-spacing:.4px;text-transform:uppercase;color:#6a2c91;font-size:11.5px;font-weight:700}.activity-start{background:#f6f8fa;border:1px solid #dfe5ec;border-radius:4px;padding:14px}.activity-start button{color:#24384b;background:#fff;border:1px solid #cfd8e2;border-radius:3px;justify-content:center;align-items:center;gap:10px;width:100%;height:40px;font-size:15px;font-weight:600;display:flex}.activity-start button:not(:disabled):hover{background:#edf5fc;border-color:#4b98da}.activity-start button:disabled{opacity:.7}.activity-open-code{color:#1f6fb5;background:#fff;border:1px solid #4b98da;border-radius:3px;align-self:flex-start;padding:7px 12px;font-size:13px;font-weight:600}.activity-open-code:hover{background:#edf5fc}.activity-finish{color:#2d4256;background:#f0faf3;border:2px solid #2fa84f;border-radius:10px;padding:16px;font-size:14px}.activity-finish b{color:#1f7a3a;font-size:16px}.activity-finish p{margin:6px 0 12px}.activity-finish button{color:#fff;background:#2fa84f;border-radius:4px;padding:7px 14px;font-weight:600}.activity-foot{background:#f6f8fa;border-top:1px solid #e7ebf0;align-items:center;gap:10px;padding:10px 14px;display:flex}.activity-prev{color:#2d4256;background:#fff;border:1.5px solid #b7c4d1;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.activity-prev:disabled{opacity:.35}.activity-jump{position:relative}.activity-jump>button{color:#2d4256;background:#fff;border:1.5px solid #b7c4d1;border-radius:18px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13.5px;display:flex}.activity-jump>button svg{transform:rotate(-90deg)}.activity-jump>button svg.up{transform:rotate(90deg)}.activity-jump ol{z-index:30;background:#fff;border:1px solid #d8e0e9;border-radius:6px;width:290px;max-height:360px;margin:0;padding:6px;list-style:none;position:absolute;bottom:44px;left:0;overflow-y:auto;box-shadow:0 6px 22px #23354a33}.activity-jump ol button{text-align:left;color:#2d4256;border-radius:4px;gap:9px;width:100%;padding:7px 8px;font-size:12.5px;line-height:1.35;display:flex}.activity-jump ol button:hover{background:#edf5fc}.activity-jump ol button.on{background:#e8f1fb;font-weight:600}.activity-jump ol span{color:#7c8e9f;flex:none;width:20px}.activity-next{color:#fff;background:#2f7de1;border-radius:19px;align-items:center;gap:6px;height:38px;margin-left:auto;padding:0 18px 0 22px;font-size:14.5px;font-weight:600;display:flex}.activity-next:hover{background:#1f6bd0}.toolbar[hidden]{display:none!important}.activity-panel{position:relative}.activity-resize{cursor:ew-resize;z-index:20;width:8px;position:absolute;top:0;bottom:0;right:-4px}.activity-resize:after{content:"";background:0 0;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:3px}.activity-resize:hover:after,.activity-resize:focus-visible:after,body.resizing .activity-resize:after{background:#4b98da}body.resizing{cursor:ew-resize;-webkit-user-select:none;user-select:none}.toolbar .tool{color:#33414e;background:0 0;border:0;border-radius:4px;width:38px;height:38px;padding:0}.toolbar .tool svg{width:24px;height:24px}.toolbar .tool:hover:not(:disabled){background:#e6ebf0;border:0}.toolbar .tool.active{color:#1f2d3b;background:#dfe8f2}.toolbar .tool:disabled{color:#c3cbd3;background:0 0}.toolbar .tool-group{border-right:1px solid #e1e6eb;gap:2px;margin:0;padding:0 8px}.toolbar .tool-group:first-child{padding-left:4px}.toolbar .color-select,.toolbar .wire-style{color:#33414e;background:#fff;border:1px solid #cfd8e1;border-radius:4px;height:36px}.toolbar .color-select{gap:12px;margin-left:8px;padding:0 10px}.toolbar .color-select i{border-radius:4px;width:22px;height:22px}.toolbar .wire-style{width:66px;margin-left:6px;padding-left:10px}.toolbar .wire-style:after{content:"";border:4.5px solid #0000;border-top:6px solid #33414e;border-bottom:0;margin-left:12px}.toolbar .wire-style span{border-radius:2px;width:22px;height:4px}.component-diagnostic{cursor:help}.component-diagnostic>circle:first-child{stroke:#1f2d3b}.component-diagnostic rect,.component-diagnostic circle+rect+circle{fill:#1f2d3b}.component-diagnostic.breakdown>circle:first-child{stroke:#d93025}.component-diagnostic.breakdown rect,.component-diagnostic.breakdown circle+rect+circle{fill:#d93025}.warning-tip{z-index:40;color:#fff;text-align:center;pointer-events:none;background:#3f4f5f;border-radius:6px;max-width:240px;padding:9px 13px;font-size:13px;line-height:1.45;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #0003}.warning-tip:before{content:"";border:6px solid #0000;border-top:0;border-bottom-color:#3f4f5f;margin-left:-6px;position:absolute;top:-6px;left:50%}.warning-tip p{margin:0}.warning-tip p+p{margin-top:6px}.warning-icon{z-index:8;color:#1f2d3b;text-align:center;cursor:help;background:#fff;border:2.4px solid #1f2d3b;border-radius:50%;width:22px;height:22px;margin:-15px 0 0 -6px;padding:0;font:800 14px/17px Arial,sans-serif;position:absolute;box-shadow:0 1px 4px #0002}.warning-icon.breakdown{color:#d93025;border-color:#d93025}.warning-icon:hover{transform:scale(1.12)}.burst-icon{z-index:8;cursor:help;background:0 0;border:0;padding:0;animation:.25s ease-out burst-in;position:absolute}.burst-icon svg{filter:drop-shadow(0 1px 2px #0003);width:100%;height:100%;overflow:visible}.burst-icon polygon{fill:#ff1a1a;stroke:#ffd23f;stroke-width:5px;stroke-linejoin:round}@keyframes burst-in{0%{opacity:0;transform:scale(.3)}}.steam-letter{color:#a7b3bf;background:#eef1f4;border-radius:6px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:inline-grid}.steam-letter.on.l-S{color:#fff;background:#2e9bd6}.steam-letter.on.l-T{color:#fff;background:#6a2c91}.steam-letter.on.l-E{color:#fff;background:#f08c1a}.steam-letter.on.l-A{color:#fff;background:#e5487f}.steam-letter.on.l-M{color:#fff;background:#2fa84f}.steam-mini{gap:3px;display:inline-flex}.steam-mini .steam-letter{border-radius:5px;width:20px;height:20px;font-size:11px}.steam-mini.small .steam-letter{border-radius:4px;width:16px;height:16px;font-size:9.5px}.steam-letters{gap:6px;display:flex}.steam-letters.big{flex-wrap:wrap;gap:8px}.steam-letters.big .steam-letter{border-radius:8px;grid-auto-flow:column;gap:7px;width:auto;height:auto;padding:6px 11px 6px 8px}.steam-letters.big b{font-size:16px}.steam-letters.big em{opacity:.95;font-size:12px;font-style:normal;font-weight:600}.steam-card{flex-direction:column;gap:10px;display:flex}.steam-card__head{justify-content:space-between;align-items:center;display:flex}.steam-phase{letter-spacing:.5px;text-transform:uppercase;color:#6a2c91;font-size:12px;font-weight:800}.steam-time{color:#7c8e9f;font-size:12.5px}.steam-letters__names{color:#5b7084;margin:0;font-size:12.5px}.steam-card h3{letter-spacing:.3px;text-transform:uppercase;color:#7c8e9f;margin:6px 0 0;font-size:13px}.steam-questions{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.steam-questions li{color:#2d4256;background:#f6f3fb;border-radius:8px;padding:8px 10px 8px 34px;font-size:14px;line-height:1.45;position:relative}.steam-questions li:before{content:"?";color:#fff;background:#6a2c91;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:800;display:grid;position:absolute;top:8px;left:9px}.steam-logbook{flex-direction:column;gap:12px;display:flex}.steam-field{color:#2d4256;flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.steam-field input,.steam-field textarea{font:inherit;resize:vertical;background:#fff;border:1px solid #cfd8e2;border-radius:6px;padding:8px 10px;font-size:14px;font-weight:400}.steam-field input:focus,.steam-field textarea:focus{border-color:#6a2c91;outline:none;box-shadow:0 0 0 3px #6a2c9122}.steam-check{background:#f6f8fa;border:1px solid #e1e7ee;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;font-size:13px;display:flex}.steam-check b{color:#2d4256;font-size:13px}.steam-check label{color:#3f566b;cursor:pointer;align-items:flex-start;gap:8px;line-height:1.4;display:flex}.steam-check input{accent-color:#2fa84f;margin-top:2px}.steam-logbook__foot{color:#7c8e9f;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;display:flex}.steam-logbook__foot button{color:#fff;background:#6a2c91;border-radius:6px;padding:7px 12px;font-size:12.5px;font-weight:600}.activity-finish.next-piece{background:#faf7fd;border-color:#6a2c91}.activity-finish.next-piece b{color:#6a2c91}.activity-finish.next-piece button{background:#6a2c91}.training-badge.done{color:#1f7a3a;background:#e9f7ee}@media (width<=900px){.learn-featured,.learn-detail__grid{grid-template-columns:1fr}.learn-banner{flex-wrap:wrap}}.explain-phases.many li:not(.current) em{display:none}.explain-phases.many li.current em{white-space:nowrap;font-size:11px}.modal.review{width:min(560px,100vw - 40px)}.review-list{flex-direction:column;gap:8px;max-height:60vh;margin:0;padding:0 18px;list-style:none;display:flex;overflow:auto}.review-list button{text-align:left;color:#24384b;cursor:pointer;background:#fff;border:1px solid #e3e9ef;border-radius:6px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;font-size:13.5px;line-height:1.4;display:flex}.review-list button:hover{background:#f6f8fa}.review-list .error svg{color:#d93025;flex:none}.review-list .aviso svg{color:#c77700;flex:none}.review-ok{color:#1f7a3a;background:#e9f7ee;border-radius:6px;align-items:center;gap:10px;margin:4px 18px;padding:12px;display:flex}.review-note{color:#7c8e9f;margin:12px 18px 16px;font-size:12px}.calibration-panel{z-index:5;color:#24384b;background:#fff;border:1px solid #d9e1e8;border-radius:8px;width:min(440px,100% - 24px);font-size:12.5px;position:absolute;top:12px;right:12px;box-shadow:0 6px 24px #24384b22}.calibration-panel header{color:#1f62b8;border-bottom:1px solid #eef1f4;align-items:center;gap:8px;padding:9px 10px 7px 12px;display:flex}.calibration-panel header b{color:#24384b;flex:1}.calibration-panel header button{color:#5b6f82;cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;width:26px;height:26px;display:grid}.calibration-panel header button:hover{background:#eef3f7}.calibration-panel table{border-collapse:collapse;width:100%}.calibration-panel th{text-align:left;color:#7c8e9f;padding:6px 8px;font-size:11px;font-weight:600}.calibration-panel td{font-variant-numeric:tabular-nums;border-top:1px solid #f0f3f6;padding:6px 8px}.calibration-panel td.threshold{color:#1f62b8;font-weight:700}.calibration-panel p{margin:8px 12px}.calibration-help{color:#7c8e9f;font-size:11.5px;line-height:1.4}.upload-progress{z-index:30;color:#fff;background:#0d2a4a;border-radius:8px;align-items:center;gap:10px;min-width:320px;padding:10px 14px;font-size:13px;display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0d2a4a44}.upload-progress span{flex:1}.upload-progress i{background:#fff3;border-radius:3px;width:110px;height:6px;display:block;overflow:hidden}.upload-progress b{background:#4cc38a;height:100%;transition:width .2s;display:block}.serial-graph svg{width:100%;height:120px;display:block}.serial-graph ul{color:#354f67;flex-wrap:wrap;gap:4px 14px;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.serial-graph li{align-items:center;gap:5px;display:flex}.serial-graph i{border-radius:2px;width:10px;height:10px;display:inline-block}.serial-graph span{color:#7c8e9f}.serial-graph-empty{color:#7c8e9f;margin:10px;font-size:12.5px}.challenges-panel{z-index:5;color:#24384b;background:#fff;border:1px solid #d9e1e8;border-radius:8px;width:min(380px,100% - 24px);font-size:13px;position:absolute;top:12px;left:12px;box-shadow:0 6px 24px #24384b22}.challenges-panel header{color:#c77700;border-bottom:1px solid #eef1f4;align-items:center;gap:8px;padding:9px 10px 7px 12px;display:flex}.challenges-panel header b{color:#24384b;flex:1}.challenges-panel header button{color:#5b6f82;cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;width:26px;height:26px;display:grid}.challenges-panel header button:hover{background:#eef3f7}.challenges-panel ul{flex-direction:column;gap:6px;margin:0;padding:6px 10px;list-style:none;display:flex}.challenges-panel li{color:#5b6f82;align-items:flex-start;gap:8px;line-height:1.4;display:flex}.challenges-panel li svg{color:#aebec9;flex:none;margin-top:1px}.challenges-panel li.done{color:#1f7a3a}.challenges-panel li.done svg{color:#1f9e5a}.challenges-help{color:#7c8e9f;margin:4px 12px 10px;font-size:11.5px;line-height:1.4}.component-picture-card{fill:#fff;stroke:#d8e0e9;stroke-width:1px}.component-picture-name{fill:#354f67;font:600 12px CircuitsSans,Segoe UI,Arial,sans-serif}