.panel[data-v-d6020280]{flex-direction:column;gap:0;display:flex}.switcher[data-v-d6020280]{border-bottom:1px solid var(--color-border-default);gap:2px;margin-bottom:0;display:flex}.switcher__btn[data-v-d6020280]{font-family:var(--font-ui);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:color .12s,border-color .12s}.switcher__btn[data-v-d6020280]:hover{color:var(--color-text-default)}.switcher__btn--active[data-v-d6020280]{color:var(--color-brand-default);border-bottom-color:var(--color-brand-default)}.switcher__btn[data-v-d6020280]:focus-visible{outline:2px solid var(--color-brand-default);outline-offset:2px}.preview-wrap[data-v-d6020280]{position:relative}.preview[data-v-d6020280]{font-family:var(--font-mono);color:var(--color-text-default);background:var(--color-bg-surface);border:1px solid var(--color-border-default);white-space:pre;tab-size:2;border-top:none;border-radius:0 0 6px 6px;max-height:320px;margin:0;padding:1rem;font-size:.8125rem;line-height:1.6;display:block;overflow-y:auto}.preview code[data-v-d6020280]{font-family:inherit}.copy-btn[data-v-d6020280]{font-family:var(--font-ui);color:var(--color-text-secondary);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);cursor:pointer;z-index:1;border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:color .12s,background-color .12s;position:absolute;top:.5rem;right:.5rem}.copy-btn[data-v-d6020280]:hover{color:var(--color-text-default);background:var(--color-bg-subtle)}.copy-btn--copied[data-v-d6020280]{color:var(--color-brand-default);border-color:var(--color-brand-default)}.copy-btn[data-v-d6020280]:focus-visible{outline:2px solid var(--color-brand-default);outline-offset:2px}.note[data-v-d6020280]{color:var(--color-text-muted);margin:.625rem 0 0;font-size:.8125rem}.note strong[data-v-d6020280]{color:var(--color-text-secondary);font-weight:600}