.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:var(--color-navy-dark);border-radius:8px;overflow:hidden}.code-playground__toolbar{padding:16px 24px;background-color:var(--color-navy-medium);border-bottom:.125rem solid var(--color-yellow-primary);display:flex;justify-content:space-between;align-items:center}@media(max-width:767px){.code-playground__toolbar{padding:8px 12px}}.code-playground__buttons{width:100%}@media(min-width:768px){.code-playground__buttons{width:auto;flex-direction:row!important}}.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:var(--color-beige-card)!important;border-color:var(--color-navy-light)!important;color:var(--color-navy-dark)!important}.code-playground__reset-button:hover{background-color:var(--color-beige-light)!important;border-color:var(--color-yellow-primary)!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:var(--color-navy-medium);border-left:.125rem solid var(--color-navy-light);display:flex;flex-direction:column}@media(max-width:991px){.code-playground__console-panel{flex:0 0 50%;border-left:none;border-top:.125rem solid var(--color-navy-light)}}.playground-editor{height:100%;width:100%}.playground-console{display:flex;flex-direction:column;height:100%}.playground-console__header{padding:16px 24px;background-color:var(--color-navy-dark);border-bottom:.0625rem solid var(--color-navy-light);display:flex;justify-content:space-between;align-items:center}.playground-console__title{color:var(--color-yellow-primary);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:var(--color-navy-light)!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:var(--color-navy-light);border-radius:9999px}.playground-console__content::-webkit-scrollbar-thumb{background:var(--color-yellow-primary);border-radius:9999px}.playground-console__content::-webkit-scrollbar-thumb:hover{background:var(--color-yellow-dark)}.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(var(--color-pink-accent),.1);border-left-color:var(--color-pink-accent);color:#ff6b6b}.playground-console__log--warn{background-color:rgba(var(--color-yellow-primary),.1);border-left-color:var(--color-yellow-primary);color:var(--color-yellow-primary)}.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:var(--color-navy-medium);border:.0625rem solid var(--color-yellow-primary)}.code-block__card .ant-card-body,.code-block__card.ant-card{padding:0!important}.code-block__header{position:sticky;z-index:30;background-color:var(--color-navy-medium);backdrop-filter:blur(.625rem);border-bottom:.0625rem solid var(--color-navy-light);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px 12px}@media(min-width:768px){.code-block__header{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 16px 12px}}.code-block__buttons{width:100%}@media(min-width:768px){.code-block__buttons{width:auto;flex-direction:row!important}}.code-block__language{color:var(--color-yellow-primary);text-transform:uppercase;font-weight:600;font-size:.625rem;letter-spacing:.03125rem}@media(min-width:576px){.code-block__language{font-size:.6875rem;letter-spacing:.05rem}}@media(min-width:768px){.code-block__language{font-size:.75rem;letter-spacing:.0625rem}}.code-block__editor{background-color:#1a1f2e;border-radius:0 0 8px 8px;overflow:hidden}