.lab-page{background:#090f1b;color:#e9eff6;--lab-line:#c7d9f51a;--lab-muted:#94a4bb;--lab-accent:#d7fa70;font-family:var(--arabic),sans-serif}
.lab-header{height:76px;max-width:1540px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--lab-line)}
.lab-header .brand-mark{width:34px;height:34px}.lab-header .brand-name{font-size:20px}.lab-header>a:last-child{font-size:12px;color:#c4cede;display:flex;align-items:center;gap:10px}.lab-header>a:last-child span{color:var(--lab-accent)}
.lab-shell{max-width:1540px;margin:auto;padding:30px 36px 24px}.lab-breadcrumb{display:flex;gap:9px;color:#8495ad;font-size:11px;align-items:center;margin-bottom:18px}.lab-breadcrumb>span:last-child{color:#c9d4e2}.lab-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.lab-eyebrow{font-size:10px;letter-spacing:.6px;color:#9cb4b5;display:flex;align-items:center;gap:8px}.lab-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#8ce6c7;box-shadow:0 0 10px #8ce6c74a}.lab-intro h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1px;margin:7px 0 5px;line-height:1.4}.lab-intro p{font-size:12px;color:var(--lab-muted);margin:0;line-height:1.9;max-width:730px}.lab-badge{display:flex;align-items:center;gap:10px;border:1px solid #d7fa7030;border-radius:12px;padding:12px 16px;color:#b6c698;flex-shrink:0;font-size:10px;background:linear-gradient(120deg,#d7fa7009,transparent)}.lab-badge b{font:600 24px var(--display),sans-serif;color:var(--lab-accent)}
.lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;background:#101a2b;border:1px solid var(--lab-line);border-radius:18px;overflow:hidden;box-shadow:0 25px 90px #0003;isolation:isolate}.lab-visual{min-width:0;display:flex;flex-direction:column}.lab-scene-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:61px;padding:12px 20px;border-bottom:1px solid var(--lab-line);background:#101a2bf5}.lab-scene-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.lab-scene-title>i{width:6px;height:6px;background:#83dfc1;border-radius:50%}.lab-camera-views{display:flex;gap:3px;padding:3px;background:#080e1b80;border-radius:8px;direction:rtl}.lab-camera-views button{font-size:10px;color:#a5b5c9;background:transparent;border:0;padding:6px 10px;border-radius:5px;cursor:pointer}.lab-camera-views button[aria-pressed=true]{color:#e1efb7;background:#2a3833}
.lab-viewport{height:535px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#203247 0,#111e30 52%,#0b1424 100%);direction:ltr}.lab-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}.lab-canvas:active{cursor:grabbing}.lab-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--lab-accent);border-radius:8px}.lab-scene-caption{position:absolute;top:17px;left:20px;color:#7489a1;font:9px var(--display),sans-serif;letter-spacing:1.6px;pointer-events:none}.lab-live{position:absolute;top:16px;right:18px;display:flex;align-items:center;gap:6px;direction:rtl;color:#a3b7c9;font-size:9px;pointer-events:none}.lab-live i{width:5px;height:5px;border-radius:50%;background:#81e6bf}.lab-live[data-paused=true] i{background:#f4c982}.lab-live[data-paused=true]{color:#f4c982}.lab-scene-tools{position:absolute;bottom:18px;left:18px;display:flex;flex-direction:column;gap:6px}.lab-icon-button{display:grid;place-items:center;width:44px;height:44px;background:#101b2deb;color:#dce7f5;border:1px solid #bad2f529;border-radius:9px;cursor:pointer;padding:0;backdrop-filter:blur(12px)}.lab-icon-button:hover{color:var(--lab-accent);border-color:#d7fa7060}.lab-help-hint{position:absolute;bottom:20px;right:20px;direction:rtl;font-size:10px;color:#a2b3c5;display:flex;align-items:center;gap:8px;pointer-events:none}.lab-help-hint span{font-size:15px;color:#bed1d8}.lab-selection{position:absolute;top:46px;right:14px;width:min(248px,calc(100% - 76px));max-height:calc(100% - 62px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#465c68 transparent;direction:rtl;padding:10px 12px;background:#101b2df5;border:1px solid #d7fa7044;border-radius:11px;backdrop-filter:blur(12px);box-shadow:0 8px 25px #0004;z-index:7;touch-action:pan-y}.lab-selection[hidden]{display:none}.lab-selection h3{font-size:12px;line-height:1.55;margin:0;padding:0;color:#e2f1c4;font-weight:600}.lab-selection p{font-size:11px;line-height:1.7;margin:3px 0 0;color:#b0c0d3}.lab-selection .lab-close{position:absolute;top:1px;left:1px;display:grid;place-items:center;background:transparent;border:0;border-radius:9px;color:#c6d2df;width:44px;height:44px;cursor:pointer;padding:0}.lab-fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;direction:rtl;text-align:center;background:#111e30;gap:10px}.lab-fallback[hidden]{display:none}.lab-fallback b{font-size:17px;color:#e2f1c4}.lab-fallback p{font-size:12px;line-height:1.9;color:#a5b8cb;max-width:450px}.lab-fallback>span{font-size:40px;color:#d7fa70}.lab-component-bar{padding:13px 18px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--lab-line);flex-wrap:wrap;min-height:62px}.lab-component-bar>span{color:#8396ad;font-size:9px;margin-inline-end:3px}.lab-component-bar button{background:#17263a;color:#b8c7d8;border:1px solid #c5dbf318;border-radius:7px;font-size:10px;padding:7px 10px;cursor:pointer}.lab-component-bar button[aria-pressed=true]{border-color:#d7fa7070;background:#d7fa7010;color:var(--lab-accent)}
.lab-playback{display:flex;align-items:center;gap:13px;padding:13px 18px;border-top:1px solid var(--lab-line);min-height:62px;flex-wrap:wrap}.lab-play-button{background:var(--lab-accent);border:0;border-radius:8px;min-height:35px;padding:7px 13px;color:#172517;font-size:11px;font-weight:700;cursor:pointer;display:flex;gap:8px;align-items:center}.lab-speed{display:flex;align-items:center;gap:8px;font-size:10px;color:#94a9be}.lab-speed select{background:#192a40;border:1px solid #bbd4f125;color:#dae6ee;padding:7px 8px;border-radius:7px;font:11px var(--display);color-scheme:dark}.lab-legend{margin-inline-start:auto;display:flex;gap:13px;flex-wrap:wrap}.lab-legend span{display:flex;gap:5px;align-items:center;font-size:9px;color:#92a8ba}.lab-legend i{width:6px;height:6px;border-radius:50%;background:var(--legend-color)}
.lab-panel{border-inline-start:1px solid var(--lab-line);background:linear-gradient(150deg,#172237,#111b2d);padding:22px;min-width:0}.lab-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.lab-panel-title h2{font-size:17px;margin:3px 0}.lab-panel-title small{font-size:9px;color:#8aa0b6}.lab-reset{font-family:inherit;border:1px solid var(--lab-line);border-radius:7px;color:#b2c2d4;background:#ffffff05;font-size:10px;padding:7px 9px;cursor:pointer}.lab-reset:hover{color:var(--lab-accent)}.lab-presets{display:flex;gap:5px;margin-bottom:6px;flex-wrap:wrap}.lab-presets button{font-size:9px;padding:7px 9px;background:#1e2d43;border:1px solid #b7cae51c;border-radius:6px;color:#a6b8cf;cursor:pointer}.lab-presets button[aria-pressed=true]{background:#d7fa7014;color:var(--lab-accent);border-color:#d7fa704a}.lab-control{padding:19px 0 17px;border-bottom:1px solid var(--lab-line)}.lab-control label{display:block}.lab-control-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}.lab-control-heading b{font-size:12px;font-weight:600}.lab-control-heading output{font:600 13px var(--display),var(--arabic),sans-serif;color:var(--lab-accent);white-space:nowrap}.lab-control-help{display:block;font-size:10px;line-height:1.7;color:#8da0b8;min-height:17px}.lab-range{--fill:50%;appearance:none;display:block;width:100%;height:5px;margin:20px 0 10px;border-radius:10px;background:linear-gradient(to left,var(--lab-accent) var(--fill),#34465e var(--fill));direction:rtl;cursor:pointer;touch-action:pan-y}.lab-range::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:#d7fa70;border:4px solid #21342e;border-radius:50%;box-shadow:0 0 0 1px #d7fa70}.lab-range::-moz-range-thumb{width:11px;height:11px;background:#d7fa70;border:3px solid #21342e;border-radius:50%;box-shadow:0 0 0 1px #d7fa70}.lab-range:focus-visible{outline:2px solid #d7fa7077;outline-offset:6px}.lab-range-extents{display:flex;justify-content:space-between;color:#748ba4;font-size:9px}.lab-metrics-title{display:flex;justify-content:space-between;align-items:center;margin:21px 0 10px}.lab-metrics-title b{font-size:11px}.lab-metrics-title span{font-size:8px;color:#8196ad}.lab-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lab-metric{background:#0d1728a8;border:1px solid #c6def313;border-radius:9px;padding:11px 12px;min-width:0}.lab-metric:last-child:nth-child(odd){grid-column:1/-1}.lab-metric>span{font-size:9px;color:#92a8bc;display:block}.lab-metric strong{display:block;margin-top:5px;color:#e8f2f2;font:600 22px var(--display),var(--arabic),sans-serif;line-height:1.4}.lab-metric small{color:#9ab0bf;font:9px var(--arabic);margin-inline-start:4px}.lab-meter{height:3px;background:#2a3c51;margin-top:9px;border-radius:3px;overflow:hidden}.lab-meter i{display:block;background:#8adfca;width:0;height:100%;transition:width .2s}.lab-metric:nth-child(2) .lab-meter i{background:#efbf83}.lab-metric:nth-child(3) .lab-meter i{background:var(--lab-accent)}.lab-status{margin-top:14px;border:1px solid #7bdfbf27;background:#7bdfbf09;border-radius:9px;padding:12px 13px;display:flex;gap:9px;align-items:flex-start}.lab-status-icon{color:#8ee4c5}.lab-status b{font-size:10px;color:#ade6d1;display:block}.lab-status p{font-size:9px;line-height:1.8;color:#8bbaa9;margin:3px 0 0}.lab-status[data-tone=warm]{background:#edbd7c0b;border-color:#edbd7c30}.lab-status[data-tone=warm] b,.lab-status[data-tone=warm] .lab-status-icon{color:#f3cc92}.lab-status[data-tone=warm] p{color:#c4a98a}.lab-status[data-tone=alert]{background:#f397850b;border-color:#f3978533}.lab-status[data-tone=alert] b,.lab-status[data-tone=alert] .lab-status-icon{color:#f7af9e}.lab-status[data-tone=alert] p{color:#cd9d95}.lab-panel-foot{font-size:9px;line-height:1.9;color:#6f89a1;margin:14px 0 0}.lab-learning{display:flex;gap:16px;padding:21px 24px;margin-top:18px;border:1px solid var(--lab-line);border-radius:13px;background:#15203466;align-items:flex-start}.lab-learning-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d7fa704a;border-radius:10px;color:var(--lab-accent);flex-shrink:0}.lab-learning h2{font-size:13px;margin:0 0 6px}.lab-learning p{font-size:11px;line-height:1.95;color:#99aec3;max-width:1080px;margin:0}.lab-note{font-size:10px;color:#7f95aa;line-height:1.9;margin:14px 4px}.lab-next{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--lab-line);margin-top:18px}.lab-next>span{font-size:10px;color:#8094aa;margin-inline-end:auto}.lab-next a{font-size:10px;color:#c4d0de;padding:7px 11px;border:1px solid var(--lab-line);border-radius:7px}.lab-next a[aria-current=page]{color:var(--lab-accent);border-color:#d7fa7040}.lab-footer{max-width:1540px;margin:auto;padding:16px 36px 24px;color:#708399;font-size:10px;display:flex;justify-content:space-between}.lab-page button:focus-visible,.lab-page a:focus-visible,.lab-page select:focus-visible{outline:2px solid #d7fa70;outline-offset:3px}.lab-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#22392e;color:#e0f3cb;border:1px solid #d7fa7044;border-radius:9px;font-size:11px;z-index:10;box-shadow:0 10px 35px #0005}.lab-toast[hidden]{display:none}
@media(min-width:1600px){.lab-viewport{height:600px}}
@media(max-width:1100px){.lab-shell{padding:26px 24px}.lab-workspace{grid-template-columns:minmax(0,1fr) 290px}.lab-panel{padding:18px}.lab-scene-header{padding:12px 14px}.lab-viewport{height:510px}.lab-legend{gap:8px}.lab-help-hint{font-size:9px;right:14px}.lab-component-bar{padding:12px}.lab-camera-views button{padding:6px 8px}}
@media(max-width:850px){.lab-workspace{grid-template-columns:1fr}.lab-panel{border-inline-start:0;border-top:1px solid var(--lab-line);display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:22px}.lab-panel-title,.lab-presets,.lab-metrics-title,.lab-metrics,.lab-status,.lab-panel-foot{grid-column:1/-1}.lab-control:last-child:nth-child(odd){grid-column:1/-1}.lab-metrics{grid-template-columns:repeat(3,1fr)}.lab-metric:last-child:nth-child(odd){grid-column:auto}.lab-viewport{height:480px}.lab-intro h1{font-size:32px}.lab-scene-caption{font-size:8px}.lab-control-help{min-height:34px}}
@media(max-width:540px){.lab-header{height:65px;padding:0 18px}.lab-header>a:last-child{font-size:10px}.lab-shell{padding:22px 14px 16px}.lab-breadcrumb{font-size:10px;margin-bottom:17px}.lab-intro{margin-bottom:20px;gap:12px}.lab-intro h1{font-size:27px}.lab-intro p{font-size:11px}.lab-eyebrow{font-size:9px}.lab-badge{display:none}.lab-workspace{border-radius:13px}.lab-scene-header{padding:11px 12px;min-height:56px;gap:7px}.lab-scene-title{font-size:10px;gap:6px}.lab-camera-views button{font-size:9px;padding:6px 7px}.lab-viewport{height:355px}.lab-scene-caption{top:14px;left:12px;letter-spacing:1px;font-size:7px}.lab-live{right:12px;font-size:8px;top:12px}.lab-help-hint{right:12px;bottom:18px;font-size:8px;gap:5px}.lab-scene-tools{left:12px;bottom:14px;gap:5px}.lab-icon-button{width:40px;height:40px}.lab-component-bar{gap:6px;padding:11px}.lab-component-bar>span{width:100%;font-size:9px}.lab-component-bar button{font-size:9px;padding:7px 9px}.lab-playback{gap:10px;padding:11px 12px}.lab-play-button{font-size:10px;padding:7px 10px}.lab-speed{font-size:9px;gap:5px}.lab-legend{width:100%;margin:0;padding-top:3px;justify-content:space-between}.lab-legend span{font-size:8px}.lab-panel{display:block;padding:19px}.lab-panel-title{margin-bottom:14px}.lab-control{padding:18px 0}.lab-control-help{min-height:0}.lab-metrics{grid-template-columns:1fr 1fr}.lab-metric:last-child:nth-child(odd){grid-column:1/-1}.lab-learning{padding:17px 15px;gap:11px}.lab-learning h2{font-size:12px}.lab-learning p{font-size:10px}.lab-learning-icon{width:27px;height:27px}.lab-note{font-size:9px;margin:13px 2px}.lab-next>span{width:100%;margin-bottom:4px}.lab-next a{font-size:9px;padding:7px 9px}.lab-footer{padding:12px 16px 20px;font-size:9px}.lab-selection{top:42px;right:10px;padding:9px 10px;width:min(230px,calc(100% - 76px))}.lab-selection p{font-size:10px}.lab-selection h3{font-size:12px}}
.lab-page [hidden]{display:none!important}
.lab-brand-watermark{top:12px;left:18px;z-index:1;display:flex;align-items:center;gap:7px;height:28px;max-width:calc(100% - 135px);direction:rtl;opacity:.54;color:#d9c58d;font:10px var(--arabic),sans-serif;line-height:1;letter-spacing:0;pointer-events:none!important;user-select:none;-webkit-user-select:none}
.lab-brand-watermark img{display:block;width:116px;height:28px;min-width:0;object-fit:contain;flex-shrink:1;pointer-events:none;-webkit-user-drag:none}.lab-brand-watermark>span{flex:none;padding-inline-start:7px;border-inline-start:1px solid #d9c58d45;font-size:9px}
.lab-viewport.is-fullscreen .lab-brand-watermark{opacity:.6}
@media(max-width:540px){.lab-brand-watermark{top:9px;left:12px;height:23px;gap:5px}.lab-brand-watermark img{width:98px;height:23px}.lab-brand-watermark>span{font-size:8px;padding-inline-start:5px}}

.lab-inline-control{display:block;margin-top:5px;padding-top:5px;border-top:1px solid #bdd6ef20}.lab-inline-control>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.lab-inline-control b{color:#baccdd;font-weight:500}.lab-inline-control output{color:var(--lab-accent);font-size:12px}.lab-inline-control .lab-range{height:32px;margin:1px 0 0;background:transparent;cursor:ew-resize}.lab-control-heading b{font-size:13px}.lab-control-help{font-size:11px}.lab-metric>span{font-size:10px}.lab-control-heading output{font-size:14px}.lab-presets button{font-size:10px}.lab-scene-title{font-size:13px}.lab-component-bar button{font-size:11px}
@media(max-width:540px){.lab-scene-title{font-size:10px}.lab-component-bar button{font-size:10px}.lab-control-heading b{font-size:13px}.lab-control-help{font-size:11px}}
@media(min-width:541px) and (max-width:850px){.lab-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.lab-controls .lab-control:last-child:nth-child(odd){grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.lab-page *{scroll-behavior:auto!important;transition:none!important}}

/* Sparse, projected controls make the model itself discoverable on touch screens. */
.lab-hotspots{position:absolute;inset:0;pointer-events:none;z-index:1;direction:rtl}.lab-hotspot{position:absolute;left:0;top:0;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;padding:0;pointer-events:auto;cursor:pointer;color:#dcebc3}.lab-hotspot:before{content:"";position:absolute;left:50%;top:calc(50% + var(--stem-top,0px));height:var(--stem-height,0px);width:1px;background:#d7fa7060;pointer-events:none}.lab-hotspot>b{position:relative;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid #d7fa7090;background:#152d32ec;font:600 11px var(--arabic),sans-serif;box-shadow:0 2px 12px #0006,0 0 0 4px #d7fa7009;transition:background .15s,transform .15s}.lab-hotspot>span{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #a9cbda38;border-radius:7px;background:#0c1b2af5;color:#e4eecf;font-size:11px;padding:6px 9px;opacity:0;pointer-events:none;box-shadow:0 4px 20px #0004}.lab-hotspot:hover>b,.lab-hotspot:focus-visible>b,.lab-hotspot[aria-pressed=true]>b{background:#d7fa70;color:#172b29;transform:scale(1.1)}.lab-hotspot:hover>span,.lab-hotspot:focus-visible>span{opacity:1}.lab-hotspot-switch{position:absolute;bottom:45px;right:17px;border:1px solid #bdd8ef28;background:#0d1b2de6;color:#9fb3c6;border-radius:7px;padding:6px 9px;cursor:pointer;font-size:10px;direction:rtl;z-index:1;display:flex;gap:6px;align-items:center}.lab-hotspot-switch[aria-pressed=true]{color:#d6ebba;border-color:#d7fa7040}.lab-hover-tip{position:absolute;max-width:260px;direction:rtl;pointer-events:none;background:#0b1929f5;color:#e2efca;border:1px solid #d7fa7050;box-shadow:0 6px 24px #0005;border-radius:8px;padding:8px 11px;font-size:11px;z-index:4;white-space:nowrap}
.lab-guide{position:relative;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 20px 19px;background:linear-gradient(115deg,#24383166,#14233888);border-top:1px solid var(--lab-line);direction:rtl}.lab-guide-copy{min-width:0}.lab-guide-overline{display:flex;gap:10px;color:#a5baad;font-size:9px;align-items:center}.lab-guide-overline>b{color:#d7fa70;font-size:10px;font-weight:500;white-space:nowrap}.lab-guide h3{font-size:13px;color:#e0edce;margin:4px 0}.lab-guide p{font-size:11px;line-height:1.8;color:#a6b9c7;margin:0;max-width:570px}.lab-guide-actions{display:flex;gap:5px;align-items:center;flex-shrink:0}.lab-guide-actions button{min-height:34px;min-width:34px;border:1px solid #c5dded22;background:#14293a;color:#c6d9ca;border-radius:7px;font-size:13px;cursor:pointer;padding:5px 8px}.lab-guide-actions button:disabled{opacity:.3;cursor:default}.lab-guide-progress{position:absolute;left:20px;right:20px;bottom:7px;display:flex;gap:4px;direction:rtl}.lab-guide-progress i{height:2px;flex:1;border-radius:3px;background:#354d4c}.lab-guide-progress i.is-complete{background:#a1cb77}.lab-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px 16px;border-bottom:1px solid var(--lab-line);background:#0d1828}.lab-modes button{min-width:0;background:#182a3d;color:#aec2d2;border:1px solid #c3dfed1c;border-radius:8px;padding:9px 8px;cursor:pointer;text-align:right}.lab-modes button>b{font-size:11px;display:block;font-weight:600}.lab-modes button>span{font-size:9px;color:#7895ab;display:block;margin-top:4px;line-height:1.6}.lab-modes button[aria-pressed=true]{color:#d7fa70;border-color:#d7fa7070;background:#d7fa700d}.lab-inline-control input:disabled{opacity:.35;cursor:default}
@media(max-width:1100px){.lab-guide{gap:10px;padding-inline:14px}.lab-guide p{font-size:10px}.lab-modes{padding:10px 12px}}
@media(max-width:540px){.lab-hotspot>b{width:23px;height:23px;font-size:10px}.lab-hotspot-switch{right:12px;bottom:40px;font-size:9px;padding:6px 8px}.lab-hotspot>span{font-size:10px}.lab-guide{align-items:flex-start;padding:13px 13px 18px;gap:9px;flex-wrap:wrap}.lab-guide-copy{flex:1 1 200px}.lab-guide h3{font-size:12px}.lab-guide p{font-size:10px}.lab-guide-actions{margin-inline-start:auto}.lab-guide-progress{left:13px;right:13px}.lab-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lab-modes button{padding:8px}.lab-modes button>b{font-size:10px}.lab-modes button>span{font-size:8px}}
@media(hover:none){.lab-hotspot:hover>span{opacity:0}.lab-hotspot[aria-pressed=true]>b{background:#d7fa70}}
.lab-hotspot{touch-action:none}

/* Part information stays compact; the full explanation is available on demand. */
.lab-selection-heading{display:flex;align-items:center;min-height:26px;padding-inline-end:33px}.lab-selection .lab-close .ui-icon{width:17px;height:17px}.lab-selection .lab-close:hover{color:#e7f4c7;background:#d7fa7010}.lab-selection .lab-part-more{margin-top:2px}.lab-part-more summary{list-style:none;cursor:pointer;font-size:10px;line-height:1.5;color:#d7fa70;padding:1px 0}.lab-part-more summary::-webkit-details-marker{display:none}.lab-selection .lab-part-more p{padding:4px 0 2px;color:#c1cedc}.lab-part-more[open]+.lab-inline-control{margin-top:5px}
/* The fill follows the same RTL direction as the native range thumb. */
.lab-inline-control .lab-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to left,#d7fa70 0 var(--fill,50%),#33455d var(--fill,50%) 100%)}.lab-inline-control .lab-range::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to left,#d7fa70 0 var(--fill,50%),#33455d var(--fill,50%) 100%)}.lab-inline-control .lab-range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;border-width:4px}.lab-inline-control .lab-range::-moz-range-thumb{width:12px;height:12px;border-width:4px}
.lab-scene-tools .ui-icon{width:18px;height:18px}.lab-reset{display:inline-flex;align-items:center;gap:5px}.lab-help-hint>.ui-icon{width:15px;height:15px;color:#bed1d8}.lab-fallback>span>.ui-icon{width:38px;height:38px}.lab-learning-icon>.ui-icon{width:17px;height:17px}.lab-note>.ui-icon{vertical-align:-2px}.lab-guide-actions button{display:grid;place-items:center;width:40px;min-height:40px}.lab-guide-actions .ui-icon{width:17px;height:17px}
/* Both native fullscreen and the iPhone fallback contain only the scene. */
html.lab-expanded{overflow:hidden;overscroll-behavior:none}body.lab-expanded{position:fixed;inset-inline:0;top:var(--lab-scroll-top,0px);width:100%;overflow:hidden;overscroll-behavior:none}.lab-workspace.has-fullscreen{isolation:auto;overflow:visible}.lab-viewport.is-fullscreen{width:100vw;height:100vh;height:100dvh;min-height:0;max-width:none;border-radius:0;overflow:hidden}.lab-viewport.is-expanded{position:fixed;inset:0;z-index:1000;box-shadow:none}.lab-exit-fullscreen{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:6;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid #d7fa7044;border-radius:9px;color:#dff1bb;background:#122536f5;font:11px var(--arabic);cursor:pointer}.lab-exit-fullscreen .ui-icon{width:17px;height:17px}.lab-viewport.is-fullscreen .lab-live{left:50%;right:auto;transform:translateX(-50%);top:max(17px,env(safe-area-inset-top))}.lab-viewport.is-fullscreen .lab-brand-watermark{left:max(14px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top))}.lab-viewport.is-fullscreen .lab-scene-tools{left:max(12px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}.lab-viewport.is-fullscreen .lab-help-hint{right:max(12px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.lab-viewport.is-fullscreen .lab-hotspot-switch{right:max(12px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 29px)}.lab-viewport.is-fullscreen .lab-selection{top:calc(max(10px,env(safe-area-inset-top)) + 51px);right:max(12px,env(safe-area-inset-right));max-height:calc(100% - max(10px,env(safe-area-inset-top)) - max(70px,env(safe-area-inset-bottom)))}
@media(max-width:540px){.lab-selection p{font-size:11px;line-height:1.7}.lab-selection h3{font-size:12px}.lab-help-hint{font-size:7.5px;gap:4px}.lab-help-hint>.ui-icon{width:12px;height:12px}.lab-scene-tools{gap:4px}.lab-viewport.is-fullscreen .lab-live{display:none}.lab-viewport.is-fullscreen .lab-selection{width:min(230px,calc(100% - 76px))}}

.lab-selection .lab-part-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.65}.lab-inline-control>span{line-height:1.6}