.example-import-notice[data-v-b3e79a27]{color:#15803d;background:#f0fdf4;border-bottom:1px solid #bbf7d0;flex-shrink:0;align-items:center;gap:.55rem;min-height:2.35rem;padding:.45rem .75rem;font-size:.7rem;font-weight:650;display:flex}.example-import-notice>svg[data-v-b3e79a27]{flex-shrink:0;width:1rem;height:1rem}.example-import-notice.error[data-v-b3e79a27]{color:#be123c;background:#fff1f2;border-color:#fecdd3}.example-import-notice button[data-v-b3e79a27]{border-radius:.35rem;flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;margin-left:auto;display:inline-grid}.example-import-notice button[data-v-b3e79a27]:hover{background:#0000000f}.example-import-notice button svg[data-v-b3e79a27]{width:.85rem;height:.85rem}.toolbar-button[data-v-b3e79a27]{color:#52525b;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;height:2rem;padding-inline:.5rem;font-size:.75rem;font-weight:500;transition:background-color .15s,color .15s}.toolbar-button[data-v-b3e79a27]:hover:not(:disabled){color:#18181b;background:#f4f4f5}.toolbar-button[data-v-b3e79a27]:disabled{cursor:not-allowed;opacity:.4}.record-navigator[data-v-b3e79a27]{background:#fafafa;border:1px solid #e4e4e7;border-radius:.5rem;height:2rem;overflow:hidden}.record-navigator button[data-v-b3e79a27]{color:#52525b;flex:none;justify-content:center;align-items:center;width:1.75rem;height:100%;line-height:0;display:inline-flex}.record-navigator button svg[data-v-b3e79a27]{width:1rem;height:1rem}.record-navigator button[data-v-b3e79a27]:hover:not(:disabled){background:#e4e4e7b3}.record-navigator button[data-v-b3e79a27]:disabled{opacity:.3}.record-select-wrap[data-v-b3e79a27]{background:#fff;border-inline:1px solid #e4e4e7;max-width:10rem;height:100%;position:relative}.record-navigator select[data-v-b3e79a27]{appearance:none;color:#52525b;background:0 0;border:0;width:100%;max-width:10rem;height:100%;padding:0 1.75rem 0 .65rem;font-size:.65rem}.record-select-icon[data-v-b3e79a27]{pointer-events:none;color:#52525b;width:.9rem;height:.9rem;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.command-back[data-v-b3e79a27]:focus-visible,.command-insert-primary[data-v-b3e79a27]:focus-visible,.command-insert[data-v-b3e79a27]:focus-visible,.command-row[data-v-b3e79a27]:focus-visible,.diagnostic-row[data-v-b3e79a27]:focus-visible,.editor-tab button[data-v-b3e79a27]:focus-visible,.file-row[data-v-b3e79a27]:focus-visible,.icon-button-small[data-v-b3e79a27]:focus-visible,.open-editor-action[data-v-b3e79a27]:focus-visible,.open-editor-main[data-v-b3e79a27]:focus-visible,.outline-row[data-v-b3e79a27]:focus-visible,.sidebar-data-button[data-v-b3e79a27]:focus-visible,.status-button[data-v-b3e79a27]:focus-visible,.toolbar-button[data-v-b3e79a27]:focus-visible{outline-offset:-2px;outline:2px solid #71717a}.icon-button-small[data-v-b3e79a27]{color:#71717a;border-radius:.35rem;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;display:inline-flex}.icon-button-small[data-v-b3e79a27]:hover{color:#18181b;background:#e4e4e7bf}.mobile-pane-tab[data-v-b3e79a27]{color:#71717a;border-radius:.4rem;align-items:center;gap:.35rem;height:2rem;padding-inline:.75rem;font-size:.75rem;font-weight:600;display:inline-flex}.mobile-pane-tab.active[data-v-b3e79a27]{color:#18181b;background:#fff;box-shadow:0 1px 2px #0000000f}.sidebar-tab[data-v-b3e79a27]{color:#71717a;border-bottom:2px solid #0000;font-size:.7rem;font-weight:600}.sidebar-tab.active[data-v-b3e79a27]{color:#27272a;border-bottom-color:#27272a}.sidebar-heading[data-v-b3e79a27]{color:#52525b;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;height:1.75rem;padding-inline:.75rem .4rem;font-size:.65rem;font-weight:700;display:flex}.sidebar-section-toggle[data-v-b3e79a27]{text-align:left;flex:1;align-items:center;gap:.3rem;min-width:0;height:100%;display:flex}.sidebar-section-toggle>span[data-v-b3e79a27]:first-of-type{flex:1;min-width:0}.sidebar-section-chevron[data-v-b3e79a27]{flex:none;transition:transform .15s}.sidebar-section-chevron.open[data-v-b3e79a27]{transform:rotate(90deg)}.sidebar-section-toggle[data-v-b3e79a27]:focus-visible{outline-offset:-2px;border-radius:.25rem;outline:2px solid #71717a}.sidebar-data-panel[data-v-b3e79a27]{padding:.35rem .75rem .65rem}.sidebar-data-label[data-v-b3e79a27],.sidebar-data-label-text[data-v-b3e79a27]{color:#71717a;letter-spacing:.04em;text-transform:uppercase;font-size:.6rem;font-weight:700;display:block}.sidebar-data-select-wrap[data-v-b3e79a27]{margin-top:.3rem;display:block;position:relative}.sidebar-data-select-wrap select[data-v-b3e79a27]{appearance:none;color:#3f3f46;background:#fff;border:1px solid #d4d4d8;border-radius:.45rem;outline:none;width:100%;height:2rem;padding:0 1.8rem 0 .55rem;font-size:.7rem;font-weight:600}.sidebar-data-select-wrap select[data-v-b3e79a27]:focus{border-color:#71717a;box-shadow:0 0 0 2px #e4e4e7}.sidebar-data-select-wrap svg[data-v-b3e79a27]{pointer-events:none;color:#71717a;width:.9rem;height:.9rem;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.sidebar-data-summary[data-v-b3e79a27]{color:#71717a;margin:.45rem 0 .8rem;font-size:.62rem}.sidebar-data-summary strong[data-v-b3e79a27]{color:#3f3f46;font-weight:700}.sidebar-data-panel .record-navigator[data-v-b3e79a27]{width:100%;margin-top:.3rem}.sidebar-data-panel .record-select-wrap[data-v-b3e79a27]{flex:1;min-width:0;max-width:none}.sidebar-data-panel .record-navigator select[data-v-b3e79a27]{max-width:none}.sidebar-data-empty[data-v-b3e79a27],.sidebar-data-status[data-v-b3e79a27]{color:#71717a;margin-top:.65rem;font-size:.62rem;line-height:1rem}.sidebar-data-status code[data-v-b3e79a27]{color:#52525b;font-size:.58rem;font-weight:700}.sidebar-data-status.ready[data-v-b3e79a27]{color:#047857}.sidebar-data-actions[data-v-b3e79a27]{gap:.35rem;margin-top:.7rem;display:grid}.sidebar-data-button[data-v-b3e79a27]{color:#52525b;text-align:left;background:#fff;border:1px solid #d4d4d8;border-radius:.45rem;align-items:center;gap:.4rem;width:100%;min-height:1.9rem;padding:.35rem .55rem;font-size:.66rem;font-weight:600;display:flex}.sidebar-data-button[data-v-b3e79a27]:hover{color:#18181b;border-color:#a1a1aa}.sidebar-data-button.primary[data-v-b3e79a27]{color:#fff;background:#18181b;border-color:#18181b;margin-top:.35rem}.sidebar-data-button.primary[data-v-b3e79a27]:hover{background:#3f3f46}.sidebar-data-button.danger[data-v-b3e79a27]{color:#be123c;background:0 0;border-color:#0000;margin-top:.35rem}.sidebar-data-button.danger[data-v-b3e79a27]:hover{color:#9f1239;background:#fff1f2;border-color:#fda4af}.sidebar-data-button svg[data-v-b3e79a27]{flex:none;width:.9rem;height:.9rem}.sidebar-data-count[data-v-b3e79a27]{background:#ffffff29;border-radius:9999px;margin-left:auto;padding:.05rem .35rem;font-size:.55rem}.file-row[data-v-b3e79a27]{color:#52525b;text-align:left;align-items:center;gap:.45rem;width:100%;height:1.8rem;padding-inline:.75rem;font-size:.75rem;display:flex}.file-row.selected[data-v-b3e79a27],.file-row[data-v-b3e79a27]:hover{color:#18181b;background:#e4e4e799}.file-row.active[data-v-b3e79a27]{color:#18181b;background:#e4e4e7cc}.open-editor-row[data-v-b3e79a27]{color:#52525b;align-items:center;width:100%;height:1.8rem;font-size:.75rem;display:flex}.open-editor-row.active[data-v-b3e79a27],.open-editor-row[data-v-b3e79a27]:hover{color:#18181b;background:#e4e4e7b3}.open-editor-main[data-v-b3e79a27]{text-align:left;flex:1;align-items:center;gap:.45rem;min-width:0;height:100%;padding-left:.75rem;display:flex}.open-editor-action[data-v-b3e79a27]{color:#71717a;opacity:0;border-radius:.3rem;flex:none;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;display:inline-flex}.open-editor-row.active .open-editor-action[data-v-b3e79a27],.open-editor-row:focus-within .open-editor-action[data-v-b3e79a27],.open-editor-row:hover .open-editor-action[data-v-b3e79a27]{opacity:1}.open-editor-action[data-v-b3e79a27]:hover{color:#18181b;background:#d4d4d8cc}.editor-tab[data-v-b3e79a27]{border-inline:1px solid #0000;color:#52525b;border-top:1px solid #0000;flex:none;align-items:center;min-width:8rem;max-width:15rem;height:2rem;font-size:.75rem;display:flex}.editor-tab.active[data-v-b3e79a27]{color:#18181b;background:#fff;border-color:#e4e4e7 #e4e4e7 #fff}.tab-close-button[data-v-b3e79a27]{color:#71717a;opacity:0;border-radius:.35rem;flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.editor-tab.active .tab-close-button[data-v-b3e79a27],.editor-tab:focus-within .tab-close-button[data-v-b3e79a27],.editor-tab:hover .tab-close-button[data-v-b3e79a27]{opacity:1}.tab-close-button[data-v-b3e79a27]:hover{color:#18181b;background:#e4e4e7cc}.command-row[data-v-b3e79a27],.outline-row[data-v-b3e79a27]{text-align:left;align-items:center;gap:.5rem;width:100%;padding-inline:.65rem;display:flex}.outline-row[data-v-b3e79a27]{height:1.65rem;font-size:.7rem}.command-row[data-v-b3e79a27]{min-height:2.8rem;padding-block:.4rem}.command-row[data-v-b3e79a27]:hover,.outline-row[data-v-b3e79a27]:hover{background:#e4e4e799}.command-entry[data-v-b3e79a27]{align-items:stretch;display:flex}.command-entry .command-row[data-v-b3e79a27]{flex:1;width:auto;min-width:0}.command-insert[data-v-b3e79a27]{color:#71717a;opacity:0;flex:none;justify-content:center;align-items:center;width:2rem;display:inline-flex}.command-entry:focus-within .command-insert[data-v-b3e79a27],.command-entry:hover .command-insert[data-v-b3e79a27]{opacity:1}.command-insert[data-v-b3e79a27]:hover{color:#18181b;background:#e4e4e7cc}.command-back[data-v-b3e79a27]{color:#71717a;border-radius:.35rem;align-items:center;gap:.35rem;font-size:.65rem;font-weight:600;display:inline-flex}.command-back[data-v-b3e79a27]:hover{color:#18181b}.command-doc-section[data-v-b3e79a27]{border-top:1px solid #e4e4e7;margin-top:1rem;padding-top:.75rem}.command-doc-heading[data-v-b3e79a27]{color:#71717a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-size:.6rem;font-weight:700}.command-syntax[data-v-b3e79a27]{color:#27272a;border:1px solid #e4e4e7;border-radius:.4rem;padding:.45rem .55rem;font-size:.68rem;display:block;overflow-x:auto}.command-choice[data-v-b3e79a27],.command-syntax[data-v-b3e79a27]{white-space:nowrap;background:#fff}.command-choice[data-v-b3e79a27]{color:#52525b;text-overflow:ellipsis;border:1px solid #e4e4e7;border-radius:.3rem;max-width:100%;padding:.1rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;overflow:hidden}.command-choice[data-v-b3e79a27]:hover{color:#18181b;border-color:#a1a1aa}.command-insert-primary[data-v-b3e79a27]{color:#fff;background:#18181b;border-radius:.45rem;justify-content:center;align-items:center;gap:.35rem;width:100%;height:2rem;font-size:.68rem;font-weight:600;display:inline-flex}.command-insert-primary[data-v-b3e79a27]:hover{background:#3f3f46}.diagnostic-row[data-v-b3e79a27]{text-align:left;border-bottom:1px solid #f4f4f5;align-items:flex-start;gap:.5rem;width:100%;min-height:2rem;padding:.45rem .75rem;font-size:.7rem;display:flex}.diagnostic-row[data-v-b3e79a27]:hover:not(:disabled){background:#fafafa}.diagnostic-row[data-v-b3e79a27]:disabled{cursor:default}.compact-input[data-v-b3e79a27],.compact-select[data-v-b3e79a27]{color:#52525b;background:#fff;border:1px solid #e4e4e7;border-radius:.5rem;outline:none;height:2rem;padding-inline:.5rem;font-size:.7rem}.compact-input[data-v-b3e79a27]:focus,.compact-select[data-v-b3e79a27]:focus{border-color:#71717a;box-shadow:0 0 0 2px #e4e4e7}.status-button[data-v-b3e79a27]{border-radius:.2rem;align-items:center;gap:.25rem;padding-inline:.25rem;display:inline-flex}.status-button[data-v-b3e79a27]:hover{background:#0000000f}.settings-field[data-v-b3e79a27],.settings-toggle[data-v-b3e79a27]{justify-content:space-between;gap:1rem;min-height:2.5rem;display:flex}.settings-field>span[data-v-b3e79a27],.settings-toggle>span[data-v-b3e79a27]{min-width:0}.settings-field strong[data-v-b3e79a27],.settings-toggle strong[data-v-b3e79a27]{color:#27272a;font-size:.75rem;font-weight:600;display:block}.settings-field small[data-v-b3e79a27],.settings-toggle small[data-v-b3e79a27]{color:#71717a;margin-top:.15rem;font-size:.65rem;line-height:1rem;display:block}.settings-select[data-v-b3e79a27]{color:#3f3f46;background:#fff;border:1px solid #e4e4e7;border-radius:.5rem;outline:none;min-width:7.5rem;height:2rem;padding-inline:.5rem;font-size:.7rem}.settings-select[data-v-b3e79a27]:focus{border-color:#71717a;box-shadow:0 0 0 2px #e4e4e7}.settings-toggle[data-v-b3e79a27]{align-items:center}.settings-toggle input[data-v-b3e79a27]{accent-color:#18181b;width:1rem;height:1rem}kbd[data-v-b3e79a27]{color:#52525b;background:#fafafa;border:1px solid #d4d4d8;border-bottom-width:2px;border-radius:.3rem;padding:.08rem .3rem;font-family:inherit;font-size:.62rem}@media (width<768px){.canvas-pane[data-v-b3e79a27],.code-pane[data-v-b3e79a27]{width:100%;flex:100%!important}.mobile-hidden[data-v-b3e79a27]{display:none}.canvas-pane[data-v-b3e79a27]{border-left:0}}@media (prefers-color-scheme:dark){.example-import-notice[data-v-b3e79a27]{color:#86efac;background:#052e16;border-color:#14532d}.example-import-notice.error[data-v-b3e79a27]{color:#fda4af;background:#4c0519;border-color:#881337}.command-back[data-v-b3e79a27],.command-doc-heading[data-v-b3e79a27],.editor-tab[data-v-b3e79a27],.icon-button-small[data-v-b3e79a27],.mobile-pane-tab[data-v-b3e79a27],.open-editor-row[data-v-b3e79a27],.toolbar-button[data-v-b3e79a27]{color:#a1a1aa}.record-navigator[data-v-b3e79a27]{background:#18181b;border-color:#ffffff1a}.record-select-wrap[data-v-b3e79a27]{background:#09090b;border-color:#ffffff1a}.record-navigator select[data-v-b3e79a27],.record-select-icon[data-v-b3e79a27]{color:#d4d4d8}.icon-button-small[data-v-b3e79a27]:hover,.toolbar-button[data-v-b3e79a27]:hover:not(:disabled){color:#fff;background:#ffffff0f}.mobile-pane-tab.active[data-v-b3e79a27]{color:#fff;background:#27272a}.sidebar-tab[data-v-b3e79a27]{color:#a1a1aa}.sidebar-tab.active[data-v-b3e79a27]{color:#fff;border-bottom-color:#fff}.sidebar-data-empty[data-v-b3e79a27],.sidebar-data-label[data-v-b3e79a27],.sidebar-data-label-text[data-v-b3e79a27],.sidebar-data-status[data-v-b3e79a27],.sidebar-data-summary[data-v-b3e79a27],.sidebar-heading[data-v-b3e79a27]{color:#a1a1aa}.sidebar-data-status code[data-v-b3e79a27],.sidebar-data-summary strong[data-v-b3e79a27]{color:#d4d4d8}.sidebar-data-status.ready[data-v-b3e79a27]{color:#34d399}.sidebar-data-button[data-v-b3e79a27],.sidebar-data-select-wrap select[data-v-b3e79a27]{color:#d4d4d8;background:#09090b;border-color:#ffffff1a}.sidebar-data-select-wrap select[data-v-b3e79a27]:focus{border-color:#71717a;box-shadow:0 0 0 2px #ffffff14}.sidebar-data-button[data-v-b3e79a27]:hover{color:#fff;border-color:#71717a}.sidebar-data-button.primary[data-v-b3e79a27]{color:#09090b;background:#fff;border-color:#fff}.sidebar-data-button.primary[data-v-b3e79a27]:hover{background:#e4e4e7}.sidebar-data-button.danger[data-v-b3e79a27]{color:#fb7185;background:0 0;border-color:#0000}.sidebar-data-button.danger[data-v-b3e79a27]:hover{color:#fda4af;background:#4c05194d;border-color:#9f1239}.file-row[data-v-b3e79a27]{color:#a1a1aa}.command-row[data-v-b3e79a27]:hover,.file-row.active[data-v-b3e79a27],.file-row.selected[data-v-b3e79a27],.file-row[data-v-b3e79a27]:hover,.open-editor-row.active[data-v-b3e79a27],.open-editor-row[data-v-b3e79a27]:hover,.outline-row[data-v-b3e79a27]:hover{color:#fff;background:#ffffff0f}.command-insert[data-v-b3e79a27]:hover{color:#fff;background:#ffffff14}.command-back[data-v-b3e79a27]:hover{color:#fff}.command-doc-section[data-v-b3e79a27]{border-top-color:#ffffff1a}.command-choice[data-v-b3e79a27],.command-syntax[data-v-b3e79a27]{color:#d4d4d8;background:#09090b;border-color:#ffffff1a}.command-choice[data-v-b3e79a27]:hover{color:#fff;border-color:#71717a}.command-insert-primary[data-v-b3e79a27]{color:#09090b;background:#fff}.command-insert-primary[data-v-b3e79a27]:hover{background:#e4e4e7}.open-editor-action[data-v-b3e79a27]:hover,.tab-close-button[data-v-b3e79a27]:hover{color:#fff;background:#ffffff14}.editor-tab.active[data-v-b3e79a27]{color:#fff;background:#09090b;border-color:#ffffff1a #ffffff1a #09090b}.diagnostic-row[data-v-b3e79a27]{border-bottom-color:#ffffff0d}.diagnostic-row[data-v-b3e79a27]:hover:not(:disabled){background:#ffffff0a}.compact-input[data-v-b3e79a27],.compact-select[data-v-b3e79a27]{color:#a1a1aa;background:#09090b;border-color:#ffffff1a}.compact-input[data-v-b3e79a27]:focus,.compact-select[data-v-b3e79a27]:focus{border-color:#71717a;box-shadow:0 0 0 2px #ffffff14}.status-button[data-v-b3e79a27]:hover{background:#ffffff14}.settings-field strong[data-v-b3e79a27],.settings-toggle strong[data-v-b3e79a27]{color:#e4e4e7}.settings-field small[data-v-b3e79a27],.settings-toggle small[data-v-b3e79a27]{color:#a1a1aa}.settings-select[data-v-b3e79a27]{color:#d4d4d8;background:#09090b;border-color:#ffffff1a}.settings-select[data-v-b3e79a27]:focus{border-color:#71717a;box-shadow:0 0 0 2px #ffffff14}.settings-toggle input[data-v-b3e79a27]{accent-color:#fff}kbd[data-v-b3e79a27]{color:#d4d4d8;background:#27272a;border-color:#52525b}}