:root{--page-bg: #f7f7f9;--border-color: #e7e7e9}#root{height:100%}body,html{font-family:Inter,sans-serif;margin:0;padding:0;background-color:var(--page-bg);height:100%;overflow:hidden}.small-screens{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;background-color:#fff;z-index:2000;padding:16px}.small-screens .small-screens-content{width:100%;max-width:400px;background-color:#fff;text-align:center;line-height:1.2}.small-screens .small-screens-content h3{font-size:16px;font-weight:600;color:#000;margin-top:0;margin-bottom:16px}.small-screens .small-screens-content p{font-size:14px;color:#000;margin-top:0;margin-bottom:16px}.small-screens .small-screens-content svg{display:block;max-width:100%;height:auto;margin-bottom:24px}@media(max-width:1023px){.app-container{display:none}.small-screens{display:flex}}.components-list .ant-collapse-item{margin-bottom:8px}.components-list .ant-collapse-item .ant-collapse-header,.components-list .ant-collapse-item .ant-collapse-panel .ant-collapse-body{padding:0 0 8px}.panel-container{width:100%;height:100%}.panel{display:flex;flex-direction:column;min-height:0;background-color:#fff;width:360px;height:100%;border-left:1px solid var(--border-color)}.panel .ant-tabs-nav{margin:0;position:relative;background:#fff}.panel .ant-tabs{flex:1;min-height:0}.panel .ant-tabs-content-holder{flex:1;min-height:0;overflow-y:auto}.panel .ant-tabs-content{min-height:100%;padding:16px}.sub-panel{width:360px;height:100%;background-color:#fff;border-left:1px solid var(--border-color);overflow-y:auto}.color-content-collapse{margin-top:8px}.color-content-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body{padding:0 0 8px}.color-content-collapse .ant-collapse-item .ant-collapse-header{padding:0 0 8px;font-size:12px;align-items:center}.code-output{--code-bg: #eeeeee;--code-fg: #090909;padding:0;border-radius:8px;overflow:hidden}.code-output__switcher{margin-top:8px;margin-bottom:16px}.code-output__pre{margin:0;padding:16px 20px;overflow:auto;max-height:400px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:13px;line-height:1.6;tab-size:2;white-space:pre;color:var(--code-fg);background:var(--code-bg);border:1px solid var(--border-color)}.code-output__code{display:block;outline:none}.code-output__tabs .ant-tabs-nav{margin:0}.button-box{text-align:center;border:1px solid #f0f0f0;border-radius:12px;padding:1px;cursor:pointer;transition:border-color .3s ease}.button-box:hover{border-color:var(--ant-color-primary)}.button-box img{display:block;width:100%;height:auto;min-width:50px;min-height:20px;border-radius:11px;overflow:hidden}