:root{--ink:#f0f1e9;--muted:#929b96;--panel:#101311;--panel-soft:#151a17;--line:#ccddd329;--line-strong:#ccddd347;--signal:#ffc83d;--cyan:#4fe0c3;--danger:#ff5a43;--bg:#090b0a;--display:var(--font-display), "Arial Narrow", sans-serif;--mono:var(--font-mono), monospace;--body:var(--font-body), sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%, #4fe0c314, transparent 28rem), radial-gradient(circle at 82% 84%, #ffa82d12, transparent 30rem), var(--bg);min-width:320px;color:var(--ink);font-family:var(--body);margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible,a:focus-visible){outline:2px solid var(--signal);outline-offset:3px}.lab-shell{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:44px 44px;min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a09e0;align-items:center;min-height:76px;padding:0 28px;display:flex;position:relative}.brand{color:var(--ink);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(3,7px);gap:3px;width:29px;height:38px;display:grid;transform:skew(-9deg)}.brand-mark i:first-child{background:var(--cyan)}.brand-mark i:nth-child(2){background:var(--signal)}.brand-mark i:nth-child(3){background:var(--danger)}.brand span:last-child{flex-direction:column;display:flex}.brand b{font-family:var(--display);letter-spacing:.055em;font-size:20px;font-weight:900;line-height:1}.brand small{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;margin-top:4px;font-size:9px}.topbar-meta{color:#7e8882;font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:24px;margin-left:auto;font-size:9px;font-weight:600;display:flex}.live-dot{color:var(--cyan);align-items:center;gap:8px;display:inline-flex}.live-dot:before{background:var(--cyan);content:"";border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #4fe0c31a}.mobile-controls-button{border:1px solid var(--line-strong);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;margin-left:auto;padding:10px 14px;font-size:10px;display:none}.workspace{grid-template-columns:minmax(0,1fr) 398px;min-height:calc(100vh - 76px);display:grid}.viewport-card{border-right:1px solid var(--line);isolation:isolate;height:calc(100vh - 76px);min-height:620px;position:sticky;top:0;overflow:hidden}.viewport-card:before{z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg,#050706cc 0,#0000 24% 76%,#0507062e 100%),linear-gradient(#05070666,#0000 30% 76%,#050706b3);position:absolute;inset:0}.viewport-card:after{z-index:3;pointer-events:none;content:"";border-bottom:1px solid #4fe0c359;border-right:1px solid #4fe0c359;width:76px;height:76px;position:absolute;bottom:25px;right:25px}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.viewport-heading{z-index:4;pointer-events:none;width:min(400px,42%);position:absolute;top:42px;left:42px}.eyebrow{color:var(--signal);font-family:var(--mono);letter-spacing:.18em;font-size:9px;font-weight:600}.viewport-heading h1{font-family:var(--display);letter-spacing:-.045em;margin:14px 0 12px;font-size:clamp(54px,5.5vw,84px);font-style:italic;font-weight:900;line-height:.77}.viewport-heading h1 span{color:var(--signal)}.viewport-heading p{color:#8b9590;max-width:320px;margin:0;font-size:12px;line-height:1.7}.tour-console{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(110deg,#ffc83d0e,#0000 34%),#090c0ad6;border:1px solid #ccddd333;border-top-color:#ffc83d85;width:min(700px,100% - 76px);padding:15px 17px 13px;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 20px 46px #00000052}.tour-console-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.tour-scene-copy{min-width:0}.tour-scene-copy>span{color:var(--signal);font-family:var(--mono);letter-spacing:.14em;font-size:7px;font-weight:600}.tour-scene-copy strong{font-family:var(--display);letter-spacing:-.01em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:4px;font-size:20px;font-style:italic;line-height:1;display:block;overflow:hidden}.tour-scene-copy p{color:#7d8781;max-width:470px;margin:6px 0 0;font-size:9px;line-height:1.45}.tour-transport{flex:none;gap:5px;display:flex}.tour-transport button{border:1px solid var(--line);color:#8e9892;cursor:pointer;background:#111512;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;display:inline-flex}.tour-transport button:hover,.tour-transport .tour-play{color:var(--signal);border-color:#ffc83d94}.tour-transport .tour-play{background:#ffc83d14;gap:7px;min-width:122px}.tour-transport svg,.tour-panel-play svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:15px}.tour-transport .tour-play svg{fill:currentColor}.tour-transport span{font-family:var(--mono);letter-spacing:.05em;font-size:7px;font-weight:700}.tour-timeline{grid-template-columns:repeat(8,1fr);gap:0;margin-top:13px;display:grid;position:relative}.tour-timeline:before{content:"";background:#ccddd324;height:1px;position:absolute;top:5px;left:5%;right:5%}.tour-timeline button{color:#4f5953;cursor:pointer;background:0 0;border:0;place-items:center;gap:5px;padding:0;display:grid;position:relative}.tour-timeline i{z-index:1;background:#5b6660;border:2px solid #1d2420;border-radius:50%;width:11px;height:11px;position:relative;box-shadow:0 0 0 1px #ccddd31a}.tour-timeline span{font-family:var(--mono);letter-spacing:.05em;font-size:6px}.tour-timeline button.passed i{background:var(--cyan)}.tour-timeline button.active{color:var(--signal)}.tour-timeline button.active i{background:var(--signal);box-shadow:0 0 0 1px #ffc83d7a,0 0 0 6px #ffc83d1a}.axis-legend{z-index:4;color:#9ba59f;font-family:var(--mono);pointer-events:none;gap:8px;font-size:9px;display:grid;position:absolute;top:42px;right:34px}.axis-legend span{align-items:center;gap:7px;display:flex}.axis-legend i{width:18px;height:2px}.axis-x{background:var(--danger)}.axis-y{background:var(--signal)}.axis-z{background:var(--cyan)}.axis-readout{z-index:5;border:1px solid var(--line);border-left:2px solid var(--signal);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090c0acc;width:164px;padding:12px 13px 13px;transition:opacity .18s,transform .18s;position:absolute;top:132px;right:32px;transform:translate(10px)}.axis-readout.active{opacity:1;transform:translate(0)}.axis-readout>span,.axis-readout small,.axis-readout i{font-family:var(--mono);letter-spacing:.1em;font-size:7px;display:block}.axis-readout>span{color:#68736d}.axis-readout div{justify-content:space-between;align-items:baseline;margin:7px 0 5px;display:flex}.axis-readout strong{color:var(--signal);font-family:var(--display);font-size:31px;font-style:italic;line-height:.9}.axis-readout output{color:var(--ink);font-family:var(--mono);font-size:13px}.axis-readout small{color:#a7b0ab}.axis-readout i{color:#59635d;margin-top:5px;font-style:normal}.view-actions{z-index:6;gap:8px;display:flex;position:absolute;bottom:31px;left:38px}.view-actions button{border:1px solid var(--line);color:#aeb6b1;cursor:pointer;min-height:40px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d110fcc;align-items:center;gap:8px;padding:0 14px;font-size:9px;font-weight:600;transition:all .16s;display:inline-flex}.view-actions button:hover,.view-actions button.active{color:var(--signal);background:#ffc83d1f;border-color:#ffc83db3}.view-actions svg,.icon-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:17px}.render-status{z-index:5;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;bottom:34px;right:38px}.render-status div{gap:3px;display:grid}.render-status small,.render-status strong{font-family:var(--mono);letter-spacing:.1em;font-size:8px}.render-status small{color:#65706a}.render-status strong{color:#aeb6b1;font-weight:500}.status-pulse{background:var(--cyan);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #4fe0c31a}.status-pulse.busy{background:var(--signal);animation:.9s infinite pulse;box-shadow:0 0 0 6px #ffc83d1a}@keyframes pulse{50%{box-shadow:0 0 0 11px #ffc83d00}}.control-panel{background:linear-gradient(#ffffff03,#0000 16rem),#0d100e;position:relative}.tour-panel-section{background:radial-gradient(circle at 100% 0,#ffc83d1a,#0000 20rem),linear-gradient(145deg,#4fe0c306,#0000 55%);min-height:520px}.tour-panel-title{justify-content:space-between;align-items:center;gap:15px;margin-top:10px;display:flex}.tour-panel-title small{color:#65706a;font-family:var(--mono);letter-spacing:.1em;font-size:7px}.tour-panel-title h2{margin-top:5px}.tour-panel-play{width:44px;height:44px;color:var(--signal);cursor:pointer;background:#ffc83d14;border:1px solid #ffc83d75;border-radius:50%;flex:none;place-items:center;display:grid}.tour-panel-play svg{width:17px}.tour-panel-play:not(.active) svg{fill:currentColor}.tour-panel-play:hover,.tour-panel-play.active{background:var(--signal);color:#15130d}.tour-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:17px;display:grid}.tour-scene-grid button{border:1px solid var(--line);color:#737d77;cursor:pointer;text-align:left;background:#111512;grid-template-columns:25px minmax(0,1fr);align-items:center;min-height:39px;padding:0 9px 0 0;display:grid}.tour-scene-grid button:hover,.tour-scene-grid button.active{color:#d8ded9;background:#ffc83d12;border-color:#ffc83d94}.tour-scene-grid span{color:#515b55;font-family:var(--mono);text-align:center;font-size:7px}.tour-scene-grid button.active span{color:var(--signal)}.tour-scene-grid strong{font-family:var(--mono);letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:7px;font-weight:600;overflow:hidden}.tour-hardware-controls{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.hardware-mode{grid-template-columns:1fr 1fr;gap:5px;display:grid}.hardware-mode button{border:1px solid var(--line);color:#69736d;cursor:pointer;min-height:35px;font-family:var(--mono);letter-spacing:.08em;background:0 0;font-size:7px;font-weight:700}.hardware-mode button:hover,.hardware-mode button.active{border-color:var(--cyan);color:var(--cyan);background:#4fe0c314}.panel-section{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;min-height:200px;display:grid;position:relative}.section-index{border-right:1px solid var(--line);color:#525b56;font-family:var(--mono);text-align:center;padding-top:25px;font-size:9px}.section-copy{padding:25px 25px 27px}.section-copy h2{font-family:var(--display);letter-spacing:-.02em;margin:10px 0 4px;font-size:31px;font-style:italic;font-weight:800;line-height:1}.section-copy>p{color:#8c9690;margin:15px 0;font-size:11px;line-height:1.68}.selected-section{background:radial-gradient(circle at 100% 0,#4fe0c314,#0000 16rem),0 0;min-height:238px}.selected-meta{flex-wrap:wrap;gap:7px;display:flex}.selected-meta span{border:1px solid var(--line);color:#7f8983;font-family:var(--mono);padding:5px 7px;font-size:8px}.piece-motion-section{background:radial-gradient(circle at 100% 0,#ffc83d12,#0000 18rem),0 0;min-height:294px}.piece-empty-state{background:linear-gradient(135deg,#ffc83d0d,#0000 70%),#101411;border:1px dashed #ffc83d47;margin-top:15px;padding:18px}.piece-empty-state strong{color:#c9d1cc;font-family:var(--display);text-transform:uppercase;font-size:20px;font-style:italic;display:block}.piece-empty-state p{color:#737d77;margin:8px 0 0;font-size:10px;line-height:1.65}.piece-motion-head{justify-content:space-between;align-items:baseline;margin-top:14px;display:flex}.piece-motion-head span,.piece-motion-head output{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:8px}.piece-motion-head span{color:#727c76}.piece-motion-head output{color:var(--signal)}.piece-face-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.piece-face-row button{border:1px solid var(--line);color:#7f8983;cursor:pointer;background:#111512;place-items:center;min-height:48px;padding:7px 5px 6px;transition:border-color .14s,color .14s,background .14s;display:grid}.piece-face-row button:hover,.piece-face-row button.active{color:var(--signal);background:#ffc83d14;border-color:#ffc83db8}.piece-face-row strong{font-family:var(--display);font-size:19px;line-height:1}.piece-face-row small{color:#5e6862;font-family:var(--mono);letter-spacing:.08em;font-size:6px}.piece-face-row button.active small{color:#a78d45}.piece-range{margin-top:15px}.piece-action-row{grid-template-columns:1.25fr 1fr;gap:7px;margin-top:18px;display:grid}.secondary-action{border:1px solid var(--line-strong);color:#aab3ad;cursor:pointer;min-height:44px;font-family:var(--mono);letter-spacing:.03em;background:0 0;padding:0 9px;font-size:8px;font-weight:600}.secondary-action:hover{border-color:var(--cyan);color:var(--cyan)}.piece-drag-hint{color:#626c66;font-family:var(--mono);margin:10px 0 0;font-size:7px;line-height:1.5}.text-button{color:var(--cyan);cursor:pointer;font-family:var(--mono);letter-spacing:.02em;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:9px;display:inline-flex}.text-button span{transition:transform .15s}.text-button:hover span{transform:translate(2px,-2px)}.control-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.toggle-card{border:1px solid var(--line);color:#7d8781;cursor:pointer;min-height:42px;font-family:var(--mono);background:#111512;justify-content:space-between;align-items:center;padding:0 11px;font-size:8px;transition:all .16s;display:flex}.toggle-card i{color:#56605a;font-size:7px;font-style:normal}.toggle-card:hover,.toggle-card.active{color:#d8e2dc;border-color:#4fe0c380}.toggle-card.active i{color:var(--cyan)}.range-control{gap:10px;margin-top:20px;display:grid}.range-control>span{justify-content:space-between;align-items:center;display:flex}.range-control b,.range-control output{font-family:var(--mono);font-size:8px;font-weight:500}.range-control b{color:#8c9690}.range-control output{color:var(--signal)}.range-control input{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--signal), #38403b);cursor:ew-resize;border-radius:0;width:100%;height:3px;margin:0}.range-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--signal);border:2px solid #111;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #ffc83da6}.range-control input::-moz-range-thumb{background:var(--signal);border:2px solid #111;border-radius:50%;width:11px;height:11px}.range-control.compact{margin-top:17px}.filter-row{scrollbar-width:none;gap:4px;margin-top:18px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{border:1px solid var(--line);color:#69736d;cursor:pointer;font-family:var(--mono);text-transform:uppercase;background:0 0;flex:none;padding:7px 8px;font-size:7px}.filter-row button:hover,.filter-row button.active{border-color:var(--signal);color:var(--signal)}.turn-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:15px;display:grid}.turn-grid button{border:1px solid var(--line);cursor:pointer;background:#111512;place-items:center;min-height:50px;transition:transform .12s,border-color .12s,color .12s;display:grid}.turn-grid button:hover{border-color:var(--signal);color:var(--signal);transform:translateY(-2px)}.turn-grid strong{font-family:var(--display);align-self:end;font-size:18px}.turn-grid span{color:#58615c;font-family:var(--mono);align-self:start;font-size:7px}.action-row{grid-template-columns:1fr 45px;gap:7px;margin-top:8px;display:grid}.primary-action,.icon-action{cursor:pointer;border:0;min-height:44px}.primary-action{background:var(--signal);color:#17150d;font-family:var(--mono);letter-spacing:.04em;font-size:9px;font-weight:700}.primary-action:hover{background:#ffda6f}.icon-action{border:1px solid var(--line);color:#8b9690;background:0 0;place-items:center;display:grid}.icon-action:hover{border-color:var(--danger);color:var(--danger)}.icon-action svg{width:18px}.switch-row{cursor:pointer;align-items:center;margin-top:20px;display:flex;position:relative}.switch-row span{gap:3px;display:grid}.switch-row b,.switch-row small{font-family:var(--mono);font-size:8px;font-weight:500}.switch-row b{color:#a4aea8}.switch-row small{color:#56605a}.switch-row input{opacity:0;position:absolute}.switch-row i{background:#151917;border:1px solid #3a423e;width:34px;height:18px;margin-left:auto;position:relative}.switch-row i:after{content:"";background:#5f6963;width:10px;height:10px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch-row input:checked+i{border-color:#4fe0c3b3}.switch-row input:checked+i:after{background:var(--cyan);transform:translate(16px)}.anatomy-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.anatomy-strip article{border-right:1px solid var(--line);background:linear-gradient(135deg,#ffffff05,#0000 50%),#0d100e;min-height:170px;padding:28px}.anatomy-strip article:last-child{border-right:0}.anatomy-strip span{color:var(--signal);font-family:var(--mono);letter-spacing:.12em;font-size:8px}.anatomy-strip strong{font-family:var(--display);text-transform:uppercase;margin:17px 0 8px;font-size:25px;font-style:italic;display:block}.anatomy-strip p{color:#727c76;max-width:270px;margin:0;font-size:10px;line-height:1.65}footer{color:#4f5853;font-family:var(--mono);letter-spacing:.11em;justify-content:space-between;gap:18px;padding:21px 28px;font-size:7px;display:flex}@media (max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr) 352px}.section-copy{padding-left:19px;padding-right:19px}.viewport-heading{width:min(350px,46%)}.tour-console{width:min(620px,100% - 54px)}.tour-scene-copy p{max-width:390px}}@media (max-width:920px){.topbar{min-height:64px;padding:0 18px}.topbar-meta{display:none}.mobile-controls-button{display:block}.workspace{min-height:auto;display:block}.viewport-card{border-right:0;height:calc(100svh - 64px);min-height:570px;position:relative}.control-panel{z-index:30;border-top:1px solid var(--line-strong);max-height:77svh;transition:transform .26s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -24px 60px #0009}.control-panel.open{transform:translateY(0)}.panel-section{grid-template-columns:36px 1fr}.viewport-heading{width:min(330px,66%);top:24px;left:20px}.viewport-heading h1{font-size:clamp(49px,12vw,78px)}.viewport-heading p{display:none}.axis-legend{top:27px;right:20px}.axis-readout{width:148px;top:116px;right:18px}.tour-console{width:min(680px,100% - 36px);bottom:82px}.view-actions{bottom:22px;left:18px}.render-status{bottom:26px;right:20px}.anatomy-strip{grid-template-columns:1fr 1fr}.anatomy-strip article:nth-child(2){border-right:0}.anatomy-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:600px){.brand b{font-size:17px}.brand small{font-size:7px}.viewport-card{min-height:540px}.viewport-heading h1{margin-top:10px;font-size:clamp(42px,15vw,65px)}.tour-console{width:calc(100% - 28px);padding:12px 12px 10px;bottom:82px}.tour-console-head{align-items:center;gap:8px}.tour-scene-copy>span,.tour-scene-copy p{display:none}.tour-scene-copy strong{max-width:42vw;margin-top:0;font-size:16px}.tour-transport button{min-width:32px;height:32px;padding:0 7px}.tour-transport .tour-play{min-width:34px}.tour-transport .tour-play span{display:none}.tour-timeline{margin-top:11px}.tour-timeline span{display:none}.view-actions{grid-template-columns:repeat(4,1fr);display:grid;right:18px}.view-actions button{flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:49px;padding:4px 5px;font-size:6px}.axis-readout{width:136px;top:auto;bottom:188px;right:18px}.axis-readout i{display:none}.axis-readout strong{font-size:27px}.piece-action-row{grid-template-columns:1fr}.render-status{display:none}.anatomy-strip{grid-template-columns:1fr}.anatomy-strip article{border-right:0;border-bottom:1px solid var(--line);min-height:132px}.anatomy-strip article:last-child{border-bottom:0}footer{justify-content:start;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}