.previewer-ui{box-sizing:border-box;background:#fff;border:0;border-radius:18px;flex-direction:column;width:100%;min-width:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b833}.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--light-surface .previewer-ui__body{background:#f8fafc}.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__findbar{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #94a3b833;align-items:center;gap:8px;margin:-4px -4px 12px;padding:8px;display:flex;position:sticky;top:0}.previewer-ui__findbar .ant-input-affix-wrapper{flex:auto;min-width:0}.previewer-ui__action-button{justify-content:center;align-items:center;width:28px;min-width:28px;padding-inline:0;display:inline-flex}.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-inline:0;border-radius:0;height:auto;position:fixed;inset:0;box-shadow:0 24px 64px #0f172a47,0 12px 28px #0f172a29}.previewer-ui--expanded .previewer-ui__header{z-index:4;position:sticky;top:0}.previewer-ui--expanded .previewer-ui__body{height:calc(100vh - 53px)!important}.previewer-ui--expanded.previewer-ui--light-surface{background:#f8fafc}.previewer-ui--expanded.previewer-ui--light-surface .previewer-ui__header{background:linear-gradient(#f8fafcfa 0%,#f1f5f9fa 100%)}.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{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#165dff14;border-radius:999px;padding:1px 6px}.previewer-ui__markdown pre code{white-space:pre;background:0 0;padding:0;display:block}.previewer-ui__markdown pre{color:#dbe7ff;background:linear-gradient(#0f172a 0%,#111f39 100%);border-radius:14px;max-width:100%;margin:0;padding:14px;overflow:auto}.previewer-ui__editor{box-sizing:border-box;background:#1e1e1e;border:0;border-radius:0;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a73}.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{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:12px 0;overflow:auto}.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}@media (width<=720px){.previewer-ui__header{flex-direction:column;align-items:flex-start}.previewer-ui__toolbar{flex-wrap:wrap;justify-content:flex-end;width:100%}.previewer-ui__findbar{flex-wrap:wrap}.previewer-ui__findbar .ant-btn{flex:calc(50% - 4px)}}