.main-pane:has(pinout-editor) .sl-container{max-width:88rem}pinout-editor:where(.astro-q7uf5rjt){display:block;--editor-border: var(--sl-color-gray-5);--editor-muted: var(--sl-color-gray-2);--editor-bg: var(--sl-color-bg)}.pinout-app:where(.astro-q7uf5rjt) :where(.astro-q7uf5rjt):is(div,p,span,label,section,input,select,button,table,tr,th,td){margin-block:0}.pinout-app:where(.astro-q7uf5rjt){border:1px solid var(--editor-border);border-radius:1rem;overflow:hidden;font-size:.9rem;line-height:1.5;background:var(--editor-bg)}.pinout-app:where(.astro-q7uf5rjt)[hidden]{display:none}label:where(.astro-q7uf5rjt){display:grid;gap:.4rem;min-width:0;font-size:.78rem;font-weight:600;color:var(--sl-color-white)}input:where(.astro-q7uf5rjt),select:where(.astro-q7uf5rjt),button:where(.astro-q7uf5rjt){font:inherit}input:where(.astro-q7uf5rjt),select:where(.astro-q7uf5rjt){min-width:0;border:1px solid var(--editor-border);border-radius:.4rem;background:var(--editor-bg);color:var(--sl-color-text);padding:.55rem .65rem}input:where(.astro-q7uf5rjt){width:100%;font-weight:400}button:where(.astro-q7uf5rjt){border:1px solid var(--editor-border);border-radius:.45rem;padding:.55rem .8rem;color:var(--sl-color-text);background:var(--editor-bg);cursor:pointer;font-size:.8rem;font-weight:600;line-height:1.5}button:where(.astro-q7uf5rjt):hover:not(:disabled){border-color:var(--leafony-brand-green);background:var(--leafony-tip-surface)}button:where(.astro-q7uf5rjt):disabled{opacity:.45;cursor:not-allowed}:where(.astro-q7uf5rjt):is(input,select,button,.preview-scroll):focus-visible{outline:2px solid var(--leafony-brand-green);outline-offset:2px}.primary:where(.astro-q7uf5rjt){background:#087a3d;border-color:#087a3d;color:#fff}.primary:where(.astro-q7uf5rjt):hover:not(:disabled){background:#066432;color:#fff}.leaf-fields:where(.astro-q7uf5rjt){max-width:32rem}.leaf-config:where(.astro-q7uf5rjt){padding:1.5rem}.section-bar:where(.astro-q7uf5rjt){display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem!important}.section-bar:where(.astro-q7uf5rjt)>strong:where(.astro-q7uf5rjt){color:var(--sl-color-white);font-size:.9rem}:where(.astro-q7uf5rjt)[data-leaf-count]{color:var(--editor-muted);font-size:.75rem;font-weight:400;margin-left:.4rem}.add-controls:where(.astro-q7uf5rjt),.leaf-actions:where(.astro-q7uf5rjt),.export-actions:where(.astro-q7uf5rjt){display:flex;align-items:center;gap:.5rem}.add-controls:where(.astro-q7uf5rjt) select:where(.astro-q7uf5rjt){width:13rem;font-size:.8rem}.leaf-list:where(.astro-q7uf5rjt){display:flex;flex-wrap:wrap;gap:.5rem}.leaf-list:where(.astro-q7uf5rjt) button{display:flex;align-items:center;gap:.6rem;margin:0;border:1px solid var(--editor-border);border-radius:.5rem;padding:.7rem .85rem;background:var(--editor-bg);color:var(--sl-color-text);font:inherit;font-size:.8rem;cursor:pointer;overflow-wrap:anywhere;max-width:100%;text-align:left}.leaf-list:where(.astro-q7uf5rjt) button[aria-pressed=true]{border-color:var(--leafony-brand-green);background:var(--leafony-tip-surface);box-shadow:inset 0 0 0 1px var(--leafony-brand-green);color:var(--leafony-tip-heading)}.leaf-list:where(.astro-q7uf5rjt) .leaf-number{font-size:.65rem;font-weight:700;color:var(--editor-muted)}.leaf-list:where(.astro-q7uf5rjt) button:focus-visible{outline:2px solid var(--leafony-brand-green);outline-offset:2px}.preview-panel:where(.astro-q7uf5rjt){border-block:1px solid var(--editor-border)}.preview-toolbar:where(.astro-q7uf5rjt){padding:1rem 1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.view-switch:where(.astro-q7uf5rjt){display:inline-flex;border:1px solid var(--editor-border);border-radius:.5rem;padding:.2rem}.view-switch:where(.astro-q7uf5rjt) button:where(.astro-q7uf5rjt){border:0;background:transparent}.view-switch:where(.astro-q7uf5rjt) button:where(.astro-q7uf5rjt)[aria-pressed=true]{background:var(--leafony-tip-surface);color:var(--leafony-tip-heading)}.preview-meta:where(.astro-q7uf5rjt){display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem .7rem;color:var(--editor-muted);font-size:.75rem}.preview-meta:where(.astro-q7uf5rjt) select:where(.astro-q7uf5rjt){font-size:.72rem;padding:.25rem .5rem}.preview-scroll:where(.astro-q7uf5rjt){overflow:auto;max-height:46rem;background:#e8ede9;padding:1.25rem}:where(.astro-q7uf5rjt)[data-preview]{margin-inline:auto;box-shadow:0 3px 15px #172e191a;background:#fff}:where(.astro-q7uf5rjt)[data-preview] svg{display:block;width:100%;height:auto;max-width:none}.preview-footer:where(.astro-q7uf5rjt){padding:.7rem 1.5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;color:var(--editor-muted)}.action-status:where(.astro-q7uf5rjt){padding:.5rem 1.5rem;min-height:2.3rem;font-size:.8rem;color:var(--leafony-tip-heading)}.storage-error:where(.astro-q7uf5rjt){padding:.5rem 1.5rem;font-size:.8rem;color:var(--leafony-danger-heading)}.storage-error:where(.astro-q7uf5rjt)[hidden]{display:none}.pin-editor:where(.astro-q7uf5rjt){padding:.5rem 1.5rem 1.5rem}.leaf-fields:where(.astro-q7uf5rjt){margin-bottom:.6rem!important}.source-line:where(.astro-q7uf5rjt){display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.72rem;color:var(--editor-muted)}:where(.astro-q7uf5rjt)[data-source][hidden]{display:none}.hint:where(.astro-q7uf5rjt){margin-top:1rem!important;color:var(--editor-muted);font-size:.8rem}.pin-tables:where(.astro-q7uf5rjt){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1rem!important}.table-scroll:where(.astro-q7uf5rjt){overflow-x:auto}table:where(.astro-q7uf5rjt){display:table;width:100%;border-collapse:separate;border-spacing:0;font-size:.72rem}caption:where(.astro-q7uf5rjt){text-align:left;font-size:.8rem;font-weight:600;color:var(--sl-color-white);padding-bottom:.65rem}th:where(.astro-q7uf5rjt){text-align:left;font-weight:600}thead:where(.astro-q7uf5rjt) th:where(.astro-q7uf5rjt){background:var(--leafony-tip-surface);padding:.65rem .4rem;white-space:nowrap;border-bottom:1px solid var(--editor-border)}table:where(.astro-q7uf5rjt) tbody th,table:where(.astro-q7uf5rjt) tbody td{border-bottom:1px solid var(--editor-border);padding:.25rem}table:where(.astro-q7uf5rjt) tbody th{min-width:3.5rem;font-size:.72rem}table:where(.astro-q7uf5rjt) th b,table:where(.astro-q7uf5rjt) th span{display:block}table:where(.astro-q7uf5rjt) th span{color:var(--editor-muted);font-size:.64rem;font-weight:400}table:where(.astro-q7uf5rjt) input,table:where(.astro-q7uf5rjt) select{box-sizing:border-box;width:100%;min-width:4rem;padding:.5rem .35rem;border:1px solid var(--editor-border);border-radius:.25rem;background:var(--editor-bg);color:var(--sl-color-text);font:inherit}table:where(.astro-q7uf5rjt) input:hover,table:where(.astro-q7uf5rjt) select:hover{border-color:var(--leafony-brand-green)}table:where(.astro-q7uf5rjt) input:focus-visible,table:where(.astro-q7uf5rjt) select:focus-visible{outline:2px solid var(--leafony-brand-green);outline-offset:-2px}table:where(.astro-q7uf5rjt) td:nth-child(3){width:36%}table:where(.astro-q7uf5rjt) select{min-width:6rem;max-width:8rem}.data-actions:where(.astro-q7uf5rjt){padding:1.25rem 1.5rem;border-top:1px solid var(--editor-border)}.data-actions:where(.astro-q7uf5rjt)>div:where(.astro-q7uf5rjt){display:flex;flex-wrap:wrap;gap:.5rem}.data-actions:where(.astro-q7uf5rjt) p:where(.astro-q7uf5rjt){margin-top:.65rem;color:var(--editor-muted);font-size:.75rem}@media(max-width:75rem){.pin-tables:where(.astro-q7uf5rjt){grid-template-columns:1fr}}@media(max-width:50rem){.leaf-config:where(.astro-q7uf5rjt),.pin-editor:where(.astro-q7uf5rjt),.data-actions:where(.astro-q7uf5rjt){padding-inline:1rem}.section-bar:where(.astro-q7uf5rjt){align-items:flex-start;flex-wrap:wrap}.add-controls:where(.astro-q7uf5rjt){width:100%}.add-controls:where(.astro-q7uf5rjt) select:where(.astro-q7uf5rjt){flex:1;width:0}.preview-toolbar:where(.astro-q7uf5rjt){padding:.8rem}.preview-meta:where(.astro-q7uf5rjt),.preview-footer:where(.astro-q7uf5rjt){padding-inline:.8rem}.preview-footer:where(.astro-q7uf5rjt){flex-direction:column;gap:.3rem}.preview-scroll:where(.astro-q7uf5rjt){padding:.5rem}.source-line:where(.astro-q7uf5rjt){display:block}.source-line:where(.astro-q7uf5rjt) span:where(.astro-q7uf5rjt){display:block;margin-top:.3rem}}