.preview_container__1t4j_{border:1px solid var(--gray3);border-radius:8px;margin-top:16px;margin-bottom:24px;overflow:hidden}.preview_tabBar__xNlgn{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--gray3);height:44px;gap:16px}.preview_tab__yA5eD{background:none;border:none;padding:0;font-size:14px;font-family:var(--font-sans);color:var(--gray9);cursor:pointer;position:relative;height:100%;display:flex;align-items:center;transition:color .2s}.preview_tab__yA5eD:hover,.preview_tab__yA5eD[data-active=true]{color:var(--gray12)}.preview_tab__yA5eD[data-active=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gray12)}.preview_copyButton__5BJSv{margin-left:auto;background:none;border:none;font-size:13px;font-family:var(--font-sans);color:var(--gray9);cursor:pointer;padding:4px 0;transition:color .2s}.preview_copyButton__5BJSv:hover{color:var(--gray12)}.preview_previewArea__EzUP1{display:flex;align-items:center;justify-content:center;height:240px;padding:24px;gap:8px;flex-wrap:wrap;background:var(--gray1)}.preview_codeArea__LnNiH{height:240px;overflow-y:auto}.preview_code__DWyze{padding:16px;margin:0;min-height:100%;background:linear-gradient(to top,var(--gray2),var(--gray1) 16px);line-height:17px;white-space:pre-wrap;font-size:12px;font-family:var(--font-mono)}@media (min-width:1024px){.preview_codeArea__LnNiH,.preview_previewArea__EzUP1{height:300px}}