main{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:1.25rem}.editor{background:#11111b;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000080;width:min(1200px,100%);max-height:75vh;display:flex;flex-direction:column}.tabs{display:flex;background:#181825;border-bottom:1px solid #313244;padding:0 .5rem;overflow-x:auto;gap:0;flex-shrink:0}.tab{padding:.75rem 1rem;font-size:.85rem;color:#6c7086;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;border-radius:0}.tab:hover{color:#9399b2;background:#ffffff05}.tab.active{color:#cdd6f4;border-bottom-color:#89b4fa;background:#89b4fa0d}.tab-github{margin-left:auto;text-decoration:none;display:flex;align-items:center}.code-container{display:block;overflow:auto;flex:1;min-height:0}.line-numbers{display:none}.code{margin:0;padding:1.25rem 1.5rem;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;color:#cdd6f4;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.source-status{padding:2rem;color:#6c7086;text-align:center;width:100%;font-size:.9rem}.source-error{color:#f38ba8}.source-gh{display:inline-flex;align-self:center;color:#6c7086;text-decoration:none;transition:color .2s;padding:.5rem}.source-gh:hover{color:#cdd6f4}.source-gh svg{display:block}@media(max-width:640px){main{padding:1rem .5rem;gap:1rem}.editor{max-height:80vh;border-radius:8px}.tab{padding:.6rem .75rem;font-size:.8rem}.code{font-size:.78rem;padding:.85rem 1rem;line-height:1.55}}html[data-theme=light] .editor{background:#1e1e2e;box-shadow:0 10px 40px #00000026}html[data-theme=light] .tabs{background:#181825;border-bottom-color:#313244}html[data-theme=light] .tab{color:#6c7086}html[data-theme=light] .tab:hover{color:#9399b2;background:#ffffff05}html[data-theme=light] .tab.active{color:#cdd6f4;border-bottom-color:#1e66f5;background:#1e66f514}html[data-theme=light] .code{color:#cdd6f4}html[data-theme=light] .source-gh{color:#9ca0b0}html[data-theme=light] .source-gh:hover{color:#4c4f69}html[data-theme=frappe] .editor{background:#232634;box-shadow:0 10px 40px #0006}html[data-theme=frappe] .tabs{background:#292c3c;border-bottom-color:#414559}html[data-theme=frappe] .tab{color:#838ba7}html[data-theme=frappe] .tab:hover{color:#a5adce;background:#ffffff05}html[data-theme=frappe] .tab.active{color:#c6d0f5;border-bottom-color:#8caaee;background:#8caaee0d}html[data-theme=frappe] .code{color:#c6d0f5}html[data-theme=frappe] .source-gh{color:#838ba7}html[data-theme=frappe] .source-gh:hover{color:#c6d0f5}