:root{color:#202a2d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#202a2d;--muted:#788689;--rule:#2d3e4124;--surface:#f7f9f8f0;--supply:#16a6ad;--return:#d88b39;--panel-shadow:0 12px 32px #27393b1a;font-optical-sizing:auto;background:#e9eeee;font-family:Bahnschrift,Microsoft YaHei UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#showcase{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #147f86}.showcase{isolation:isolate;background:#e9eeee;width:100%;height:100%;min-height:520px;position:relative;overflow:hidden}.scene-stage{background-color:#e9eeee;background-image:linear-gradient(#5f757809 1px,#0000 1px),linear-gradient(90deg,#5f757809 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;overflow:hidden}.scene-canvas-host,.scene-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-canvas{touch-action:none}.stage-reticle{pointer-events:none;opacity:.36;position:absolute;inset:98px 20px 88px}.stage-reticle i{border-style:solid;border-color:#63777a;width:12px;height:12px;position:absolute}.stage-reticle i:first-child{border-width:1px 0 0 1px;top:0;left:0}.stage-reticle i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.stage-reticle i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.stage-reticle i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.model-state{color:#536367;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f9f8d1;border:1px solid #495d5f1f;align-items:center;gap:9px;padding:9px 12px;transition:opacity .22s,transform .22s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 18px #2d3c3d0f}.model-state__marker{background:#5e9a98;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #51939121}.model-state__code,.masthead__eyebrow,.timecode,.motion-readout__head>span:last-child{letter-spacing:0;font-family:Consolas,Courier New,monospace;font-size:10px;font-weight:500}.model-state__code{color:#92a0a1;margin-left:8px}.model-state[data-model-state=ready]{opacity:0;transform:translate(-50%,-38%)}.model-state[data-model-state=error] .model-state__marker{background:#c96d52;box-shadow:0 0 0 3px #c96d5221}.masthead{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;min-height:82px;padding:15px 28px;display:flex;position:absolute;top:0;left:0;right:0}.masthead__identity{align-items:center;gap:13px;display:flex}.masthead__mark{border:1px solid #31464959;justify-content:center;align-items:center;gap:3px;width:31px;height:31px;display:flex;position:relative;transform:rotate(45deg)}.masthead__mark span{background:#2e8588;width:4px;height:15px}.masthead__mark span:last-child{background:#d38a3d;height:9px}.masthead__eyebrow{color:#829093;margin:0 0 4px;font-size:9px}.masthead h1{color:#253235;margin:0;font-size:19px;font-weight:600;line-height:1.2}.masthead__meta{color:#617174;gap:0;font-family:Consolas,Courier New,monospace;font-size:10px;display:flex}.masthead__meta span{padding:7px 11px}.masthead__meta span+span{border-left:1px solid var(--rule)}.inspection-panel,.motion-readout,.timeline-dock{z-index:3;background:var(--surface);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.inspection-panel{border:1px solid #41535521;border-radius:5px;width:232px;padding:16px 16px 13px;position:absolute;top:106px;left:22px}.control-section+.control-section{border-top:1px solid var(--rule);margin-top:16px;padding-top:14px}.control-section h2{color:#7d8a8c;margin:0 0 9px;font-size:10px;font-weight:600}.segmented,.speed-control{background:#e8edec;border-radius:4px;align-items:center;padding:3px;display:flex}.segmented button,.speed-control button{color:#748183;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1;min-width:0;padding:7px 5px;font-size:11px;transition:color .14s,background .14s,box-shadow .14s}.segmented button[aria-pressed=true],.speed-control button[aria-pressed=true]{color:#253336;background:#fbfcfb;box-shadow:0 1px 4px #2436381f}.preset-list{grid-template-columns:1fr 1fr;gap:1px 10px;display:grid}.preset-list button{color:#6b797b;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3e515317;min-height:32px;padding:6px 0 6px 11px;font-size:11px;position:relative}.preset-list button:before{content:"";background:0 0;border-radius:50%;width:4px;height:4px;position:absolute;top:13px;left:0}.preset-list button[aria-pressed=true]{color:#263538}.preset-list button[aria-pressed=true]:before{background:#258d90}.preset-list button:hover,.reset-button:hover{color:#147f86}.reset-button{color:#778587;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;margin-top:12px;padding:8px 0 2px;font-size:10px}.motion-readout{border:1px solid #41535521;border-radius:5px;width:224px;padding:15px 16px 13px;position:absolute;top:106px;right:22px}.motion-readout__head{color:#829092;align-items:center;gap:7px;font-size:10px;display:flex}.motion-readout__head>span:last-child{color:#9aa6a6;margin-left:auto}.live-indicator{background:#22989a;border-radius:50%;width:6px;height:6px}.motion-readout>strong{color:#273538;margin:9px 0 12px;font-size:16px;font-weight:600;display:block}.motion-readout__line{color:#778486;border-top:1px solid #3d505214;justify-content:space-between;align-items:center;min-height:25px;font-size:10px;display:flex}.motion-readout__line b{color:#344245;font-size:10px;font-weight:600}.route-readout{color:#607073;align-items:center;gap:7px;min-height:22px;font-family:IBM Plex Mono,Consolas,monospace;font-size:10px;display:flex}.motion-readout__note{color:#839092;margin:9px 0 0;font-size:9px;line-height:1.4}.route-readout__supply,.route-readout__return{flex:none;width:12px;height:2px}.route-readout__supply{background:var(--supply)}.route-readout__return{background:var(--return)}.flow-key{z-index:2;color:#68787b;background:#f7f9f8b8;border:1px solid #4153551a;gap:15px;padding:7px 9px;font-size:9px;display:flex;position:absolute;bottom:93px;left:25px}.flow-key span{white-space:nowrap;align-items:center;gap:6px;display:flex}.flow-key i{width:10px;height:3px;display:inline-block}.flow-key__supply{background:var(--supply)}.flow-key__return{background:var(--return)}.flow-key__body{background:#9daeb0}.timeline-dock{border:1px solid #41535521;border-radius:5px;grid-template-columns:110px minmax(80px,1fr) 42px 172px 38px;align-items:center;gap:15px;min-height:58px;padding:0 15px;display:grid;position:absolute;bottom:17px;left:20px;right:20px}.timeline-dock__transport{align-items:center;gap:11px;display:flex}.play-button,.fullscreen-button{color:#2f4548;cursor:pointer;background:#f8faf9;border:1px solid #3a4d4f2e;border-radius:4px;flex:none;place-items:center;width:32px;height:32px;display:grid}.play-button span{font-size:12px}.timecode{color:#68777a;white-space:nowrap;font-size:10px}.timecode--duration{text-align:right}.timeline-track{align-items:center;height:36px;display:flex;position:relative}.timeline-track input{z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:relative}.timeline-track input::-webkit-slider-runnable-track{background:#c6d0cf;border-radius:2px;height:3px}.timeline-track input::-moz-range-track{background:#c6d0cf;border-radius:2px;height:3px}.timeline-track input::-webkit-slider-thumb{appearance:none;background:#238e91;border:2px solid #f8faf9;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;box-shadow:0 0 0 1px #238e91}.timeline-track input::-moz-range-thumb{background:#238e91;border:2px solid #f8faf9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #238e91}.timeline-markers{pointer-events:none;position:absolute;inset:0}.timeline-markers i{background:#819092;width:1px;height:9px;position:absolute;top:16px}.timeline-markers i:first-child{left:25%}.timeline-markers i:nth-child(2){left:50%}.timeline-markers i:nth-child(3){left:75%}.timeline-markers i:nth-child(4){right:0}.speed-control{justify-self:stretch}.speed-control button{padding:6px 3px;font-family:Consolas,Courier New,monospace;font-size:10px}.fullscreen-button{color:#667679;width:31px;height:31px;font-size:20px}@media (width<=900px){.masthead{padding:13px 18px}.inspection-panel{width:205px;left:14px}.motion-readout{width:205px;right:14px}.timeline-dock{grid-template-columns:102px minmax(60px,1fr) 37px 150px 34px;gap:10px;padding:0 11px;bottom:12px;left:12px;right:12px}.flow-key{left:16px}}@media (width<=620px){.showcase{min-height:440px}.scene-stage{background-size:32px 32px}.stage-reticle{inset:108px 10px 102px}.masthead{min-height:70px;padding:11px 14px}.masthead__mark{width:25px;height:25px}.masthead__mark span{height:12px}.masthead__mark span:last-child{height:7px}.masthead__identity{gap:10px}.masthead__eyebrow{margin-bottom:3px;font-size:8px}.masthead h1{font-size:16px}.masthead__meta{display:none}.inspection-panel{border-radius:4px;align-items:center;gap:9px;width:auto;padding:8px;display:flex;top:76px;left:10px;right:10px}.control-section{flex:1;min-width:0}.control-section+.control-section{border-top:0;border-left:1px solid var(--rule);margin:0;padding:0 0 0 8px}.control-section h2{display:none}.segmented{height:34px}.segmented button{padding:6px 3px;font-size:10px}.preset-list{grid-template-columns:repeat(4,minmax(42px,1fr));gap:0 2px}.preset-list button{text-align:center;border:0;min-height:32px;padding:5px 2px;font-size:10px}.preset-list button:before{display:none}.reset-button{text-align:center;flex:0 0 54px;width:54px;margin:0;padding:5px 0;font-size:9px}.motion-readout{border-radius:4px;width:174px;padding:10px 11px 8px;top:auto;bottom:95px;right:11px}.motion-readout>strong{margin:6px 0 8px;font-size:13px}.motion-readout__line{min-height:21px;font-size:9px}.motion-readout__line b{font-size:9px}.route-readout{min-height:19px;font-size:9px}.motion-readout__note{margin-top:6px;font-size:8px}.flow-key{flex-direction:column;gap:5px;padding:7px 8px;font-size:9px;bottom:96px;left:11px}.model-state{white-space:nowrap;max-width:calc(100% - 30px);padding:8px 9px;font-size:10px}.model-state__code{display:none}.timeline-dock{border-radius:4px;grid-template-rows:34px 22px;grid-template-columns:77px minmax(60px,1fr) 37px 33px;gap:2px 7px;min-height:72px;padding:5px 8px;bottom:8px;left:8px;right:8px}.timeline-dock__transport{flex-direction:column;grid-row:1/span 2;justify-content:center;gap:3px}.play-button{width:30px;height:30px}.timecode{font-size:9px}.timeline-track{grid-area:1/2/auto/4;height:32px}.timeline-track input::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5.5px}.timeline-track input::-moz-range-thumb{width:10px;height:10px}.timeline-markers i{height:7px;top:14px}.timecode--duration{grid-area:1/4}.speed-control{grid-area:2/2/auto/4;justify-self:center;width:132px}.speed-control button{padding:3px;font-size:9px}.fullscreen-button{grid-area:2/4;width:29px;height:25px;font-size:18px}}@media (width<=390px){.masthead h1{font-size:15px}.masthead__eyebrow{font-size:7px}.inspection-panel{gap:6px;padding:7px 6px;left:8px;right:8px}.reset-button{flex-basis:46px;width:46px;font-size:8px}.preset-list button{font-size:9px}.motion-readout{width:158px}.flow-key{bottom:96px}.timeline-dock{grid-template-columns:67px minmax(50px,1fr) 33px 29px;gap:2px 5px}.speed-control{width:120px}.fullscreen-button{width:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}