@layer components{.editor-container[data-astro-cid-xk2mthzp]{display:flex;flex-direction:column;height:100%}@media(min-width:1024px){.editor-container[data-astro-cid-xk2mthzp]{flex-direction:row;height:100%}.editor-pane[data-astro-cid-xk2mthzp],.preview-pane[data-astro-cid-xk2mthzp]{flex:1;min-width:0}.editor-pane[data-astro-cid-xk2mthzp]{border-right:1px solid var(--color-neutral-300)}.dark .editor-pane[data-astro-cid-xk2mthzp]{border-right-color:var(--color-neutral-700)}.tab-buttons-mobile[data-astro-cid-xk2mthzp]{display:none!important}.preview-pane[data-astro-cid-xk2mthzp],.editor-pane[data-astro-cid-xk2mthzp]{display:flex!important;flex-direction:column}}.tab-buttons-mobile[data-astro-cid-xk2mthzp] button[data-astro-cid-xk2mthzp]{display:flex;align-items:center;gap:.5rem;padding:.375rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;transition:all .15s;border:none;background:transparent;color:var(--color-neutral-500);cursor:pointer}.dark .tab-buttons-mobile[data-astro-cid-xk2mthzp] button[data-astro-cid-xk2mthzp]{color:var(--color-neutral-400)}.tab-buttons-mobile[data-astro-cid-xk2mthzp] button[data-astro-cid-xk2mthzp]:hover{color:var(--color-neutral-700)}.dark .tab-buttons-mobile[data-astro-cid-xk2mthzp] button[data-astro-cid-xk2mthzp]:hover{color:var(--color-neutral-300)}.tab-buttons-mobile[data-astro-cid-xk2mthzp] button[data-astro-cid-xk2mthzp][data-active=true]{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.dark .tab-buttons-mobile[data-astro-cid-xk2mthzp] button[data-astro-cid-xk2mthzp][data-active=true]{background:var(--color-neutral-600)}.editor-pane[data-astro-cid-xk2mthzp],.preview-pane[data-astro-cid-xk2mthzp]{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden}.pane-header[data-astro-cid-xk2mthzp]{display:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-neutral-400);border-bottom:1px solid var(--color-neutral-300);flex-shrink:0}.dark .pane-header[data-astro-cid-xk2mthzp]{border-bottom-color:var(--color-neutral-700)}@media(min-width:1024px){.pane-header[data-astro-cid-xk2mthzp]{display:flex}}.pane-body[data-astro-cid-xk2mthzp]{flex:1;overflow:auto;position:relative;min-height:0}#codemirror-host[data-astro-cid-xk2mthzp]{width:100%;height:100%;position:relative}#codemirror-host[data-astro-cid-xk2mthzp] .cm-editor[data-astro-cid-xk2mthzp]{height:100%}.dark #codemirror-host[data-astro-cid-xk2mthzp] .cm-editor[data-astro-cid-xk2mthzp]{background-color:transparent}.dark #codemirror-host[data-astro-cid-xk2mthzp] .cm-editor[data-astro-cid-xk2mthzp] .cm-content[data-astro-cid-xk2mthzp]{caret-color:var(--color-primary-400)}.dark #codemirror-host[data-astro-cid-xk2mthzp] .cm-editor[data-astro-cid-xk2mthzp] .cm-cursor[data-astro-cid-xk2mthzp]{border-left-color:var(--color-primary-400)}.dark #codemirror-host[data-astro-cid-xk2mthzp] .cm-editor[data-astro-cid-xk2mthzp] .cm-activeLine[data-astro-cid-xk2mthzp]{background-color:color-mix(in srgb,var(--color-primary-400) 6%,transparent)}#preview-host[data-astro-cid-xk2mthzp]{display:block;width:100%;height:100%;overflow:hidden}.pane-actions[data-astro-cid-xk2mthzp]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-top:1px solid var(--color-neutral-300);flex-shrink:0}.dark .pane-actions[data-astro-cid-xk2mthzp]{border-top-color:var(--color-neutral-700)}.settings-dropdown[data-astro-cid-xk2mthzp]{position:relative}.settings-panel[data-astro-cid-xk2mthzp]{display:none;position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;padding:.5rem;background:var(--color-neutral-50);border:1px solid var(--color-neutral-300);border-radius:.75rem;box-shadow:0 8px 24px #0000001f;z-index:100;flex-direction:column;gap:.25rem}.dark .settings-panel[data-astro-cid-xk2mthzp]{background:var(--color-neutral-800);border-color:var(--color-neutral-700);box-shadow:0 8px 24px #0006}.settings-panel[data-astro-cid-xk2mthzp].open{display:flex}.settings-item[data-astro-cid-xk2mthzp]{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:.5rem;transition:background .15s;cursor:pointer}.settings-item[data-astro-cid-xk2mthzp]:hover{background:var(--color-neutral-100)}.dark .settings-item[data-astro-cid-xk2mthzp]:hover{background:var(--color-neutral-700)}.toggle-switch[data-astro-cid-xk2mthzp]{position:relative;width:36px;height:20px;flex-shrink:0}.toggle-switch[data-astro-cid-xk2mthzp] input[data-astro-cid-xk2mthzp]{opacity:0;width:0;height:0}.toggle-slider[data-astro-cid-xk2mthzp]{position:absolute;cursor:pointer;inset:0;background:var(--color-neutral-300);border-radius:20px;transition:background .25s}.toggle-slider[data-astro-cid-xk2mthzp]:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .25s}.toggle-switch[data-astro-cid-xk2mthzp] input[data-astro-cid-xk2mthzp]:checked+.toggle-slider[data-astro-cid-xk2mthzp]{background:var(--color-primary)}.toggle-switch[data-astro-cid-xk2mthzp] input[data-astro-cid-xk2mthzp]:checked+.toggle-slider[data-astro-cid-xk2mthzp]:before{transform:translate(16px)}.empty-state[data-astro-cid-xk2mthzp]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s}.action-btn[data-astro-cid-xk2mthzp]{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:.625rem;transition:all .15s;cursor:pointer;border:none;white-space:nowrap}.action-btn[data-astro-cid-xk2mthzp]:active{transform:scale(.95)}.action-btn-primary[data-astro-cid-xk2mthzp]{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent)}.action-btn-primary[data-astro-cid-xk2mthzp]:hover{background:var(--color-primary-hover)}.action-btn-secondary[data-astro-cid-xk2mthzp]{background:var(--color-neutral-100);color:var(--color-neutral-600)}.dark .action-btn-secondary[data-astro-cid-xk2mthzp]{background:var(--color-neutral-800);color:var(--color-neutral-400)}.action-btn-secondary[data-astro-cid-xk2mthzp]:hover{background:var(--color-neutral-300)}.dark .action-btn-secondary[data-astro-cid-xk2mthzp]:hover{background:var(--color-neutral-700)}.action-btn-ghost[data-astro-cid-xk2mthzp]{background:transparent;color:var(--color-neutral-500);padding:.375rem}.action-btn-ghost[data-astro-cid-xk2mthzp]:hover{background:var(--color-neutral-100)}.dark .action-btn-ghost[data-astro-cid-xk2mthzp]:hover{background:var(--color-neutral-800)}}