*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#d4d4d4;background:#1e1e1e;height:100dvh;font-family:Segoe UI,sans-serif;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}.toolbar{background:#2d2d2d;border-bottom:1px solid #3a3a3a;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.btn{cursor:pointer;border:none;border-radius:3px;padding:6px 14px;font-size:13px;font-weight:500}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-verify,.btn-upload{color:#fff;background:#00979c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.btn-port{color:#d4d4d4;background:#3a3a3a;border:1px solid #555}.separator{background:#444;width:1px;height:22px;margin:0 4px}.board-label{color:#888;margin-left:4px;font-size:12px}.editor{background:#1e1e1e;flex:1;overflow:hidden}.editor .cm-editor{background:#1e1e1e;height:100%}.editor .cm-gutters{color:#555;background:#1e1e1e;border-right:1px solid #333}.editor .cm-activeLineGutter,.editor .cm-activeLine{background:#2a2a2a}.editor .cm-selectionBackground{background:#264f78!important}.editor .cm-editor ::selection{background:#264f78!important}.panel-resize-handle{cursor:ns-resize;background:#2a2a2a;flex-shrink:0;height:4px;transition:background .15s}.panel-resize-handle:hover{background:#00979c}.bottom-panel{background:#0d0d0d;border-top:1px solid #3a3a3a;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.panel-tabs{background:#1e1e1e;border-bottom:1px solid #333;flex-shrink:0;align-items:center;display:flex}.panel-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:5px 14px;font-size:12px;display:flex}.panel-tab:hover{color:#ccc}.panel-tab-active{color:#d4d4d4;border-bottom-color:#00979c}.panel-tabs-spacer{flex:1}.plotter-panel{background:#1e2127;flex:1;justify-content:center;align-items:center;padding:8px 4px;display:flex;overflow:hidden}.plotter-empty{color:#5c6370;text-align:center;font-size:12px}.serial-dot{background:#4ec94e;border-radius:50%;width:6px;height:6px;display:inline-block}.serial-toolbar{background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;display:flex}.btn-clear{color:#666;cursor:pointer;background:0 0;border:none;font-size:11px}.btn-clear:hover{color:#aaa}.console{flex:1;padding:6px 10px;font-family:Fira Mono,Consolas,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.console-line{white-space:pre-wrap;word-break:break-all}.console-info{color:#9cdcfe}.console-success{color:#4ec94e}.console-error{color:#f44747}.console-serial{color:#89d185}.baud-select{color:#d4d4d4;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:3px;padding:5px 6px;font-size:12px}.baud-select:disabled{opacity:.4;cursor:not-allowed}.btn-serial{color:#d4d4d4;background:#3a3a3a;border:1px solid #555}.btn-serial-on{color:#fff;background:#6b2020;border-color:#a33}.btn-libraries{color:#d4d4d4;background:#3a3a3a;border:1px solid #555}.btn-libraries:hover{background:#484848}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#252525;border:1px solid #444;border-radius:6px;flex-direction:column;width:min(560px,92vw);max-height:70vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h2{color:#d4d4d4;font-size:14px;font-weight:600}.modal-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.modal-close:hover{color:#d4d4d4}.modal-tabs{border-bottom:1px solid #333;display:flex}.tab-btn{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px}.tab-btn:hover{color:#d4d4d4}.tab-btn.active{color:#d4d4d4;border-bottom-color:#0e639c}.modal-body{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.lib-search-input{color:#d4d4d4;background:#1a1a1a;border:1px solid #444;border-radius:3px;outline:none;width:100%;padding:7px 10px;font-size:13px}.lib-search-input:focus{border-color:#666}.lib-status{color:#888;font-size:12px}.lib-error{color:#f44747}.lib-list{flex-direction:column;gap:4px;list-style:none;display:flex}.lib-item{background:#1e1e1e;border:1px solid #333;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.lib-info{flex-direction:column;gap:2px;min-width:0;display:flex}.lib-name{color:#9cdcfe;font-size:13px;font-weight:500}.lib-version{color:#888;font-size:11px}.lib-desc{color:#777;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.btn-add{color:#fff;background:#0e639c;flex-shrink:0;padding:4px 12px;font-size:12px}.btn-add:disabled{opacity:.4;cursor:not-allowed}.btn-remove{color:#fff;cursor:pointer;background:#6b2020;border:none;border-radius:3px;flex-shrink:0;padding:4px 10px;font-size:12px}.btn-remove:hover{background:#8a2828}.badge{color:#fff;vertical-align:middle;background:#0e639c;border-radius:10px;margin-left:4px;padding:0 6px;font-size:10px;display:inline-block}.serial-send{border-top:1px solid #333;flex-shrink:0;gap:6px;padding:5px 10px;display:flex}.serial-input{color:#d4d4d4;background:#1a1a1a;border:1px solid #444;border-radius:3px;outline:none;flex:1;padding:4px 8px;font-family:Fira Mono,Consolas,monospace;font-size:12px}.serial-input:focus{border-color:#666}.btn-send{color:#fff;cursor:pointer;background:#16825d;border:none;border-radius:3px;padding:4px 12px;font-size:12px;font-weight:500}.btn-send:hover{background:#1a9e72}.project-name{color:#aaa;text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin:0 2px;font-size:13px;overflow:hidden}.menu-wrap{position:relative}.btn-menu{color:#d4d4d4;cursor:pointer;background:#3a3a3a;border:1px solid #555;border-radius:3px;padding:5px 10px;font-size:16px;line-height:1}.btn-menu:hover{background:#484848}.menu-dropdown{z-index:200;background:#2a2a2a;border:1px solid #444;border-radius:4px;min-width:160px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000080}.menu-item{color:#d4d4d4;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;width:100%;padding:7px 14px;font-size:13px;display:block}.menu-item:hover:not(:disabled){background:#3a3a3a}.menu-item:disabled{opacity:.4;cursor:not-allowed}.menu-separator{background:#3a3a3a;height:1px;margin:4px 0}.menu-section-label{text-transform:uppercase;letter-spacing:.06em;color:#888;-webkit-user-select:none;user-select:none;padding:4px 12px 2px;font-size:10px}.menu-item-sub{-webkit-user-select:none;user-select:none;position:relative}.menu-submenu{background:#2a2a2a;border:1px solid #444;border-radius:4px;min-width:140px;padding:4px 0;position:absolute;top:-4px;left:100%;box-shadow:0 4px 12px #00000080}@media (width<=600px){.toolbar{flex-wrap:wrap;gap:5px;padding:6px 8px}.separator,.board-label{display:none}.btn{padding:10px 14px}.baud-select{padding:10px 6px}.console-wrapper{height:140px}.modal{max-height:85vh}}