.previewer-ui{background:#fff;border:1px solid #94a3b833;border-radius:18px;flex-direction:column;width:100%;min-width:0;display:flex;position:relative;overflow:hidden}.previewer-ui__header{background:linear-gradient(#f8fafcf2 0%,#f1f5f9f2 100%);border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.previewer-ui__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.previewer-ui__title{margin:0;font-size:14px;font-weight:700}.previewer-ui__description{color:#475569db;font-size:12px}.previewer-ui__body{min-height:0;padding:16px;position:relative}.previewer-ui__scroll{overflow:auto}.previewer-ui__text,.previewer-ui__markdown,.previewer-ui__empty{color:#182230;white-space:pre-wrap;word-break:break-word;line-height:1.7}.previewer-ui__pre{color:#dbe7ff;background:linear-gradient(#0f172a 0%,#111f39 100%);margin:0;padding:16px;font-size:13px;line-height:1.65;overflow:auto}.previewer-ui__image{object-fit:contain;background:#f8fafc;border-radius:12px;width:100%;max-width:100%;display:block}.previewer-ui__toolbar{align-items:center;gap:8px;display:inline-flex}.previewer-ui__floating-toolbar{z-index:2;justify-content:flex-end;gap:8px;margin:-4px -4px 12px;padding:4px;display:flex;position:sticky;top:0}.previewer-ui--headerless{background:0 0;border-color:#0000;border-radius:0}.previewer-ui--headerless .previewer-ui__body{padding:0}.previewer-ui--expanded{z-index:1200;border-radius:20px;height:auto;position:fixed;inset:16px;box-shadow:0 24px 64px #0f172a47,0 12px 28px #0f172a29}.previewer-ui--expanded .previewer-ui__body{height:calc(100vh - 85px)!important}.previewer-ui__language-select{min-width:108px}.previewer-ui__markdown h1,.previewer-ui__markdown h2,.previewer-ui__markdown h3{margin-top:0}.previewer-ui__markdown code{background:#165dff14;border-radius:999px;padding:1px 6px}.previewer-ui__markdown pre code{background:0 0;padding:0;display:block}.previewer-ui__markdown pre{color:#dbe7ff;background:linear-gradient(#0f172a 0%,#111f39 100%);border-radius:14px;margin:0;padding:14px;overflow:auto}.previewer-ui__editor{background:#1e1e1e;border:1px solid #0f172a73;border-radius:0;width:100%;overflow:hidden}.previewer-ui__editor-bar{background:#252526;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 14px;display:flex}.previewer-ui__editor-dots{gap:6px;display:inline-flex}.previewer-ui__editor-dots span{border-radius:999px;width:10px;height:10px}.previewer-ui__editor-dots span:first-child{background:#ff5f56}.previewer-ui__editor-dots span:nth-child(2){background:#ffbd2e}.previewer-ui__editor-dots span:nth-child(3){background:#27c93f}.previewer-ui__editor-tab{color:#ffffffb8;letter-spacing:.08em;font-size:12px}.previewer-ui__editor-body{padding:12px 0}.previewer-ui--headerless .previewer-ui__editor{border-width:0;border-radius:0}.previewer-ui__line{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:0;min-height:24px;display:grid}.previewer-ui__line--diff-added{background:#2ea0431f}.previewer-ui__line--diff-removed{background:#f851491f}.previewer-ui__line--diff-hunk{background:#388bfd1f}.previewer-ui__line-number{color:#6e7681;text-align:right;-webkit-user-select:none;user-select:none;padding:0 12px 0 16px;font-size:12px;line-height:24px}.previewer-ui__line-code{overflow-wrap:anywhere;color:#d4d4d4;white-space:pre-wrap;padding:0 16px;font-size:13px;line-height:24px}.previewer-ui__token--keyword{color:#569cd6}.previewer-ui__token--string{color:#ce9178}.previewer-ui__token--number{color:#b5cea8}.previewer-ui__token--boolean,.previewer-ui__token--null{color:#569cd6}.previewer-ui__token--property{color:#9cdcfe}.previewer-ui__token--comment{color:#6a9955}.previewer-ui__token--operator,.previewer-ui__token--punctuation{color:#d4d4d4}.previewer-ui__token--tag{color:#569cd6}.previewer-ui__token--attribute{color:#9cdcfe}.previewer-ui__token--selector{color:#d7ba7d}.previewer-ui__token--command{color:#4fc1ff}.previewer-ui__token--path{color:#ce9178}.previewer-ui__token--option{color:#c586c0}