.layout-lab-page .site-header{position:relative}.layout-lab{padding-block:32px 64px}.lab-back{display:inline-block;color:#bbb;font-size:.875rem;margin-bottom:20px}.lab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.lab-toolbar .eyebrow{color:var(--accent);font-size:.8125rem}.lab-toolbar h1{font-size:clamp(2.5rem,4.7vw,4.4rem);margin:12px 0 18px}.lab-toolbar .serif-accent{color:var(--accent)}.lab-toolbar p:last-child{color:#c6c6c6;max-width:66ch}.layout-lab button,.layout-lab select{font:inherit;color:#fff}.layout-lab :is(button,input,select):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.lab-reset{flex-shrink:0;border:1px solid #555;background:transparent;padding:11px 17px;min-height:44px}.lab-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);align-items:start;gap:24px}.lab-model-column{min-width:0;position:sticky;top:24px}.lab-model-card{border:1px solid #353535;background:#12151b;overflow:hidden}
.layout-lab .ball-viewport{position:relative;background:radial-gradient(ellipse at 50% 45%,#28314466,transparent 70%)}.layout-lab .scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #ffffff12}.layout-lab .scene-heading .eyebrow{font-size:.75rem;letter-spacing:.05em;color:#bdc5d3}.layout-lab .scene-chip{font-size:.8125rem;color:var(--accent);border:1px solid #ffcc0140;padding:3px 9px;white-space:nowrap}.layout-lab .scene-area{height:480px;position:relative}.layout-lab .scene-host{position:absolute;inset:0;overflow:hidden}.layout-lab .scene-host canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.layout-lab .point-label{position:absolute;left:0;top:0;pointer-events:none;border:1px solid color-mix(in srgb,var(--marker-color),transparent 50%);color:var(--marker-color);background:#10141eeb;padding:4px 7px;font-size:.8125rem;font-weight:600;white-space:nowrap;line-height:1.5}.layout-lab .arc-tooltip{position:absolute;z-index:4;pointer-events:none;padding:8px 12px;border:1px solid #657086;background:#131a27;color:white;font-size:.875rem;max-width:240px;line-height:1.5}.layout-lab .scene-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(85%,360px);padding:22px;background:#171b24f5;z-index:5;border:1px solid #888;display:grid;justify-items:center;gap:10px;text-align:center;line-height:1.5}.layout-lab .scene-message p{font-size:.875rem;color:#ccc}.layout-lab .zoom-controls{position:absolute;right:14px;top:14px;z-index:3;display:flex;flex-direction:column;gap:5px}.layout-lab .zoom-controls button{width:38px;height:38px;border:1px solid #555;background:#171d29;display:grid;place-items:center;padding:0}.layout-lab .view-presets{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:8px 16px 12px}.layout-lab .view-presets button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:44px;padding:7px 12px;font-size:.8125rem;border:1px solid #444;background:#1b2029}.layout-lab .view-presets button:hover,.layout-lab .zoom-controls button:hover{border-color:var(--accent);color:var(--accent)}.layout-lab .scene-hint{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px 18px;font-size:.8125rem;color:#b4bac6;text-align:center;line-height:1.5}.layout-lab .scene-hint b{margin:0 5px}
.lab-status{display:grid;gap:3px;padding:14px 20px;background:#ffcc010b;border-block:1px solid #ffcc0130;border-left:3px solid var(--accent);font-size:.875rem;line-height:1.5}.lab-status strong{font-weight:600;color:var(--accent)}.lab-status span{color:#d1d1d1}.lab-status.is-invalid{border-left-color:#ff7276;background:#ff2f350c}.lab-status.is-invalid strong{color:#ff989c}.lab-arcs{border:0;margin:0;padding:16px 20px 20px;display:flex;flex-wrap:wrap;gap:12px 20px}.lab-arcs legend{float:left;width:100%;font-size:.8125rem;color:#b5b5b5;margin-bottom:12px}.lab-arcs label{display:flex;align-items:center;gap:7px;font-size:.875rem;line-height:1.4}.lab-arcs input{accent-color:var(--accent);width:16px;height:16px;margin:0}.lab-model-note{font-size:.875rem;color:#aaa;line-height:1.6;margin-top:14px;max-width:68ch}
.lab-controls{background:#191919;border:1px solid #363636;border-top:3px solid var(--brand-red);padding:24px;min-width:0}.lab-controls>.eyebrow{color:#bbb;font-size:.75rem}.lab-controls h2{font-size:2.2rem;margin:8px 0 22px}.lab-system-label,.lab-select-label{display:block;font-size:.9375rem;font-weight:600}.lab-controls select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #626262;background:#262626;border-radius:0;margin-top:8px;font-size:1rem}.lab-system-description{color:#bdbdbd;font-size:.875rem;line-height:1.6;margin:12px 0 20px}.lab-measurements{border-top:1px solid #ffffff20;padding-top:2px}.lab-field{display:block;margin:18px 0}.lab-field-heading{display:flex;justify-content:space-between;gap:12px;font-size:.9375rem;font-weight:600}.lab-field output{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.lab-field input{display:block;width:100%;margin:12px 0 9px;accent-color:var(--accent);min-height:24px;cursor:pointer}.lab-field small,.lab-advanced small{display:block;color:#bdbdbd;font-size:.875rem;line-height:1.55}.lab-bowler,.lab-advanced{border-top:1px solid #ffffff24;padding-top:14px;margin-top:20px}.lab-bowler summary,.lab-advanced summary{cursor:pointer;font-weight:600;font-size:.9375rem}.lab-bowler[open] summary,.lab-advanced[open] summary{margin-bottom:16px}.lab-advanced small{margin-top:10px}.lab-note{font-size:.8125rem;color:#aaa;line-height:1.6;margin-top:22px}
.lab-guide{margin-top:64px;border-top:1px solid #444;padding-top:40px}.lab-guide>.eyebrow{color:var(--accent)}.lab-guide h2{font-size:clamp(2.5rem,4vw,3.5rem);margin:12px 0 30px}.lab-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.lab-guide-grid article{border-top:2px solid var(--brand-red);padding-top:18px}.lab-guide-grid article>span{font-size:.875rem;color:var(--accent);font-weight:700}.lab-guide h3{font-size:1.8rem;margin:8px 0 12px}.lab-guide p{color:#c5c5c5;line-height:1.7}.lab-guide-footer{display:flex;align-items:center;gap:40px;justify-content:space-between;margin-top:30px}.lab-guide-footer p{font-size:.875rem;max-width:75ch}.lab-guide-footer .button{flex-shrink:0}
@media(max-width:1000px){.lab-workspace{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.layout-lab .scene-area{height:390px}.layout-lab .scene-heading .eyebrow{font-size:.6875rem}.lab-controls{padding:20px}.lab-guide-footer{align-items:start;flex-direction:column;gap:20px}}@media(max-width:800px){.lab-workspace{grid-template-columns:1fr}.lab-model-column{position:static}.lab-toolbar{align-items:start}.layout-lab .scene-area{height:440px}.lab-guide-grid{grid-template-columns:1fr;gap:24px}.lab-guide{margin-top:40px}}@media(max-width:500px){.layout-lab{padding-top:22px}.lab-toolbar{display:block}.lab-reset{margin-top:18px}.lab-toolbar h1{font-size:2.65rem}.layout-lab .scene-area{height:340px}.layout-lab .scene-heading{padding:12px}.layout-lab .scene-heading .eyebrow{font-size:.625rem}.layout-lab .scene-hint{font-size:.75rem}.layout-lab .scene-hint svg{display:none}.layout-lab .view-presets{gap:5px;padding-inline:8px}.layout-lab .view-presets button{padding:6px 8px}.lab-arcs{padding-inline:14px;gap:12px}.lab-status{padding-inline:14px}.lab-guide h2{font-size:2.6rem}.lab-guide-footer .button{width:100%}}

.lab-pap-reference{font-size:.8125rem;color:#aaa;line-height:1.6;margin-top:10px}

.lab-intro-note{font-size:.9375rem;line-height:1.65;color:#ccc;margin-bottom:20px}.lab-guide-footer .lab-guide-invitation{font-size:1rem;color:#fff;margin-bottom:14px}

.layout-lab .scene-heading{align-items:flex-start}.layout-lab .scene-title{min-width:0}.layout-lab .scene-hover-note{margin:7px 0 0;color:#c1c7d1;font-size:.875rem;line-height:1.5;max-width:44ch}.layout-lab .scene-hover-note span{display:block}

.layout-lab .scene-chip{display:inline-flex;align-items:center}