.developer-code-lab-module__XaOkoq__lab{border-bottom:1px solid var(--line);width:min(1240px,100% - 48px);margin:0 auto;padding:94px 0 110px}.developer-code-lab-module__XaOkoq__labHeader{grid-template-columns:120px 1fr minmax(250px,.55fr);align-items:end;gap:28px;margin-bottom:48px;display:grid}.developer-code-lab-module__XaOkoq__labHeader>span,.developer-code-lab-module__XaOkoq__paneLabel,.developer-code-lab-module__XaOkoq__readOnly span{color:var(--dim);font:400 .68rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.developer-code-lab-module__XaOkoq__labHeader h2{font:400 clamp(2.6rem,5vw,4.7rem)/.98 var(--font-serif);letter-spacing:-.035em}.developer-code-lab-module__XaOkoq__labHeader p{color:var(--muted);line-height:1.65}.developer-code-lab-module__XaOkoq__shell{border:1px solid var(--line-strong);background:var(--surface)}.developer-code-lab-module__XaOkoq__tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.developer-code-lab-module__XaOkoq__tabs button{min-height:58px;color:var(--muted);cursor:pointer;background:#050505;border:0;font-size:.75rem}.developer-code-lab-module__XaOkoq__tabs button+button{border-left:1px solid var(--line)}.developer-code-lab-module__XaOkoq__tabs button[aria-selected=true]{color:#050505;background:#f4f4f4;font-weight:650}.developer-code-lab-module__XaOkoq__workspace{grid-template-columns:.72fr 1.14fr 1.14fr;min-height:560px;display:grid}.developer-code-lab-module__XaOkoq__controls,.developer-code-lab-module__XaOkoq__codePane,.developer-code-lab-module__XaOkoq__outputPane{min-width:0}.developer-code-lab-module__XaOkoq__controls{border-right:1px solid var(--line);flex-direction:column;gap:20px;padding:26px;display:flex}.developer-code-lab-module__XaOkoq__controls label{color:var(--dim);font:.66rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase;gap:9px;display:grid}.developer-code-lab-module__XaOkoq__controls input,.developer-code-lab-module__XaOkoq__controls textarea{border:1px solid var(--line);color:#eee;width:100%;font:400 .72rem/1.5 var(--font-mono);text-transform:none;letter-spacing:0;background:#000;padding:12px}.developer-code-lab-module__XaOkoq__controls textarea{resize:vertical}.developer-code-lab-module__XaOkoq__inputPair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.developer-code-lab-module__XaOkoq__runButton{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;padding:0 16px;font-size:.78rem;font-weight:650;display:flex}.developer-code-lab-module__XaOkoq__runButton:disabled{opacity:.5;cursor:wait}.developer-code-lab-module__XaOkoq__readOnly{padding-top:4px}.developer-code-lab-module__XaOkoq__readOnly strong{font:400 1.7rem var(--font-serif);margin-top:18px;display:block}.developer-code-lab-module__XaOkoq__readOnly p{color:var(--muted);margin-top:16px;font-size:.82rem;line-height:1.6}.developer-code-lab-module__XaOkoq__codePane{border-right:1px solid var(--line)}.developer-code-lab-module__XaOkoq__paneLabel{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:45px;padding:0 18px;display:flex}.developer-code-lab-module__XaOkoq__codePane pre,.developer-code-lab-module__XaOkoq__outputPane pre{white-space:pre-wrap;word-break:break-word;height:515px;padding:24px;overflow:auto}.developer-code-lab-module__XaOkoq__codePane code,.developer-code-lab-module__XaOkoq__outputPane code{color:#cfcfcf;font:400 .72rem/1.7 var(--font-mono)}.developer-code-lab-module__XaOkoq__outputPane code{color:#eee}.developer-code-lab-module__XaOkoq__outputPane .developer-code-lab-module__XaOkoq__error{color:#ffaaa2}@media (max-width:1000px){.developer-code-lab-module__XaOkoq__labHeader{grid-template-columns:90px 1fr}.developer-code-lab-module__XaOkoq__labHeader p{grid-column:2}.developer-code-lab-module__XaOkoq__workspace{grid-template-columns:.75fr 1.25fr}.developer-code-lab-module__XaOkoq__outputPane{border-top:1px solid var(--line);grid-column:1/-1}.developer-code-lab-module__XaOkoq__outputPane pre{height:300px}}@media (max-width:680px){.developer-code-lab-module__XaOkoq__lab{width:calc(100% - 36px);padding:66px 0 76px}.developer-code-lab-module__XaOkoq__labHeader{grid-template-columns:1fr;gap:12px}.developer-code-lab-module__XaOkoq__labHeader p{grid-column:auto}.developer-code-lab-module__XaOkoq__tabs{grid-template-columns:1fr 1fr}.developer-code-lab-module__XaOkoq__tabs button:nth-child(3){border-left:0;border-top:1px solid var(--line)}.developer-code-lab-module__XaOkoq__tabs button:nth-child(4){border-top:1px solid var(--line)}.developer-code-lab-module__XaOkoq__workspace{grid-template-columns:1fr}.developer-code-lab-module__XaOkoq__controls,.developer-code-lab-module__XaOkoq__codePane{border-right:0;border-bottom:1px solid var(--line)}.developer-code-lab-module__XaOkoq__codePane pre,.developer-code-lab-module__XaOkoq__outputPane pre{height:auto;min-height:260px;max-height:420px}.developer-code-lab-module__XaOkoq__inputPair{grid-template-columns:1fr}}