body:has(.bb-html-lab){overflow:hidden!important}:is(body:has(.bb-html-lab)>.site-header,body:has(.bb-html-lab)>.site-footer,body:has(.bb-html-lab)>.bb-shared-world){display:none!important}.bb-html-lab{z-index:10000;color:#dbf4f3;box-sizing:border-box;background:#081c29;flex-direction:column;gap:14px;height:100dvh;padding:20px 24px;font-family:inherit;display:flex;position:fixed;inset:0}.bb-html-lab *{box-sizing:border-box}.lab-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-title{align-items:center;gap:12px;display:flex}.lab-title>span{background:#153d48;border:1px solid #36747b;border-radius:16px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.lab-title h1{margin:0;font-size:22px}.lab-title small{color:#9cbbc6;font-size:12px}.lab-back{color:#a5eee4;border:1px solid #315963;border-radius:12px;padding:10px 14px;font-size:13px;text-decoration:none}.lab-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bb-html-lab button{font:inherit;cursor:pointer;color:#d8f5f2;background:#12323f;border:1px solid #345660;border-radius:10px;padding:10px 16px;font-size:13px}.bb-html-lab button:hover{background:#1c4854}.bb-html-lab .lab-run{background:#267e7d;border-color:#56b6ad;min-width:100px;font-weight:700}.bb-html-lab button:disabled{opacity:.5;cursor:wait}.bb-html-lab :focus-visible{outline-offset:3px;outline:2px solid #7aeee0}.lab-toolbar>span{color:#99b8c5;margin-inline-start:auto;font-size:12px}.lab-workspace{direction:ltr;flex:1;grid-template-columns:1fr 1fr;gap:14px;min-height:0;display:grid}.lab-editor,.lab-preview{background:#061722;border:1px solid #31515e;border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.lab-panel-title{color:#a8cbd3;direction:rtl;background:#102d3b;justify-content:space-between;padding:12px 16px;font-size:12px;display:flex}.lab-dot{color:#67d9b6}.lab-editor textarea{resize:none;color:#d6f3e8;text-align:left;tab-size:2;white-space:pre;direction:ltr;background:#061722;border:0;border-radius:0;flex:1;width:100%;min-height:0;padding:20px;font:15px/1.9 Consolas,monospace;overflow:auto}.lab-preview iframe{background:#fff;border:0;flex:1;width:100%;min-height:0}.lab-foot{color:#91afbe;text-align:center;font-size:11px}.lab-tabs{display:none}@media (max-width:700px){.bb-html-lab{padding:12px 10px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:10px}.lab-title h1{font-size:17px}.lab-title small{display:none}.lab-title>span{width:37px;height:37px;font-size:21px}.lab-back{padding:8px;font-size:11px}.lab-toolbar{gap:6px}.bb-html-lab button{padding:9px 12px;font-size:12px}.lab-toolbar>span{flex-basis:100%;font-size:10px}.lab-tabs{gap:6px;display:flex}.lab-tabs button{flex:1}.lab-tabs button[aria-pressed=true]{background:#24565e;border-color:#69bcb1}.lab-workspace{display:flex}.lab-editor,.lab-preview{width:100%}.lab-workspace[data-tab=code] .lab-preview,.lab-workspace[data-tab=preview] .lab-editor{display:none}.lab-editor textarea{padding:12px;font-size:16px}.lab-foot{font-size:10px;line-height:1.7}}.lab-editor textarea{scrollbar-width:thin;scrollbar-color:#46b9b2 #102630}.lab-editor textarea::-webkit-scrollbar{width:12px;height:12px}.lab-editor textarea::-webkit-scrollbar-track{background:#102630;border-inline-start:1px solid #23414a;border-radius:10px}.lab-editor textarea::-webkit-scrollbar-thumb{background:linear-gradient(#6bd9cc,#258d94);border:3px solid #102630;border-radius:999px}.lab-editor textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(#91eee0,#38afa9)}.lab-editor textarea::-webkit-scrollbar-corner{background:#102630}.lab-picker{justify-content:center;align-items:center;overflow:auto}.lab-language-grid{grid-template-columns:repeat(2,minmax(0,240px));gap:16px;display:grid}.lab-language-grid button{flex-direction:column;gap:12px;padding:30px;display:flex}.lab-language-grid strong{font-size:24px}.lab-picker p{text-align:center;color:#99c7cf}@media (max-width:500px){.lab-language-grid{gap:8px;width:100%}.lab-language-grid button{padding:24px 12px}}.lab-css-tabs{direction:rtl;gap:8px;padding:8px;display:flex}.lab-css-tabs button[aria-pressed=true]{background:#24565e;border-color:#65d5c8}