.lab-page{--lab-red:#c8102e;--lab-ink:#172034;color:var(--lab-ink);background:#f4f4f7;min-height:100vh}.lab-main{max-width:1600px;margin:auto;padding:150px 40px 50px}.lab-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px;display:flex}.lab-breadcrumb{color:#595c6a;gap:14px;margin-bottom:20px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.lab-breadcrumb span{color:#c8102e}.lab-intro h1{letter-spacing:-.055em;margin:0 0 16px;font-size:clamp(36px,4.5vw,66px);font-weight:800;line-height:1.15}.lab-intro p{color:#5a5f6e;max-width:550px;margin:0;font-size:18px;line-height:1.6}.lab-studio-tag{grid-template-columns:12px auto;gap:7px 12px;min-width:230px;padding-bottom:5px;display:grid}.lab-studio-tag>span{background:#c8102e;border-radius:100%;width:9px;height:9px;margin-top:7px;box-shadow:0 0 0 5px #c8102e0c}.lab-studio-tag strong{font-size:16px}.lab-studio-tag small{color:#636675;grid-column:2;font-size:13px}.lab-workspace{background:#fff;border:1px solid #dcdfe6;border-radius:22px;overflow:hidden;box-shadow:0 20px 65px -35px #17203455}.lab-workspace.is-full{z-index:1000;flex-direction:column;display:flex;position:fixed;inset:8px}.lab-workspace.is-full .lab-panels{flex:1;min-height:0}.lab-toolbar{background:linear-gradient(110deg,#fff,#f8f1f3);border-bottom:1px solid #e3e4ea;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 24px;display:flex}.lab-tool-title,.lab-actions{align-items:center;gap:14px;display:flex}.lab-tool-title>svg{color:#c8102e}.lab-tool-title strong{letter-spacing:-.025em;font-size:17px}.lab-saved{color:#626878;border-left:1px solid #d5d8e0;padding-left:14px;font-size:12px}.lab-page button{cursor:pointer;font-family:inherit}.lab-actions button{align-items:center;gap:9px;display:flex}.lab-page .lab-run,.lab-page .lab-stop{color:#fff;background:#c8102e;border:0;border-radius:11px;padding:12px 24px;font-size:15px;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 5px 15px #c8102e24}.lab-page .lab-run:hover{background:#a70a24;transform:translateY(-1px)}.lab-page .lab-stop{background:#172034}.lab-icon{color:inherit;background:0 0;border:0;border-radius:7px;place-items:center;padding:9px;display:grid}.lab-icon:hover{background:#b4b8c325}.lab-panels{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:560px;display:grid}.lab-code-panel{color:#c8cfdf;background:#1c2230;flex-direction:column;min-width:0;display:flex}.lab-filebar{background:#151b28;border-bottom:1px solid #343b48;align-items:center;min-height:48px;padding-right:10px;display:flex}.lab-files{scrollbar-width:thin;flex:1;min-width:0;display:flex;overflow:auto}.lab-files button{color:#b1b8c9;background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:8px;padding:15px 19px;font-size:13px;display:flex}.lab-files button[aria-pressed=true]{color:#fff;background:#212837;border-bottom-color:#ed4264}.lab-editor{flex:1;height:460px;min-height:390px;overflow:hidden}.lab-editor .cm-editor{background:#1c2230}.lab-editor .cm-activeLine{background:#ffffff06}.lab-editor-footer{border-top:1px solid #343b48;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:11px;display:flex}.lab-editor-footer>div{gap:12px;display:flex}.lab-editor-footer button{color:#d1d7e3;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:flex}.lab-output-panel{border-left:1px solid #dcdfe6;flex-direction:column;min-width:0;display:flex}.lab-output-heading{border-bottom:1px solid #e3e4ea;justify-content:space-between;align-items:center;min-height:48px;padding:15px 20px;font-size:13px;display:flex}.lab-output-heading>span{align-items:center;gap:9px;font-weight:700;display:flex}.lab-output-heading button{color:#646977;background:0 0;border:0;font-size:12px}.lab-result{flex-direction:column;flex:1;min-height:0;max-height:600px;display:flex;overflow:auto}.lab-empty{text-align:center;background:radial-gradient(at 50% 25%,#f6edef,#0000 65%);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:320px;padding:25px;display:flex}.lab-orbit{color:#c8102e;background:#fff9;border:1px solid #e8dce1;border-radius:26px;place-items:center;width:95px;height:95px;margin:0 0 25px;display:grid;transform:rotate(-8deg);box-shadow:8px 8px #f1e8ec}.lab-orbit svg{transform:rotate(8deg)}.lab-empty h2{letter-spacing:-.035em;margin:0 0 10px;font-size:24px;line-height:1.4}.lab-empty p{color:#6c7080;max-width:280px;margin:0;font-size:15px;line-height:1.7}.lab-console{white-space:pre-wrap;overflow-wrap:anywhere;color:#293247;min-height:80px;margin:0;padding:20px;font:14px/1.7 SFMono-Regular,Consolas,monospace}.lab-console:empty{display:none}.lab-runtime{background:#fff;border:0;flex-shrink:0;width:100%}.lab-runtime.graphics-runtime{height:440px}.lab-status{color:#5c6373;border-top:1px solid #e3e4ea;align-items:center;gap:9px;min-height:40px;padding:12px 18px;font-size:12px;display:flex}.lab-status>span{background:#87909c;border-radius:50%;flex-shrink:0;width:6px;height:6px}.lab-status>span.running{background:#c8102e;animation:1s ease-in-out infinite alternate lab-pulse}.lab-input{background:#fcfcfd;border-top:1px solid #e3e4ea;padding:14px 22px}.lab-input>button{color:#3e4556;text-align:left;background:0 0;border:0;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.lab-input button>span{color:#676d7d;font-size:12px;font-weight:400}.lab-input textarea{resize:vertical;border:1px solid #d9dce4;border-radius:8px;width:100%;min-height:80px;margin-top:12px;padding:12px;font:14px/1.6 monospace}.lab-mobile-tabs{display:none}.lab-examples{margin-top:48px}.lab-examples h2{letter-spacing:-.04em;margin:0 0 9px;font-size:28px;line-height:1.3}.lab-examples p{color:#646977;margin:0 0 24px;font-size:15px}.lab-example-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.lab-example-grid button{text-align:left;color:#172034;background:#fff;border:1px solid #dcdfe6;border-radius:15px;align-items:center;gap:15px;padding:18px 16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.lab-example-grid button:hover{border-color:#c8102e;transform:translateY(-3px);box-shadow:0 12px 25px -15px #a00b3140}.lab-example-grid strong{font-size:14px;line-height:1.4;display:block}.lab-example-grid small{color:#697083;margin-top:4px;font-size:12px;display:block}.lab-example-grid button>svg{color:#9a233f;flex-shrink:0;margin-left:auto}.lab-example-art{color:#b60b2b;background:#fbecf0;border-radius:9px;flex-shrink:0;place-items:center;width:44px;height:48px;font:24px monospace;display:grid}.lab-note{color:#666d7c;max-width:980px;margin:25px 0 0;font-size:12px;line-height:1.8}.lab-footer{color:#5c6474;border-top:1px solid #dde0e7;justify-content:space-between;align-items:center;gap:20px;max-width:1600px;margin:auto;padding:25px 40px;font-size:12px;display:flex}.lab-footer a{color:inherit;align-items:center;gap:8px;display:flex}.lab-asset-notice{min-height:460px;padding:35px;font-size:15px}.lab-asset-notice strong{margin-top:20px;display:block}:is(.lab-page button:focus-visible,.lab-page a:focus-visible){outline-offset:3px;outline:3px solid #d12b54}@keyframes lab-pulse{to{opacity:.3}}@media (min-width:1201px) and (max-width:1450px){.lab-page .nav nav{gap:14px}.lab-page .nav nav a{font-size:12px}}@media (max-width:1000px){.lab-main{padding:130px 24px 40px}.lab-studio-tag,.lab-saved{display:none}.lab-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-panels{grid-template-columns:1fr 1fr}.lab-toolbar{padding:15px 18px}}@media (max-width:700px){.lab-main{padding:115px 16px 30px}.lab-intro{margin-bottom:25px}.lab-intro h1{font-size:38px}.lab-intro p{font-size:16px}.lab-workspace{border-radius:16px}.lab-toolbar{gap:8px;padding:12px}.lab-tool-title{gap:8px}.lab-tool-title strong{font-size:15px}.lab-actions{gap:3px}.lab-page .lab-run,.lab-page .lab-stop{padding:10px 15px}.lab-mobile-tabs{border-bottom:1px solid #dce0e8;display:flex}.lab-mobile-tabs button{color:#666d7d;background:#fff;border:0;flex:1;padding:12px;font-size:14px;font-weight:700}.lab-mobile-tabs button[aria-pressed=true]{color:#c8102e;box-shadow:inset 0 -2px #c8102e}.lab-panels{min-height:480px;display:block}.lab-panels[data-tab=code] .lab-output-panel,.lab-panels[data-tab=output] .lab-code-panel{display:none}.lab-editor{height:410px}.lab-output-panel{border:0;min-height:480px}.lab-output-panel .lab-result{min-height:390px}.lab-input{padding:13px 12px}.lab-input button{flex-wrap:wrap;gap:5px}.lab-input button>span{flex-basis:100%;padding-left:20px}.lab-example-grid{gap:10px}.lab-example-grid button{gap:8px;padding:14px 10px}.lab-example-art{width:30px;height:38px;font-size:20px}.lab-example-grid button>svg{display:none}.lab-example-grid strong{font-size:13px}.lab-examples{margin-top:32px}.lab-footer{flex-wrap:wrap;padding:22px 16px}.lab-runtime.graphics-runtime{height:360px}.lab-workspace.is-full{border-radius:0;inset:0;overflow:auto}.lab-breadcrumb{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.lab-page *{transition:none!important;animation:none!important}}.lab-runtime.console-runtime{height:0;min-height:0}.lab-page .nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #e0e2e9}.lab-page .nav nav a{color:#363e4e}.lab-page .nav nav a[aria-current=page]{color:#c8102e}.lab-page .language-switch{background:#f4f4f7;border-color:#e0dce4}.lab-page .language-switch :is(button,a){color:#51596b}.lab-page .language-switch :is(button[aria-pressed=true],a[aria-current=true]){color:#c8102e;background:#fff}.lab-page .menu-toggle{color:#172034}.lab-page .mobile-menu{color:#172034;background:#fff}.lab-page .mobile-menu a{color:#172034}.lab-divider{cursor:col-resize;touch-action:none;background:#e6e8ee;position:relative}.lab-divider:before{content:"";background:#a8adba;border-radius:2px;width:2px;height:36px;position:absolute;top:50%;left:3px}:is(.lab-divider:hover,.lab-divider:focus-visible){background:#ead4da;outline:0}.lab-divider:hover:before{background:#c8102e}.lab-divider:focus-visible:before{background:#c8102e}.lab-runtime.python-runtime{height:440px}@media (max-width:700px){.lab-divider{display:none}}.lab-panels{grid-template-rows:minmax(0,1fr);height:560px}.lab-code-panel,.lab-output-panel{min-height:0;overflow:hidden}.lab-editor{min-height:0}.lab-workspace.is-full .lab-panels{height:auto}.lab-workspace.is-full .lab-result{max-height:none}@media (max-width:700px){.lab-panels{height:520px;min-height:0}.lab-code-panel,.lab-output-panel{height:100%;min-height:0}.lab-editor{height:auto;min-height:0}.lab-output-panel .lab-result{min-height:0}.lab-workspace.is-full .lab-panels{min-height:320px}.lab-workspace.is-full .lab-input,.lab-workspace.is-full .lab-toolbar,.lab-workspace.is-full .lab-mobile-tabs{flex-shrink:0}}.lab-hub-heading{max-width:780px;margin:10px 0 48px}.lab-hub-heading>span{color:#b51031;font-size:17px;font-weight:750}.lab-hub-heading h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(40px,5.5vw,76px);font-weight:800;line-height:1.09}.lab-hub-heading p{color:#555e70;max-width:640px;font-size:19px;line-height:1.7}.lab-launch-card{color:#172034;background:linear-gradient(125deg,#fff 35%,#f7eaee);border:1px solid #d9dce5;border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:clamp(28px,4vw,60px);text-decoration:none;transition:border-color .25s,box-shadow .25s;display:grid;overflow:hidden;box-shadow:0 22px 70px -40px #3e173955}.lab-launch-card:hover{border-color:#c8102e;box-shadow:0 26px 70px -35px #87113245}.lab-launch-copy>svg{color:#bd1231;margin-bottom:26px;display:block}.lab-launch-copy>span{color:#63697a;font-size:15px;font-weight:700}.lab-launch-copy h2{letter-spacing:-.04em;margin:12px 0;font-size:clamp(32px,3.5vw,49px);line-height:1.2}.lab-launch-copy p{color:#50596b;font-size:17px;line-height:1.8}.lab-launch-features{flex-wrap:wrap;gap:18px;margin:25px 0 32px;font-size:14px;display:flex}.lab-launch-features span{align-items:center;gap:7px;display:flex}.lab-launch-copy>strong{color:#fff;background:#b51031;border-radius:12px;align-items:center;gap:24px;padding:17px 23px;font-size:17px;display:inline-flex}.lab-launch-art{color:#e25876;background:#171e2b;border-radius:16px;transition:transform .4s;overflow:hidden;transform:perspective(1000px)rotateY(-7deg);box-shadow:12px 25px 55px #1a21302b}.lab-launch-card:hover .lab-launch-art{transform:perspective(1000px)rotateY(0)}.lab-mini-bar,.lab-mini-console{color:#c4ccdb;border-bottom:1px solid #ffffff15;align-items:center;gap:7px;padding:18px;font:13px/1.5 monospace;display:flex}.lab-mini-bar i{background:#b85873;border-radius:50%;width:6px;height:6px}.lab-mini-bar span{flex:1;margin-left:18px}.lab-mini-code{color:#e0e5f0;padding:26px 30px 0;font:14px/1.9 monospace}.lab-mini-code>span:first-child{color:#ee7a94}.lab-launch-art>svg{width:100%;height:210px;display:block}.lab-mini-console{color:#b4bfd1;border-top:1px solid #ffffff15;font-size:12px}.lab-mini-console>span{color:#ee7a94;margin-left:auto}.lab-hub-note{color:#626a7b;margin:24px 0;font-size:15px}.lab-ide{background:#edf0f5}.lab-ide-nav{background:#fff;border-bottom:1px solid #dce0e8;justify-content:space-between;align-items:center;gap:18px;height:68px;padding:12px 28px;display:flex}.lab-ide-nav>a{color:#495163;align-items:center;gap:9px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.lab-ide-nav>strong{font-size:17px}.lab-ide-nav>div{gap:4px;display:flex}.lab-ide-nav button{color:#545b6c;background:0 0;border:0;border-radius:6px;padding:8px;font-size:13px;font-weight:700}.lab-ide-nav button[aria-pressed=true]{color:#ab1232;background:#f8e9ed}.lab-ide .lab-main{max-width:none;padding:20px 24px}.lab-ide .lab-workspace{border-radius:14px}.lab-ide .lab-toolbar{min-height:64px;padding:12px 18px}.lab-studio-layout{grid-template-columns:238px minmax(0,1fr);display:grid}.lab-studio-layout.library-closed{grid-template-columns:minmax(0,1fr)}.lab-working-area{min-width:0}.lab-library{background:#f7f8fb;border-right:1px solid #dce0e8;min-width:0}.lab-library-tabs{border-bottom:1px solid #dce0e8;display:flex}.lab-library-tabs button{color:#5a6375;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:7px;padding:14px 5px;font-size:12px;font-weight:650;display:flex}.lab-library-tabs button[aria-selected=true]{color:#b51031;background:#fff;box-shadow:inset 0 -2px #c8102e}.lab-library-content{max-height:690px;padding:22px 16px;overflow:auto}.lab-library .lab-examples{margin:0}.lab-library h2{letter-spacing:-.025em;margin:0 0 10px;font-size:20px;line-height:1.4}.lab-library p{color:#5c6677;margin:0 0 20px;font-size:14px;line-height:1.75}.lab-library .lab-example-grid{grid-template-columns:1fr;gap:10px}.lab-library .lab-example-grid button{gap:10px;padding:14px 10px}.lab-library .lab-example-art{width:30px;height:38px;font-size:19px}.lab-library .lab-example-grid button>svg{display:none}.lab-library .lab-example-grid strong{font-size:14px}.lab-lessons>svg,.lab-packages>svg{color:#b51031;margin:4px 0 20px}.lab-packages form{gap:10px;display:grid}.lab-packages label{font-size:12px;font-weight:700;line-height:1.6}.lab-packages input{color:#172034;background:#fff;border:1px solid #bfc6d2;border-radius:8px;width:100%;min-width:0;padding:11px 9px;font:13px/1.5 monospace}.lab-packages form button,.lab-lessons button{color:#fff;background:#b51031;border:0;border-radius:8px;padding:12px;font-weight:700}.lab-packages button:disabled{opacity:.5;cursor:default}.lab-packages h3{margin:26px 0 12px;font-size:14px}.lab-packages ul{padding:0;list-style:none}.lab-packages li{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:6px;margin:6px 0;font-size:13px;display:flex}.lab-packages li button{color:#5b6475;background:0 0;border:0;padding:8px}.lab-packages small{color:#667082;font-size:12px;line-height:1.7;display:block}.lab-packages [role=alert]{color:#ac1433;margin-top:12px}.lab-ide .lab-panels{height:clamp(350px,52vh,620px);min-height:0}.lab-ide .lab-editor{height:auto}.lab-ide .lab-output-panel{background:#fff}.lab-ide .lab-empty{min-height:200px}.lab-ide .lab-empty h2{font-size:21px}.lab-ide .lab-runtime.python-runtime,.lab-ide .lab-runtime.graphics-runtime{flex:1;height:100%;min-height:300px}.lab-console-panel{color:#cdd5e5;background:#121925;border-top:1px solid #3d4655}.lab-console-heading{border-bottom:1px solid #303949;justify-content:space-between;align-items:center;padding:10px 18px;font-size:13px;font-weight:650;display:flex}.lab-console-heading>span{align-items:center;gap:9px;display:flex}.lab-console-heading button{color:#bbc5d8;background:0 0;border:0;padding:5px;font-size:12px}.lab-ide .lab-console{color:#d6deed;height:130px;min-height:0;padding:14px 18px;font-size:13px;display:block;overflow:auto}.lab-console-panel .lab-status{color:#c1cadb;border-color:#303949;font-size:12px}.lab-ide .lab-note{max-width:none;margin:14px 0 0;font-size:12px}.lab-ide .lab-footer{max-width:none;padding:16px 24px}.lab-ide .lab-workspace.is-full .lab-studio-layout{flex:1;min-height:0}.lab-ide .lab-workspace.is-full .lab-working-area{flex-direction:column;min-height:0;display:flex}.lab-ide .lab-workspace.is-full .lab-panels{flex:1;height:auto;min-height:200px}.lab-ide .lab-workspace.is-full .lab-library-content{max-height:calc(100dvh - 150px)}@media (max-width:1000px){.lab-studio-layout{grid-template-columns:200px minmax(0,1fr)}.lab-ide .lab-main{padding:14px}.lab-launch-card{gap:28px}}@media (max-width:800px){.lab-studio-layout{flex-direction:column;display:flex}.lab-library{border-bottom:1px solid #dce0e8;border-right:0}.lab-library-tabs button{flex-direction:row;justify-content:center;padding:12px 5px}.lab-library-content{max-height:235px;padding:16px}.lab-library .lab-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-library .lab-examples>div:first-child{display:none}.lab-ide .lab-workspace.is-full .lab-library-content{max-height:180px}.lab-launch-card{grid-template-columns:1fr}.lab-launch-art{width:100%;max-width:600px;margin:auto;transform:none}}@media (max-width:700px){.lab-ide-nav{gap:8px;padding:12px}.lab-ide-nav>strong{display:none}.lab-ide .lab-main{padding:10px}.lab-ide .lab-panels{height:360px}.lab-ide .lab-output-panel{min-height:0}.lab-ide .lab-workspace.is-full{overflow:auto}.lab-ide .lab-workspace.is-full .lab-studio-layout{flex:none}.lab-ide .lab-workspace.is-full .lab-panels{flex:none;height:360px}.lab-hub-heading{margin-bottom:30px}.lab-launch-card{border-radius:20px;padding:24px}.lab-launch-copy>strong{padding:16px;font-size:15px}.lab-launch-features{gap:12px}.lab-hub-heading p{font-size:17px}}.lab-camera-controls{background:#f7f8fa;border-bottom:1px solid #dfe2e8;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.lab-camera-controls button{color:#222735;cursor:pointer;background:#fff;border:1px solid #d4d7de;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.lab-camera-controls button[aria-pressed=true]{color:#fff;background:#b5092c;border-color:#b5092c}.lab-camera-controls button:disabled{opacity:.55;cursor:not-allowed}.lab-camera-controls span{color:#535968;font-size:11px}.lab-camera-controls p{color:#a0082b;flex-basis:100%;margin:0;font-size:12px;line-height:1.5}.lab-ide .lab-workspace.is-full{height:100dvh;box-shadow:none;border:0;border-radius:0;inset:0}.lab-ide .lab-workspace.is-full .lab-toolbar{flex-shrink:0}@media (max-width:800px),(max-height:600px){.lab-ide .lab-workspace.is-full{overflow:hidden}.lab-ide .lab-workspace.is-full .lab-studio-layout{flex:1;min-height:0}.lab-ide .lab-workspace.is-full .lab-working-area{flex:1;overflow:auto}.lab-ide .lab-workspace.is-full .lab-library{flex-shrink:0}.lab-ide .lab-workspace.is-full .lab-library-content{max-height:96px}.lab-ide .lab-workspace.is-full .lab-panels{flex:1;height:auto;min-height:160px}.lab-ide .lab-workspace.is-full .lab-console{height:clamp(60px,14dvh,120px)}.lab-ide .lab-workspace.is-full .lab-console-panel{flex-shrink:0}}.lab-ide{--studio-header-height:68px}.lab-ide .studio-brand-header{z-index:40;height:var(--studio-header-height);background:#fff;border-bottom:1px solid #dce0e8;min-height:0;padding:10px 20px;position:relative}.lab-ide .studio-logo{color:#c8102e;flex-shrink:0;width:138px}.lab-ide .studio-logo svg{width:100%;height:48px;display:block}.studio-brand-header nav{align-items:center;gap:24px;margin-right:auto;display:flex}.studio-brand-header nav a,.studio-tools-menu summary{color:#242936;cursor:pointer;font-size:14px;font-weight:700;text-decoration:none}.studio-tools-menu{position:relative}.studio-tools-menu summary{align-items:center;gap:5px;display:flex}.studio-tools-menu summary::-webkit-details-marker{display:none}.studio-tools-menu>div{background:#fff;border:1px solid #dddfe6;border-radius:12px;gap:4px;width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 14px);left:0;box-shadow:0 16px 36px #10172825}.studio-tools-menu a{border-radius:7px;padding:12px}.studio-tools-menu a:hover{background:#faedf0}.lab-ide .lab-workspace.is-full{top:var(--studio-header-height);height:calc(100dvh - var(--studio-header-height));z-index:10;left:56px}.lab-ide .lab-toolbar{flex-wrap:wrap;gap:12px;padding:10px 16px}.studio-typography{align-items:center;gap:10px;margin-left:auto;display:flex}.studio-typography label{color:#505666;align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.studio-typography select{color:#202635;font:inherit;background:#fff;border:1px solid #d6dae2;border-radius:8px;max-width:148px;min-height:36px;padding:9px 6px}.lab-ide .lab-console{font-family:var(--studio-font);font-size:var(--studio-font-size)}.lab-ide .contact-dock{z-index:45;inset:auto auto 14px 7px}.lab-ide .dock-items>a,.lab-ide .dock-items>button{color:#fff;background:#241720;border:1px solid #593443;border-radius:12px;place-items:center;width:40px;height:40px;padding:8px;display:grid}.lab-ide .dock-items svg{width:21px;height:21px}.lab-ide .dock-items>button>span{display:none}@media (max-width:900px){.lab-ide .lab-saved{display:none}}@media (max-width:700px){.lab-ide{--studio-header-height:100px}.lab-ide .studio-brand-header{grid-template-rows:44px 32px;grid-template-columns:1fr auto;gap:4px 10px;padding:8px 12px;display:grid}.lab-ide .studio-logo{width:118px}.lab-ide .studio-logo svg{height:42px}.studio-brand-header nav{grid-area:2/1/auto/-1;gap:26px}.studio-brand-header>div{grid-area:1/2}.lab-ide .lab-workspace.is-full{height:calc(100dvh - var(--studio-header-height) - 52px);bottom:52px;left:0}.lab-ide .lab-toolbar{gap:8px;padding:8px 10px}.lab-ide .lab-tool-title{flex:1}.studio-typography{order:3;justify-content:flex-end;width:100%}.studio-typography select{min-height:32px;padding:6px}.lab-ide .contact-dock{flex-direction:row;align-items:center;gap:8px;bottom:6px;left:8px;right:8px}.lab-ide .contact-dock .dock-mobile-toggle{color:#fff;background:#b5092c;border:0;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.lab-ide .contact-dock:not(.is-expanded) .dock-items{display:none}.lab-ide .contact-dock.is-expanded .dock-items{flex-direction:row;gap:5px;max-width:calc(100vw - 64px);display:flex;overflow-x:auto}.lab-ide .dock-items>*{flex-shrink:0}.lab-ide .dock-preview{max-width:calc(100vw - 24px);position:fixed;inset:auto 12px 60px}.lab-ide .lab-workspace.is-full .lab-library-content{max-height:76px}.lab-ide .lab-workspace.is-full .lab-console{height:clamp(50px,10dvh,90px)}}:is(.lab-ide:has(.lab-workspace.is-full) .lab-note,.lab-ide:has(.lab-workspace.is-full) .lab-footer){display:none}.lab-ide .lab-workspace.is-full .lab-studio-layout{grid-template-rows:minmax(0,1fr)}.lab-ide .lab-workspace.is-full .lab-library{min-height:0;overflow:auto}.lab-ide .lab-workspace.is-full .lab-working-area{overflow:auto}.lab-ide .lab-workspace.is-full .lab-panels{grid-template-rows:minmax(0,1fr)}.lab-ide .lab-workspace.is-full .lab-runtime{min-height:0}.lab-code-surface{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.lab-code-surface .lab-editor{flex:1;min-height:0}.lab-coding-keys,.studio-settings-toggle{display:none}@media (max-width:700px){.lab-ide{--studio-header-height:52px}.lab-ide .studio-brand-header{gap:12px;height:52px;padding:6px 10px;display:flex}.lab-ide .studio-logo{width:84px}.lab-ide .studio-logo svg{height:36px}.studio-brand-header nav{gap:12px;margin-right:auto}.studio-brand-header nav a,.studio-tools-menu summary{font-size:12px}.lab-ide .studio-brand-header>div{gap:0}.lab-ide .studio-brand-header button{padding:6px 4px;font-size:10px}.lab-ide .lab-workspace.is-full{top:calc(var(--studio-viewport-top) + var(--studio-header-height));height:calc(var(--studio-viewport-height) - var(--studio-header-height) - 44px);bottom:auto}.lab-ide .lab-toolbar{flex-wrap:nowrap;gap:6px;min-height:48px;padding:6px 10px;position:relative}.lab-ide .lab-tool-title{gap:7px;min-width:0}.lab-ide .lab-tool-title strong{white-space:nowrap;font-size:13px}.lab-ide .lab-tool-title>svg{display:none}.lab-ide .lab-actions{gap:6px}.lab-ide .lab-actions>.lab-icon{display:none}.lab-ide .lab-run,.lab-ide .lab-stop{min-height:36px;padding:8px 12px;font-size:13px}.studio-settings-toggle{color:#29313f;background:#fff;border:1px solid #d5dae2;border-radius:8px;min-width:36px;min-height:36px;font-weight:700;display:block}.lab-ide .studio-typography{display:none}.lab-ide .studio-typography.preferences-open{z-index:35;background:#fff;border:1px solid #d6dbe4;border-radius:12px;width:auto;max-width:calc(100vw - 16px);margin:0;padding:14px;display:flex;position:absolute;top:calc(100% + 4px);right:8px;box-shadow:0 12px 30px #10182733}.lab-ide .lab-workspace.is-full .lab-studio-layout,.lab-ide .lab-workspace.is-full .lab-working-area{min-height:0;overflow:hidden}.lab-ide .lab-mobile-tabs{flex-shrink:0;height:38px}.lab-ide .lab-mobile-tabs button{padding:8px;font-size:13px}.lab-ide .lab-workspace.is-full .lab-panels{flex:1;height:auto;min-height:0}.lab-ide .lab-working-area:not([data-mobile-view=console]) .lab-console-panel,.lab-ide .lab-working-area:not([data-mobile-view=console]) .lab-input,.lab-ide .lab-working-area[data-mobile-view=console] .lab-panels{display:none}.lab-ide .lab-working-area[data-mobile-view=console] .lab-console-panel{flex-direction:column;flex:1;min-height:0;display:flex}.lab-ide .lab-workspace.is-full .lab-working-area[data-mobile-view=console] .lab-console{flex:1;height:auto;min-height:0}.lab-ide .lab-working-area[data-mobile-view=console] .lab-input{flex-shrink:0;max-height:40%;overflow:auto}.lab-ide .lab-code-panel,.lab-ide .lab-output-panel{height:100%;min-height:0}.lab-ide .lab-filebar{flex-shrink:0;height:38px;min-height:38px}.lab-ide .lab-files button{padding:8px 12px;font-size:12px}.lab-ide .lab-editor-footer{flex-shrink:0;min-height:32px;padding:3px 10px}.lab-ide .lab-editor-footer button{padding:6px}.lab-ide .lab-editor-footer>span{display:none}.lab-ide .lab-code-surface .cm-content{padding:10px 0}.lab-ide .lab-code-surface .cm-scroller{line-height:1.55}.lab-coding-keys{background:#202937;border-top:1px solid #3b4556;flex-shrink:0;gap:3px;height:40px;padding:3px 5px;display:flex}.lab-coding-keys button{color:#f4f6fc;touch-action:manipulation;background:#303c4f;border:0;border-radius:5px;flex:1;min-width:0;font:600 16px monospace}.lab-ide .contact-dock{bottom:4px}.lab-ide .contact-dock .dock-mobile-toggle{width:36px;height:36px}.lab-ide.keyboard-open{--studio-header-height:0px}.lab-ide.keyboard-open .studio-brand-header,.lab-ide.keyboard-open .contact-dock{display:none}.lab-ide.keyboard-open .lab-workspace.is-full{height:var(--studio-viewport-height)}.lab-ide.keyboard-open .lab-editor-footer{display:none}.lab-ide .lab-library{z-index:30;background:#f5f6fa;position:absolute;inset:48px 0 0;overflow:auto}.lab-ide .lab-workspace.is-full .lab-library-content{max-height:none}}@media (min-width:701px){.lab-ide .lab-actions .studio-settings-toggle{display:none}}.lab-live-input{color:#fff;background:#111827;border-top:1px solid #42506a;align-items:center;gap:8px;padding:10px 14px;display:flex}.lab-live-input input{color:#fff;background:#1e293b;border:1px solid #64748b;border-radius:6px;flex:1;min-width:0;padding:10px;font:16px ui-monospace,monospace}.lab-live-input button{color:#fff;background:#26364d;border:1px solid #64748b;border-radius:6px;padding:9px 12px}.lab-live-input input:focus{outline-offset:2px;outline:2px solid #fb7185}@media (max-width:700px){.lab-live-input{flex-wrap:wrap}.lab-live-input input{flex-basis:65%}.lab-live-input label{display:none}}