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,92%);min-width:0;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;min-width: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;-webkit-overflow-scrolling:touch;flex:1;min-height:0;min-width:0;max-width:100%}.line-numbers{display:none}.code{max-width:100%;margin:0;padding:1.25rem 1.5rem;font-size:.85rem;line-height:1.6;white-space:pre;color:#cdd6f4;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;box-sizing:border-box}.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 .75rem;gap:1rem}.editor{max-height:80vh;border-radius:8px;width:94%}.tab{padding:.55rem .65rem;font-size:.75rem}.code{font-size:.72rem;padding:.75rem .85rem;line-height:1.5}}@media(max-width:420px){main{padding:.85rem .6rem}.tab{padding:.5rem .55rem;font-size:.7rem}.code{font-size:.66rem;padding:.65rem .7rem}}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}