*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root{isolation:isolate}:root{--color-background: #242424;--color-text: rgba(255, 255, 255, .87);--color-bg-input: #1c1b1b;--color-border-input: #333333;--color-accent: #646cff;--color-error: #ff6464}@media (prefers-color-scheme: light){:root{--color-text: #213547;--color-background: #ffffff;--color-bg-input: #f6f6f6;--color-border-input: #e5e5e5}}:root{--border-radius: 8px;--padding: 1.2rem;--padding-half: calc(var(--padding) / 2);--padding-quarter: calc(var(--padding) / 4)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}.btn{border-radius:var(--border-radius);font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;padding:.6rem 1.2rem;display:flex;align-items:center;justify-content:center;gap:var(--padding-half)}.btn.primary{border:1px solid var(--color-border-input);background-color:var(--color-bg-input);transition:border-color .25s}.btn.primary:not(:disabled):hover{border-color:var(--color-accent)}.btn.ghost{border:none;background-color:transparent;transition:background-color .25s}.btn.ghost:not(:disabled):hover{background-color:var(--color-bg-input)}.btn.icon{padding:var(--padding-half);font-size:1.25em;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.btn:focus-visible{outline:1px solid var(--color-accent);outline-offset:1px}.btn:disabled{cursor:not-allowed;opacity:.5}.device-summary{display:flex;justify-content:flex-start;align-items:center;gap:var(--padding-half);border-radius:var(--border-radius);padding:var(--padding-half);text-align:left}.device-summary img{flex-shrink:0;height:5rem;width:5rem;overflow:hidden;font-size:0}.device-summary a{text-decoration:none;color:inherit}.device-summary a:focus-visible{outline:none}.device-summary.unsupported{cursor:not-allowed;opacity:.2}@media (prefers-color-scheme: light){.device-summary.unsupported{opacity:.4}}.device-summary .card-content{display:flex;flex-direction:column;width:100%}.device-summary .card-subtitle{display:flex;gap:var(--padding-quarter);align-items:center}.device-summary.clickable:not(.unsupported){cursor:pointer}.device-summary.clickable:not(.unsupported):hover{background-color:var(--color-bg-input)}.device-summary.clickable:not(.unsupported):focus-within{outline:1px solid var(--color-accent);outline-offset:1px}.inp{border-radius:var(--border-radius);border:1px solid var(--color-border-input);padding:.6rem 1.2rem;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-input);transition:border-color .25s}.inp::placeholder{opacity:.5}.inp:hover{border-color:var(--color-accent)}.inp:focus-visible{outline:1px solid var(--color-accent);outline-offset:1px}.inp:invalid{border-color:var(--color-error)}.esp-module-picker{display:flex;flex-direction:column;gap:var(--padding-half);width:100%}.esp-module-picker.browsing{flex:1;min-height:0}.esp-module-picker .esp-module-summary{display:flex;justify-content:flex-start;align-items:center;gap:var(--padding-half);border-radius:var(--border-radius);padding:var(--padding-half);text-align:left;width:100%;border:none;background:transparent;color:inherit;font:inherit;flex-shrink:0}.esp-module-picker .esp-module-summary img,.esp-module-picker .esp-module-summary .esp-module-thumb-placeholder{flex-shrink:0;height:5rem;width:5rem;object-fit:contain;overflow:hidden;font-size:0}.esp-module-picker .esp-module-summary .esp-module-thumb-placeholder{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);border:1px dashed var(--color-border-input);font-size:1.5rem;opacity:.5}.esp-module-picker .esp-module-summary .card-content{display:flex;flex-direction:column;width:100%;min-width:0}.esp-module-picker .esp-module-summary .card-title{font-weight:500}.esp-module-picker .esp-module-summary .card-subtitle{display:flex;flex-wrap:wrap;gap:var(--padding-quarter);align-items:center}.esp-module-picker .esp-module-summary.clickable{cursor:pointer}.esp-module-picker .esp-module-summary.clickable:hover{background-color:var(--color-bg-input)}.esp-module-picker .esp-module-summary.clickable:focus-visible{outline:1px solid var(--color-accent);outline-offset:1px}.esp-module-picker .esp-module-summary.picker-trigger{border:1px solid var(--color-border-input);background-color:var(--color-bg-input)}.esp-module-picker .esp-module-summary.picker-trigger.empty{border-style:dashed}.esp-module-picker .esp-module-summary.picker-trigger.expanded{outline:1px solid var(--color-accent);outline-offset:1px}.esp-module-picker .picker-hint{opacity:.55;font-size:.85em}.esp-module-picker .esp-module-list{display:flex;flex-direction:column;gap:var(--padding-quarter);flex:1;min-height:0;overflow-y:auto}.esp-module-picker .esp-uart-pins{display:flex;flex-direction:column;gap:var(--padding)}.esp-module-picker .esp-uart-section,.esp-module-picker .esp-custom-fields{display:flex;flex-direction:column;gap:var(--padding-half)}.esp-module-picker .esp-uart-label{font-size:.85em;font-weight:500}.esp-module-picker .esp-uart-presets{display:flex;flex-direction:row;gap:var(--padding-quarter)}.esp-module-picker .esp-uart-presets.column{flex-direction:column}.esp-module-picker .esp-uart-preset{flex:1;min-width:0;font-size:.85em;border:1px solid transparent;white-space:nowrap}.esp-module-picker .esp-uart-preset.ghost{border:1px solid transparent}.esp-module-picker .esp-uart-preset.primary{border:1px solid var(--color-border-input)}.esp-module-picker .esp-uart-inputs{display:flex;gap:var(--padding-half)}.esp-module-picker .esp-uart-inputs label,.esp-module-picker .esp-custom-fields>label{display:flex;flex-direction:column;gap:var(--padding-quarter);flex:1;min-width:0;font-size:.85em}.esp-module-picker .esp-uart-inputs label span,.esp-module-picker .esp-custom-fields>label span{opacity:.7}.esp-module-picker .esp-uart-inputs label .inp,.esp-module-picker .esp-custom-fields>label .inp{width:100%;min-width:0;box-sizing:border-box}.instructions{min-height:100%;display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-items:center}.instructions h1{font-size:2rem;text-align:center;margin-top:1.5rem}.instructions h1:first-of-type{margin-top:0}.instructions p{max-width:60ch;text-align:center}aside.sidebar{display:flex;flex-direction:column;gap:var(--padding)}aside.sidebar .header{display:flex;flex-direction:column;gap:var(--padding)}aside.sidebar .body-scroll-wrapper{position:relative;margin:0 calc(var(--padding-half) * -1);flex:1}aside.sidebar .body-scroll-wrapper .body{padding:2px var(--padding-half);position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;display:flex;flex-direction:column;gap:var(--padding-quarter)}aside.sidebar .footer{font-size:.8em;text-align:center}#root{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;min-width:320px;height:100vh;padding:var(--padding);gap:var(--padding)}#root *{-webkit-user-select:none;user-select:none}#root h1{font-size:2rem;text-align:center}#root #device-search{display:flex;gap:var(--padding-half);justify-content:stretch;width:100%}#root #device-search input{flex:1;min-width:0}#root .sidebar{width:20em}#root .sidebar .footer{display:flex;flex-direction:column;gap:var(--padding-half)}#root .sidebar .device-config{display:flex;flex-direction:column;gap:var(--padding)}#root .sidebar .device-config.browsing{flex:1;min-height:0}#root main{flex:1;padding:var(--padding);border-radius:var(--border-radius);background-color:var(--color-bg-input);border:1px solid var(--color-border-input);overflow:scroll}#root main *{-webkit-user-select:text;user-select:text}