.glb-lab{--lab-accent:#90f5de;--lab-muted:#8e9da8;color:#ecf1f4;max-width:1440px;margin:auto;padding:112px 40px 48px;font-family:"Exo 2",sans-serif;position:relative}.lab-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.lab-back{color:var(--lab-muted);font-size:12px}.lab-heading h1{letter-spacing:-2px;margin:9px 0;font-size:46px;font-weight:500}.lab-heading h1 span{color:var(--lab-accent)}.lab-heading sup{letter-spacing:2px;vertical-align:middle;color:var(--lab-muted);border:1px solid #344448;border-radius:5px;margin-left:12px;padding:4px 7px;font:10px monospace}.lab-heading p{color:var(--lab-muted);margin:0;font-size:15px}.lab-private{color:#b2c9c2;border:1px solid #263936;border-radius:30px;padding:8px 14px;font-size:12px}.lab-private i,.lab-live i{background:var(--lab-accent);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.lab-workspace{background:#10151c;border:1px solid #2b343e;border-radius:18px;grid-template-columns:minmax(0,1fr) 290px;display:grid;overflow:hidden;box-shadow:0 28px 100px #0005}.lab-stage{isolation:isolate;background:radial-gradient(at 50% 45%,#213a40 0%,#111b24 45%,#0b1119 90%);min-height:600px;position:relative}.lab-stage[data-background=slate]{background:#283d50}.lab-stage[data-background=light]{background:#d1d8dd}.lab-stage[data-background=light] .lab-stage-top,.lab-stage[data-background=light] .lab-stage-bottom{color:#233e49}.lab-canvas{position:absolute;inset:0}.lab-canvas canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.lab-stage-top,.lab-stage-bottom{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:25px;right:25px}.lab-stage-top{top:22px}.lab-stage-bottom{letter-spacing:1px;color:#9aaeb9;gap:12px;font:10px monospace;bottom:20px}.lab-stage-bottom>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab-eyebrow,.lab-live{letter-spacing:2px;color:#8dabb8;font:10px monospace}.lab-live{color:#a7d5ca}.lab-tools{pointer-events:auto;flex-shrink:0;gap:5px;display:flex}.glb-lab button,.glb-lab select{font:inherit;cursor:pointer}.lab-tools button{color:#dbebe8;background:#142029;border:1px solid #3b4c55;border-radius:8px;min-width:35px;height:35px;padding:0 10px}.glb-lab button:disabled{opacity:.4;cursor:default}.glb-lab button:focus-visible,.glb-lab input:focus-visible,.glb-lab select:focus-visible{outline:2px solid var(--lab-accent);outline-offset:4px}.lab-empty{text-align:center;z-index:1;background:linear-gradient(#0000,#0d182433);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.lab-empty[hidden]{display:none}.lab-cube{color:#90f5de;filter:drop-shadow(0 0 30px #6bdfd288);margin-bottom:24px;font-family:monospace;font-size:105px;line-height:1}.lab-empty h2{letter-spacing:-.7px;color:#ecf1f4;margin:0 0 9px;font-family:inherit;font-size:27px;font-weight:500}.lab-empty p{color:var(--lab-muted);margin:0 0 25px;font-size:14px}.lab-primary{background:var(--lab-accent);color:#112824;border:0;border-radius:9px;align-items:center;gap:35px;padding:13px 20px;display:flex;font-size:14px!important;font-weight:600!important}.lab-primary:hover{background:#baffee}.lab-demo{color:#a2b4bd;background:0 0;border:0;margin-top:17px;font-size:12px!important}.lab-demo:hover{color:var(--lab-accent)}.lab-panel{background:#121820;border-left:1px solid #29333d;flex-direction:column;gap:15px;padding:23px;display:flex}.lab-panel-title{justify-content:space-between;align-items:center;font-size:15px;font-weight:500;display:flex}.lab-file{text-align:left;color:#edf7f4;background:#19232c;border:1px dashed #45605f;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 10px;display:flex}.lab-file>span:nth-child(2){flex:1;min-width:0}.lab-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.lab-file small{color:#91a7ae;margin-top:3px;font-size:10px;display:block}.lab-file-icon{color:var(--lab-accent);font-size:24px}.lab-status{color:var(--lab-muted);min-height:32px;margin:0;font-size:11px;line-height:1.5}.lab-status[data-error=true]{color:#ffc1b7}.lab-panel fieldset{border:0;border-top:1px solid #29333d;min-width:0;margin:0;padding:15px 0 0}.lab-panel legend{color:#a7b6c1;padding:0 10px 0 0;font-size:12px}.lab-label{margin:0 0 7px;font-size:12px;display:block}.lab-panel select{color:#d6e4e9;background:#19212b;border:1px solid #34414a;border-radius:7px;width:100%;min-height:35px;padding:8px;font-size:12px}.lab-row,.lab-toggle{justify-content:space-between;align-items:center;gap:10px;margin-top:17px;font-size:12px;display:flex}.lab-row output{color:#9fb7c0;font:11px monospace}.lab-panel input[type=range]{width:100%;accent-color:var(--lab-accent);height:4px;margin:15px 0 5px}.lab-swatches{gap:8px;display:flex}.lab-swatches button{background:#0d161f;border:2px solid #0000;border-radius:50%;width:19px;height:19px;box-shadow:0 0 0 1px #53626a}.lab-swatches button[data-bg=slate]{background:#456178}.lab-swatches button[data-bg=light]{background:#d1d8dd}.lab-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--lab-accent)}.lab-toggle{margin:14px 0}.lab-toggle input{accent-color:var(--lab-accent);width:16px;height:16px}.lab-panel fieldset:disabled{opacity:.45}.lab-stats{text-align:center;border-top:1px solid #29333d;grid-template-columns:repeat(3,1fr);gap:5px;padding-top:15px;display:grid}.lab-stats span{color:#d4e8e6;font:13px monospace;display:block}.lab-stats small{color:var(--lab-muted);font-size:9px}.lab-clear{color:#a7bac4;background:0 0;border:1px solid #34414a;border-radius:7px;padding:8px;font-size:11px!important}.lab-privacy{color:#82949e;margin:0;font-size:10px;line-height:1.6}.lab-footnote{color:#80939c;justify-content:space-between;gap:15px;padding:17px 2px;font-size:11px;display:flex}.lab-footnote b{margin:0 13px;font-weight:400}.lab-footnote>span:last-child{letter-spacing:1px;white-space:nowrap;font:9px monospace}.lab-drop-overlay{border:2px dashed var(--lab-accent);z-index:5;color:var(--lab-accent);pointer-events:none;background:#132d2ef0;border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:none;position:absolute;inset:10px}.lab-stage.is-dragging .lab-drop-overlay{display:flex}.lab-stage:fullscreen{width:100vw;height:100vh}.glb-lab [hidden]{display:none!important}@media (width<=900px){.glb-lab{padding:100px 20px 25px}.lab-workspace{grid-template-columns:minmax(0,1fr) 255px}.lab-panel{padding:18px}.lab-stage{min-height:610px}.lab-footnote{flex-wrap:wrap}.lab-empty h2{font-size:23px}.lab-stage-top,.lab-stage-bottom{left:15px;right:15px}.lab-stage-bottom>span{display:none}.lab-tools{margin-left:auto}}@media (width<=650px){.glb-lab{padding:94px 14px 25px}.lab-heading h1{font-size:34px}.lab-private{padding:6px 9px;font-size:10px}.lab-heading p{font-size:12px}.lab-workspace{grid-template-columns:1fr}.lab-stage{min-height:420px}.lab-panel{border-top:1px solid #29333d;border-left:0;padding:22px}.lab-footnote{font-size:10px;line-height:2}.lab-footnote b{margin:0 6px}.lab-cube{font-size:80px}.lab-heading{gap:12px}}