.tape-lab{background:#0b171e;color:#e9eeed}.tape-lab .wrap{max-width:1360px}.tape-lab .model-breadcrumb{margin:26px 0 0}.lab-intro{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:36px 0 38px}.lab-intro .eyebrow{font-size:10px;letter-spacing:2.4px;color:#839896}.lab-intro .eyebrow span{margin-left:18px;color:#d8bd80}.lab-intro h1{font-size:clamp(34px,4.1vw,59px);font-weight:450;line-height:1.27;letter-spacing:-1.8px;margin:17px 0 0}.lab-intro h1 span{color:#e8ca85}.intro-aside{display:flex;flex-direction:column;align-items:flex-start;max-width:300px;padding-right:25px}.intro-line{height:1px;width:35px;background:#e8ca85}.intro-aside p{font-size:14px;line-height:1.9;color:#93a8b0;margin:18px 0}.intro-aside a{font-size:12px;color:#e8ca85}.intro-aside a span{margin-left:35px}.lab{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #33434a;border-radius:18px;overflow:hidden;background:#0e1d25;scroll-margin-top:16px}.viewer-column{min-width:0;background:radial-gradient(ellipse at 50% 40%,#253945 0%,#14262f 48%,#0e1c24 90%)}.viewer-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:10px;position:relative;z-index:1}.viewer-top>span{color:#aebfc4;font-size:12px;display:flex;align-items:center;gap:8px}.viewer-top i{width:5px;height:5px;border-radius:50%;background:#b8d8c8;box-shadow:0 0 10px #afd3bc55}.view-switch{display:flex;padding:3px;border:1px solid #3a4a51;border-radius:7px;background:#07111755}.view-switch button{min-width:51px;min-height:32px;border:0;border-radius:4px;background:transparent;color:#92a6af;font:inherit;font-size:12px;cursor:pointer}.view-switch button[aria-pressed=true]{background:#d9c38f;color:#18252a;box-shadow:0 2px 9px #0003}.viewport{height:440px;position:relative;overflow:hidden}.viewport canvas{width:100%;height:100%;display:block;position:relative;z-index:1;touch-action:none;opacity:0;transition:opacity .5s}.viewport.ready canvas{opacity:1}.viewport>img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.5}.viewport.ready>img{display:none}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;background:#10212b80;z-index:2;color:#e8ca85}.viewer-loading[hidden]{display:none}.model-id{position:absolute;left:23px;bottom:26px;font-size:11px;line-height:1.9;letter-spacing:3px;color:#6f8692;pointer-events:none;z-index:2}.model-id span{font-size:8px;letter-spacing:2px}.reset-view{position:absolute;right:22px;bottom:26px;z-index:2;border:1px solid #4b606a;background:#12232bcc;border-radius:24px;min-height:38px;padding:0 13px;font:inherit;font-size:11px;color:#adbec6;cursor:pointer}.viewer-bottom{padding:8px 22px 19px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8da3ae}.telemetry{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;border-top:1px solid #34464e77;padding:18px 22px;background:#09151e44;gap:20px}.telemetry>div{display:flex;flex-direction:column;gap:10px}.telemetry>div+div{border-left:1px solid #34464e77;padding-left:22px}.telemetry span{color:#8da4af;font-size:11px}.telemetry strong{font-weight:400;font-size:32px;line-height:1.1;font-variant-numeric:tabular-nums;color:#e8ca85}.telemetry strong small{font-size:12px;color:#92a8b0;margin-left:6px}.telemetry .brake-value{font-size:17px;line-height:35px;color:#b6d9cd}.energy-track{height:5px;border-radius:3px;background:#34454e;margin-top:5px;overflow:hidden}.energy-track span{display:block;height:100%;width:12%;background:linear-gradient(90deg,#7eaaa3,#e8ca85)}.telemetry small{font-size:10px;color:#92a8b0}.control-panel{padding:28px 23px 20px;border-left:1px solid #33434a;background:#0e1c24}.control-panel .eyebrow{font-size:9px;letter-spacing:2px;color:#8ca19e;margin:0 0 11px}.control-panel h2{font-weight:450;font-size:22px;line-height:1.4;margin:0}.control-lede{font-size:13px;color:#91a7b1;line-height:1.8;margin:12px 0 26px}.control-label{display:flex;justify-content:space-between;font-size:11px;color:#889da8;align-items:center}.control-label label{display:flex;gap:12px;align-items:center}.control-label span{color:#d6e0df;font-size:13px}.control-label output{color:#e8ca85;font-variant-numeric:tabular-nums}.control-panel input[type=range]{display:block;width:100%;height:30px;accent-color:#ebcb84;margin:11px 0 0;cursor:ew-resize;touch-action:none}.control-panel input:disabled{opacity:.35;cursor:not-allowed}.range-scale{display:flex;justify-content:space-between;font-size:9px;color:#6f8998}.pull-control>p{font-size:11px;line-height:1.65;color:#92a7b0;margin:11px 0}.secondary-action{border:1px solid #354953;border-radius:6px;background:transparent;min-height:40px;color:#acbec5;font:inherit;font-size:12px;cursor:pointer;width:100%;transition:background .2s}.secondary-action:hover{background:#203541}.secondary-action:disabled{opacity:.35;cursor:default}.brake-control{margin-top:23px}.brake-control>.control-label{justify-content:flex-start;gap:12px}.lock-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border:1px solid #e9cb86;background:#e9cb86;color:#18242a;border-radius:6px;margin:12px 0 8px;padding:0 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.lock-action[aria-pressed=true]{background:#203c38;border-color:#7cae9c;color:#bcdecf}.lock-action:disabled{opacity:.4;cursor:default}.lock-action .lock-icon{font-size:19px;font-weight:400}.live-note{margin-top:22px;border-left:2px solid #ad9461;padding-left:12px;min-height:71px}.live-note>span{font-size:10px;color:#e8ca85;letter-spacing:1px}.live-note p{font-size:12px;line-height:1.8;color:#9ab0ba;margin:7px 0 0}.demo-action{display:flex;align-items:center;justify-content:center;gap:10px;background:none;border:0;border-top:1px solid #2c3f49;width:100%;min-height:43px;margin-top:17px;color:#b9c9ce;font:inherit;font-size:12px;cursor:pointer}.demo-action[aria-pressed=true]{color:#e8ca85}.inside{padding:75px 0 0;scroll-margin-top:30px}.inside-heading h2{font-size:32px;font-weight:450;line-height:1.4;margin:12px 0}.inside-heading h2 span{color:#e8ca85}.inside-heading>p:last-child{font-size:13px;color:#91a7b2;margin:0 0 26px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.detail-card{text-align:left;font:inherit;background:linear-gradient(135deg,#13242c,#101d25);border:1px solid #2b3c45;border-radius:11px;padding:23px 22px;color:#e6edeb;cursor:pointer;transition:background .2s,border-color .2s}.detail-card:hover,.detail-card[aria-pressed=true]{background:#1b2e36;border-color:#b29e6f}.detail-number{font-size:10px;letter-spacing:1.5px;color:#8dabae}.detail-card svg{display:block;width:82px;height:65px;margin:24px 0 12px;fill:none;stroke:#e1c790;stroke-width:1.4;stroke-linejoin:round}.detail-card h3{font-size:19px;font-weight:450;margin:0 0 10px}.detail-card p{font-size:13px;line-height:1.9;color:#9bb0b9;margin:0;min-height:76px}.detail-link{font-size:11px;color:#d9c58e;display:block;margin-top:23px}.source-note{font-size:11px;color:#7e959f;line-height:1.9;margin:20px 0 0}.source-note a{color:#aebcb9;text-decoration:underline;text-underline-offset:3px;margin-left:9px}.assembly-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:37px 40px;border:1px solid #3e4943;border-radius:12px;background:linear-gradient(110deg,#1e2b2b,#16232b);margin:60px 0}.assembly-banner h2{font-weight:450;font-size:28px;margin:10px 0}.assembly-banner p:last-child{font-size:13px;color:#9bb0b8;margin:0}.assembly-banner .button{white-space:nowrap;font-size:14px}.tape-lab button:focus-visible,.tape-lab input:focus-visible{outline:2px solid #f1d698;outline-offset:4px}.viewer-error .viewer-loading{align-items:end;padding:20px;background:transparent;color:#f1d698;text-align:center}.viewer-error canvas{display:none}
@media(min-width:1400px){.viewport{height:495px}.control-panel{padding-top:34px}.control-lede{margin-bottom:32px}.brake-control{margin-top:32px}}
@media(max-width:1000px){.lab{grid-template-columns:minmax(0,1fr) 265px}.control-panel{padding:24px 19px}.viewport{height:440px}.telemetry{gap:12px;padding:18px 16px}.telemetry>div+div{padding-left:12px}.viewer-top{padding:16px}.viewer-top>span{font-size:11px}.view-switch button{min-width:44px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card p{min-height:48px}.lab-intro h1{font-size:43px}.intro-aside{max-width:260px;padding:0}}
@media(max-width:760px){.tape-lab .wrap{width:calc(100% - 32px)}.tape-lab .site-header{height:70px;gap:14px}.tape-lab .site-header nav{gap:14px;font-size:12px}.tape-lab .site-header nav a:nth-child(2){display:none}.tape-lab .model-breadcrumb{font-size:11px;margin-top:20px}.lab-intro{padding:25px 0 28px}.lab-intro h1{font-size:35px;letter-spacing:-1px;margin-top:15px}.lab-intro .eyebrow{font-size:8px;letter-spacing:1.7px}.lab-intro .eyebrow span{margin-left:9px}.intro-aside{display:none}.lab{display:block;border-radius:12px}.viewer-top{padding:13px 12px}.viewer-top>span{font-size:10px;gap:5px}.view-switch{padding:2px}.view-switch button{font-size:11px;min-height:32px;min-width:43px}.viewport{height:310px}.model-id{left:15px;bottom:20px;font-size:9px}.reset-view{right:12px;bottom:20px;font-size:10px;min-height:33px}.viewer-bottom{padding:0 12px 13px;font-size:9px;gap:5px}.telemetry{padding:14px 13px;gap:12px}.telemetry>div{gap:7px}.telemetry>div+div{padding-left:12px}.telemetry span{font-size:10px}.telemetry strong{font-size:28px}.telemetry .brake-value{font-size:14px;line-height:30px}.telemetry small{font-size:9px}.control-panel{border-left:0;border-top:1px solid #33434a;padding:21px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.control-panel>.eyebrow,.control-panel>h2,.control-lede{grid-column:1/-1}.control-panel h2{font-size:21px}.control-lede{margin:8px 0 20px;font-size:12px}.control-lede br{display:none}.brake-control{margin:0}.control-label{font-size:9px}.control-label label{gap:5px}.control-label span{font-size:12px}.control-label output{font-size:10px}.lock-action{margin-top:11px;min-height:46px;padding:0 9px;font-size:12px}.pull-control>p{font-size:10px;min-height:33px;margin:8px 0}.brake-control .secondary-action{margin-top:4px;height:40px;font-size:11px}.pull-control .secondary-action{font-size:11px}.live-note{grid-column:1/-1;min-height:56px;margin-top:20px}.demo-action{grid-column:1/-1;margin-top:15px}.inside{padding-top:48px}.inside-heading h2{font-size:27px}.inside-heading .eyebrow{font-size:9px}.detail-grid{gap:10px}.detail-card{padding:18px 15px}.detail-number{font-size:9px}.detail-card svg{width:70px;margin:14px 0 8px}.detail-card h3{font-size:17px}.detail-card p{font-size:12px;min-height:94px;line-height:1.9}.detail-link{font-size:10px;margin-top:15px}.source-note{font-size:10px}.assembly-banner{padding:27px 22px;display:block;margin:35px 0}.assembly-banner h2{font-size:25px}.assembly-banner p:last-child{font-size:12px}.assembly-banner .button{margin-top:23px;min-height:46px}.tape-lab .site-footer{font-size:10px}.tape-lab .eyebrow{letter-spacing:1.8px}}
@media(max-width:360px){.lab-intro h1{font-size:30px}.lab-intro .eyebrow span{display:block;margin:7px 0 0}.viewport{height:275px}.viewer-top>span{font-size:9px}.view-switch button{min-width:39px}.viewer-bottom{flex-direction:column;gap:4px}.control-panel{padding:18px 13px;gap:0 12px}.detail-card{padding:15px 12px}.detail-card p{min-height:116px}.telemetry{gap:7px}.telemetry>div+div{padding-left:8px}.telemetry .brake-value{font-size:12px}}
.tape-lab .lab-intro .eyebrow span{display:inline}.tape-lab .lab-intro h1 br{display:initial}.tape-lab .control-panel button{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}