@layer ui{:where(native-a2ui){--n-pg-chrome: var(--n-panel-neutral, #21252b);--n-pg-editor-bg: var(--n-control-neutral, #282c34);--n-pg-border-color: var(--n-border-muted-neutral, #3e4451);--n-pg-border: 1px solid var(--n-pg-border-color);--n-pg-text: var(--n-ink-neutral, #abb2bf);--n-pg-text-muted: var(--n-ink-muted-neutral, #7d8799);--n-pg-text-strong: var(--n-ink-strong-neutral, #e5e7eb);--n-pg-accent: var(--n-ink-accent, #61afef);--n-pg-run: var(--n-ink-success, #98c379);--n-pg-run-hover: var(--n-ink-hover-success, #b5e890);--n-pg-run-hover-bg: var(--n-control-success, #333d37);--n-pg-warn: var(--n-ink-warning, #e5c07b);--n-pg-error: var(--n-ink-danger, #e06c75);--n-pg-preview-bg: var(--n-body-neutral, #ffffff);display:grid;grid-template-rows:auto 1fr;min-height:400px;max-height:80dvh;border:var(--n-pg-border);border-radius:var(--n-radius-lg, .75rem);overflow:hidden;background:var(--n-pg-editor-bg);color:var(--n-pg-text);user-select:none}:where(native-a2ui) :where(.a2ui-preview-content),:where(native-a2ui) :where(.a2ui-pane-content),:where(native-a2ui) :where(.cm-editor){user-select:text}:where(native-a2ui)[presented]{width:100%;height:100%;max-height:none;justify-self:stretch;align-self:stretch;border:none;border-radius:0}:where(native-a2ui)>:where(n-header){flex:none;background:var(--n-pg-chrome);--n-ink: var(--n-pg-text-muted);--n-ink-hover: var(--n-pg-text);--n-ink-strong: var(--n-pg-text-strong);--n-border-muted: transparent}:where(native-a2ui)>:where(n-header) :where(n-button):hover,:where(native-a2ui)>:where(n-header) :where(n-button)[force-hover]{background:var(--n-pg-editor-bg)}:where(native-a2ui)>:where(n-header) :where(n-button)[data-active]{background:var(--n-pg-editor-bg);color:var(--n-pg-text-strong)}:where(native-a2ui) :where(n-button[data-role=run]){--n-color: var(--n-pg-run);--n-color-hover: var(--n-pg-run-hover)}:where(native-a2ui) :where(n-button[data-role=run]):hover,:where(native-a2ui) :where(n-button[data-role=run])[force-hover]{background:var(--n-pg-run-hover-bg)}:where(native-a2ui) :where(.a2ui-split){display:flex;min-height:0;overflow:hidden}:where(native-a2ui) :where(.a2ui-preview){position:relative;display:flex;flex-direction:column;flex:1 1 50%;min-width:200px;min-height:0;overflow:hidden}:where(native-a2ui) :where(.a2ui-preview[style*=width]){flex:none}:where(native-a2ui) :where(.a2ui-preview-content){flex:1;min-height:0;overflow:auto;padding:1rem;background:var(--n-pg-preview-bg)}:where(native-a2ui) :where(.a2ui-resize-handle){position:absolute;top:0;right:0;bottom:0;width:6px;cursor:col-resize;background:transparent;transition:background .15s;z-index:1}:where(native-a2ui) :where(.a2ui-resize-handle):hover,:where(native-a2ui) :where([resizing]) :where(.a2ui-resize-handle){background:var(--n-pg-accent)}:where(native-a2ui) :where(.a2ui-pane):not([hidden]):not(:has(~.a2ui-pane:not([hidden])))>:where(.a2ui-resize-handle){display:none}:where(native-a2ui) :where(.a2ui-pane){position:relative;display:flex;flex-direction:column;flex:1 1 0%;min-width:150px;min-height:0;overflow:hidden;border-left:var(--n-pg-border)}:where(native-a2ui) :where(.a2ui-pane[style*=width]){flex:none}:where(native-a2ui) :where(.a2ui-pane[hidden]){display:none}:where(native-a2ui) :where(.a2ui-pane)>:where(n-header){flex:none;background:var(--n-pg-chrome);border-bottom:var(--n-pg-border);min-height:unset;padding-block:0;padding-inline:.5rem;--n-ink: var(--n-pg-text-muted);--n-ink-hover: var(--n-pg-text);--n-size: 1.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}:where(native-a2ui) :where(.a2ui-pane)>:where(n-header) :where(n-icon){font-size:.875rem}:where(native-a2ui) :where(.a2ui-pane)>:where(n-header) :where(n-button):hover,:where(native-a2ui) :where(.a2ui-pane)>:where(n-header) :where(n-button)[force-hover]{background:var(--n-pg-editor-bg)}:where(native-a2ui) :where(.a2ui-pane-content){flex:1;min-height:0;overflow:auto;padding:.5rem;font-family:var(--n-font-family-mono, ui-monospace, "SF Mono", "Cascadia Code", monospace);font-size:.8125rem;line-height:1.5}:where(native-a2ui) :where([data-panel=json-in]) :where(.a2ui-pane-content),:where(native-a2ui) :where([data-panel=js]) :where(.a2ui-pane-content),:where(native-a2ui) :where([data-panel=html]) :where(.a2ui-pane-content),:where(native-a2ui) :where([data-panel=css]) :where(.a2ui-pane-content){padding:0;overflow:hidden}:where(native-a2ui) :where(.a2ui-map-summary){padding:.375rem .5rem;font-size:.6875rem;color:var(--n-pg-text-muted);border-bottom:var(--n-pg-border)}:where(native-a2ui) :where(.a2ui-component-map){width:100%;border-collapse:collapse;font-size:.75rem;line-height:1.4}:where(native-a2ui) :where(.a2ui-component-map) :where(th){text-align:left;padding:.25rem .5rem;color:var(--n-pg-text-muted);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--n-pg-border);position:sticky;top:0;background:var(--n-pg-chrome)}:where(native-a2ui) :where(.a2ui-component-map) :where(td){padding:.1875rem .5rem;border-bottom:1px solid color-mix(in oklch,var(--n-pg-text-muted),transparent 85%);white-space:nowrap}:where(native-a2ui) :where(.a2ui-component-map) :where(code){font-family:var(--n-font-family-mono, ui-monospace, "SF Mono", "Cascadia Code", monospace);font-size:.6875rem;background:color-mix(in oklch,var(--n-pg-text-muted),transparent 88%);padding:.0625rem .25rem;border-radius:.1875rem}:where(native-a2ui) :where(.a2ui-map-type){font-weight:600}:where(native-a2ui) :where(.a2ui-map-active){background:color-mix(in oklch,var(--n-pg-text),transparent 92%)}:where(native-a2ui) :where(.a2ui-map-active) :where(.a2ui-map-type){color:var(--n-color-accent-500, oklch(.65 .2 260))}:where(native-a2ui) :where(.a2ui-map-row){cursor:pointer}:where(native-a2ui) :where(.a2ui-map-row):hover{background:color-mix(in oklch,var(--n-pg-text),transparent 92%)}:where(native-a2ui) :where(.a2ui-map-category){color:var(--n-pg-text-muted);font-size:.6875rem}:where(native-a2ui) :where(.a2ui-map-back){font-size:.6875rem;--n-color: var(--n-pg-accent);--n-color-hover: var(--n-pg-text-strong);border-radius:0}:where(native-a2ui) :where(.a2ui-map-detail){padding:.5rem}:where(native-a2ui) :where(.a2ui-map-detail-title){font-size:.875rem;font-weight:600;color:var(--n-pg-text-strong)}:where(native-a2ui) :where(.a2ui-map-detail-row){display:flex;align-items:baseline;gap:.5rem;padding:.1875rem 0;font-size:.75rem}:where(native-a2ui) :where(.a2ui-map-detail-label){color:var(--n-pg-text-muted);min-width:4.5rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}:where(native-a2ui) :where(.a2ui-map-detail) :where(code){font-family:var(--n-font-family-mono, ui-monospace, "SF Mono", "Cascadia Code", monospace);font-size:.6875rem;background:color-mix(in oklch,var(--n-pg-text-muted),transparent 88%);padding:.0625rem .25rem;border-radius:.1875rem}:where(native-a2ui) :where(.a2ui-map-detail-header){padding-inline:.5rem;padding-block:.25rem;border-bottom:var(--n-pg-border)}:where(native-a2ui) :where(.a2ui-map-tab-bar){--n-background: var(--n-pg-surface);--n-border-color: var(--n-pg-border-color);--n-ink: var(--n-pg-text-muted);--n-ink-strong: var(--n-pg-text-strong);--n-border-muted: var(--n-pg-border-color)}:where(native-a2ui) :where(.a2ui-map-editor-section){display:flex;flex-direction:column;flex:1;min-height:0}:where(native-a2ui) :where(.a2ui-map-editor-toolbar){justify-content:flex-end;padding-inline:.5rem;--n-ink: var(--n-pg-run);--n-ink-hover: var(--n-pg-run-hover);--n-ground: var(--n-pg-chrome);background:var(--n-pg-chrome)}:where(native-a2ui) :where(.a2ui-map-editor-section) :where(native-codemirror){flex:1;min-height:0;border-radius:0;overflow:hidden}:where(native-a2ui) :where(.a2ui-map-alternatives){margin-top:.75rem;border-top:var(--n-pg-border);padding-top:.5rem}:where(native-a2ui) :where(.a2ui-map-alt-title){padding:0 .5rem .375rem;font-size:.6875rem;color:var(--n-pg-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}:where(native-a2ui) :where(.a2ui-map-alt-row){display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;border-radius:.25rem}:where(native-a2ui) :where(.a2ui-map-alt-row):hover{background:color-mix(in oklch,var(--n-pg-text),transparent 92%)}:where(native-a2ui) :where(.a2ui-map-swap-icon){font-size:.75rem;color:var(--n-pg-accent);opacity:.5}:where(native-a2ui) :where(.a2ui-map-alt-row):hover :where(.a2ui-map-swap-icon){opacity:1}:where(native-a2ui) :where(.a2ui-map-alt-row) :where(code){font-family:var(--n-font-family-mono, ui-monospace, "SF Mono", "Cascadia Code", monospace);font-size:.6875rem;background:color-mix(in oklch,var(--n-pg-text-muted),transparent 88%);padding:.0625rem .25rem;border-radius:.1875rem;color:var(--n-pg-text-muted)}:where(native-a2ui) :where([data-panel=json-in])>:where(n-toolbar){flex:none;background:var(--n-pg-chrome);border-bottom:var(--n-pg-border);--n-ink: var(--n-pg-text-muted);--n-ink-hover: var(--n-pg-text)}:where(native-a2ui) :where([data-panel=json-in])>:where(n-toolbar) :where(n-divider){flex:none}:where(native-a2ui) :where([data-panel=json-in])>:where(n-toolbar) :where(n-button):hover,:where(native-a2ui) :where([data-panel=json-in])>:where(n-toolbar) :where(n-button)[force-hover]{background:var(--n-pg-editor-bg)}:where(native-a2ui) :where(native-codemirror){flex:1;min-height:0;border-radius:0}:where(native-a2ui) :where(.cm-editor){font-size:.8125rem;color-scheme:dark}:where(native-a2ui) :where(.cm-scroller){overflow:auto}:where(native-a2ui) :where(.cm-gutters){border-right:none}:where(native-a2ui) :where(.a2ui-log-entry){padding:.25rem 0;border-bottom:var(--n-pg-border)}:where(native-a2ui) :where(.a2ui-log-type){margin-right:.5rem;font-size:.5625rem;--n-surface: var(--n-pg-chrome);--n-surface-ink: var(--n-pg-text-muted);vertical-align:middle}:where(native-a2ui) :where(.a2ui-log-type--sent){--n-surface-ink: var(--n-pg-accent)}:where(native-a2ui) :where(.a2ui-log-type--received){--n-surface-ink: var(--n-pg-accent)}:where(native-a2ui) :where(.a2ui-log-type--action){--n-surface-ink: var(--n-pg-run)}:where(native-a2ui) :where(.a2ui-log-type--error){--n-surface-ink: var(--n-pg-error)}:where(native-a2ui) :where(.a2ui-log-type--warning){--n-surface-ink: var(--n-pg-warn)}:where(native-a2ui) :where(.a2ui-log-type--info){--n-surface-ink: var(--n-pg-text-muted)}:where(native-a2ui) :where(.a2ui-tree-node){padding-left:1rem}:where(native-a2ui) :where(.a2ui-tree-label){cursor:default}:where(native-a2ui) :where(.a2ui-tree-id){color:var(--n-pg-accent)}:where(native-a2ui) :where(.a2ui-tree-type){color:var(--n-pg-text-muted);margin-left:.375rem}:where(native-a2ui) :where(.a2ui-tree-tag){color:var(--n-pg-run);margin-left:.375rem}:where(native-a2ui) :where(.cm-a2ui-sent){opacity:.5}:where(native-a2ui) :where(.cm-a2ui-next){background:var(--n-surface-accent, rgba(97, 175, 239, .1))}}@layer ui{:where(native-codemirror){display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%;min-height:0;border-radius:var(--n-radius, .5rem)}:where(native-codemirror) :where(.cm-editor){height:100%}:where(native-codemirror)[aria-disabled=true]{opacity:.5;pointer-events:none}:where(.cm-editor){--n-code-bg: var(--n-color-neutral-base, #282c34);--n-code-bg-raised: var(--n-color-neutral-higher, #21252b);--n-code-bg-deeper: var(--n-color-neutral-lower, #1e2127);--n-code-bg-inline: var(--n-card, #333843);--n-code-text: var(--n-ink, #abb2bf);--n-code-text-muted: var(--n-ink-muted, #7d8799);--n-code-cursor: var(--n-surface-accent, #528bff);--n-code-selection: var(--n-color-neutral-300, #3E4451);--n-code-line-active: var(--n-color-neutral-200-scrim, #2c313a) !important;--n-code-bracket: var(--n-color-neutral-600, #515a6b);--n-code-accent: var(--n-surface-accent, #61afef);--n-code-border: var(--n-border, #3E4451);--n-code-button: var(--n-color-neutral-100-scrim, #3E4451);--n-code-scrollbar: var(--n-color-neutral-200-scrim, #484c52);--n-code-scrollbar-hover: var(--n-color-neutral-300-scrim, #5e6167);--n-code-match: var(--n-color-accent-050-scrim, #314050);--n-code-shadow: 0 4px 16px rgba(0, 0, 0, .3);--n-code-search: rgba(229, 192, 123, .25);--n-code-search-outline: rgba(229, 192, 123, .4);--n-code-search-active: rgba(97, 175, 239, .3);--n-code-keyword: #c678dd;--n-code-string: #98c379;--n-code-function: #61afef;--n-code-variable: #e06c75;--n-code-type: #e5c07b;--n-code-operator: #56b6c2;--n-code-number: #d19a66;--n-code-invalid: #ffffff;overflow:hidden;font-variant-ligatures:contextual;line-height:1.6}:where(.cm-content):focus-visible,:where(.cm-editor.cm-focused){outline:none}:where(.cm-scroller){display:flex!important;align-items:flex-start!important;overflow:auto;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,SFMono-Regular,Menlo,monospace}:where(.cm-gutters){border-right:none;user-select:none}:where(.cm-gutter){min-width:2ch}:where(.cm-scroller){scrollbar-width:thin;scrollbar-color:var(--n-code-scrollbar) transparent}:where(.cm-scroller)::-webkit-scrollbar{width:8px;height:8px}:where(.cm-scroller)::-webkit-scrollbar-track{background:transparent}:where(.cm-scroller)::-webkit-scrollbar-thumb{background:var(--n-code-scrollbar);border-radius:4px}:where(.cm-scroller)::-webkit-scrollbar-thumb:hover{background:var(--n-code-scrollbar-hover)}:where(.cm-scroller)::-webkit-scrollbar-corner{background:transparent}:where(.cm-panels){border-radius:0}:where(.cm-search){padding:8px 12px;gap:4px}:where(.cm-search) :where(label){display:inline-flex;align-items:center;gap:4px}:where(.cm-tooltip){border-radius:6px;overflow:hidden}:where(.cm-tooltip-autocomplete){border-radius:6px}:where(.cm-tooltip-autocomplete) :where(ul){padding:4px 0}:where(.cm-completionIcon){padding-right:4px;opacity:.6}:where(.cm-foldPlaceholder){padding:0 4px;border-radius:3px}:where(.cm-content){padding:8px 0;color:inherit;flex-grow:2;flex-shrink:0;white-space:pre;word-wrap:normal;min-height:100%}:where(.cm-line){padding:0 12px 0 4px}:where(.cm-selectionMatch){background-color:var(--n-code-match);border-radius:2px}}