.HtmlCssJsPlayground_container__qgwjM{display:flex;flex-direction:column;height:600px;border:1px solid #313244;border-radius:12px;overflow:hidden;background:#1e1e2e;box-shadow:0 4px 24px rgba(0,0,0,.18)}.HtmlCssJsPlayground_toolbar__k_F_8{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#181825;border-bottom:1px solid #313244;flex-shrink:0}.HtmlCssJsPlayground_tabs__uHi_h{display:flex;gap:4px}.HtmlCssJsPlayground_tab__B1kDC{padding:5px 14px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;border:none;background:transparent;color:#6c7086;transition:background .12s,color .12s;letter-spacing:.04em}.HtmlCssJsPlayground_tab__B1kDC:hover{background:#313244;color:#cdd6f4}.HtmlCssJsPlayground_tabHtmlActive__b24yL{background:#f38ba820!important;color:#f38ba8!important}.HtmlCssJsPlayground_tabCssActive__V2qAa{background:#89b4fa20!important;color:#89b4fa!important}.HtmlCssJsPlayground_tabJsActive__Q1ba7{background:#f9e2af20!important;color:#f9e2af!important}.HtmlCssJsPlayground_toolbarRight__qvYt5{display:flex;align-items:center;gap:8px}.HtmlCssJsPlayground_copyBtn__lNSJm{padding:5px 12px;background:#313244;color:#cdd6f4;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .12s}.HtmlCssJsPlayground_copyBtn__lNSJm:hover{background:#45475a}.HtmlCssJsPlayground_runBtn__ErYp1{padding:5px 14px;background:#a6e3a1;color:#1e1e2e;border:none;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .12s}.HtmlCssJsPlayground_runBtn__ErYp1:hover{background:#94d49a}.HtmlCssJsPlayground_main__TYNSQ{display:flex;flex:1 1;overflow:hidden}.HtmlCssJsPlayground_editorPane__jM5vo{width:45%;display:flex;flex-direction:column;border-right:1px solid #313244;min-width:0}.HtmlCssJsPlayground_editorLabel__AnY1U{padding:5px 12px;font-size:.7rem;font-weight:700;color:#45475a;letter-spacing:.08em;background:#181825;border-bottom:1px solid #313244;flex-shrink:0}.HtmlCssJsPlayground_editor__wdcEK{flex:1 1;background:#1e1e2e;color:#cdd6f4;font-family:Menlo,Monaco,Cascadia Code,Courier New,monospace;font-size:.82rem;line-height:1.65;padding:14px 16px;border:none;outline:none;resize:none;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto;caret-color:#cba6f7}.HtmlCssJsPlayground_editor__wdcEK::selection{background:#45475a}.HtmlCssJsPlayground_previewPane__g6QR5{flex:1 1;display:flex;flex-direction:column;min-width:0;background:#fff}.HtmlCssJsPlayground_previewLabel__94vfZ{padding:5px 12px;font-size:.7rem;font-weight:700;color:#45475a;letter-spacing:.08em;background:#181825;border-bottom:1px solid #313244;flex-shrink:0}.HtmlCssJsPlayground_iframe__psC8f{flex:1 1;border:none;width:100%;background:#fff}@media (max-width:768px){.HtmlCssJsPlayground_container__qgwjM{height:auto}.HtmlCssJsPlayground_main__TYNSQ{flex-direction:column}.HtmlCssJsPlayground_editorPane__jM5vo{width:100%;height:260px;border-right:none;border-bottom:1px solid #313244}.HtmlCssJsPlayground_previewPane__g6QR5{height:300px}}