.code-playground-modal .ant-modal-content{height:95vh;display:flex;flex-direction:column}.code-playground-modal .ant-modal-body{flex:1;overflow:hidden;padding:0}.code-playground{display:flex;flex-direction:column;height:80vh;max-height:62.5rem;background-color:#0a1929;border-radius:8px;overflow:hidden}.code-playground__toolbar{padding:16px 24px;background-color:#1a2942;border-bottom:.125rem solid #ffc107;display:flex;justify-content:space-between;align-items:center}.code-playground__run-button{background-color:#10b981!important;border-color:#10b981!important;color:#fff!important}.code-playground__run-button:hover{background-color:#059669!important;border-color:#059669!important}.code-playground__shortcut-hint{margin-left:.5rem;opacity:.7;font-size:.75rem}.code-playground__reset-button{background-color:#faf5ed!important;border-color:#2d3f5f!important;color:#0a1929!important}.code-playground__reset-button:hover{background-color:#fffbf5!important;border-color:#ffc107!important}.code-playground__content{flex:1;display:flex;overflow:hidden}@media(max-width:991px){.code-playground__content{flex-direction:column}}.code-playground__editor-panel{flex:0 0 60%;background-color:#1e1e1e;overflow:hidden}@media(max-width:991px){.code-playground__editor-panel{flex:0 0 50%}}.code-playground__console-panel{flex:0 0 40%;background-color:#1a2942;border-left:.125rem solid #2d3f5f;display:flex;flex-direction:column}@media(max-width:991px){.code-playground__console-panel{flex:0 0 50%;border-left:none;border-top:.125rem solid #2d3f5f}}.playground-editor{height:100%;width:100%}.playground-console{display:flex;flex-direction:column;height:100%}.playground-console__header{padding:16px 24px;background-color:#0a1929;border-bottom:.0625rem solid #2d3f5f;display:flex;justify-content:space-between;align-items:center}.playground-console__title{color:#ffc107;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.03125rem}.playground-console__clear-button{color:#9ca3af!important}.playground-console__clear-button:hover{color:#fff!important;background-color:#2d3f5f!important}.playground-console__content{flex:1;overflow-y:auto;padding:16px;font-family:Courier New,Courier,SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.8125rem;line-height:1.6}.playground-console__content::-webkit-scrollbar{width:8px;height:8px}.playground-console__content::-webkit-scrollbar-track{background:#2d3f5f;border-radius:9999px}.playground-console__content::-webkit-scrollbar-thumb{background:#ffc107;border-radius:9999px}.playground-console__content::-webkit-scrollbar-thumb:hover{background:#f9a825}.playground-console__empty{margin-top:48px}.playground-console__empty .ant-empty-description{color:#6b7280}.playground-console__log{display:flex;gap:8px;padding:8px 12px;margin-bottom:8px;border-radius:4px;border-left:.1875rem solid rgba(0,0,0,0)}.playground-console__log--log{background-color:hsla(0,0%,100%,.05);border-left-color:#6b7280;color:#fff}.playground-console__log--error{background-color:rgba(255,77,109,.1);border-left-color:#ff4d6d;color:#ff6b6b}.playground-console__log--warn{background-color:rgba(255,193,7,.1);border-left-color:#ffc107;color:#ffc107}.playground-console__log--info{background-color:rgba(59,130,246,.1);border-left-color:#3b82f6;color:#60a5fa}.playground-console__log-type{flex-shrink:0;font-size:.875rem}.playground-console__log-message{flex:1;word-break:break-word;white-space:pre-wrap}.code-block__card{background-color:#1a2942;border:.0625rem solid #ffc107}.code-block__header{position:sticky;top:6.5rem;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;border-bottom:.0625rem solid #2d3f5f;border-radius:8px;background-color:#1a2942;backdrop-filter:blur(.625rem)}.code-block__language{color:#ffc107;text-transform:uppercase;font-weight:600;font-size:.75rem;letter-spacing:.0625rem}.code-block__chatgpt-button{color:#3b82f6!important;border:.0625rem solid #3b82f6;padding:8px 16px;height:auto}.code-block__chatgpt-button:hover{background-color:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.code-block__playground-button{color:#10b981!important;border:.0625rem solid #10b981;padding:8px 16px;height:auto}.code-block__playground-button:hover{background-color:#10b981!important;color:#fff!important;border-color:#10b981!important}.code-block__copy-button{background-color:#ffc107;color:#0a1929;border:none;padding:8px 16px;height:auto}.code-block__copy-button:hover{background-color:rgb(211,158.25,0)}.code-block__copy-button--copied{background-color:#10b981;color:#fff}.code-block__editor{background-color:#1a1f2e;border-radius:0 0 8px 8px;overflow:hidden}