:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#e5e7e9;background:#14191e;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #384149;background:#252d34;color:#e4e7e9;border-radius:7px;padding:9px 12px}button:hover:enabled{background:#34414b;border-color:#657583}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #efa866;outline-offset:3px}[hidden]{display:none!important}header{height:66px;border-bottom:1px solid #323a42;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#1a2026;gap:20px}.brand{font-size:13px;letter-spacing:.14em;font-weight:700}.brand span{margin-left:14px;color:#8997a3;font-size:11px;font-weight:400;letter-spacing:0}.header-center{display:flex;align-items:center;gap:10px;color:#c4cdd4;font-size:12px}.separator{color:#56636e;margin:0 12px}.subtle-link{color:#94a2af;font-size:11px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83ad9b;box-shadow:0 0 0 3px #83ad9b14}main{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 66px)}aside{background:#1b2229;border-right:1px solid #323a42;padding:29px 23px;overflow:auto;max-height:calc(100vh - 66px)}.eyebrow{font-size:10px;letter-spacing:.2em;color:#dba56b;margin-bottom:17px}h1{font-size:27px;line-height:1.35;letter-spacing:.02em;margin:0 0 30px;font-weight:550}h1 span{display:block;font-size:11px;color:#8694a0;font-weight:400;margin-top:12px;letter-spacing:.03em}section{margin:22px 0;padding-bottom:24px;border-bottom:1px solid #323a42}h2{font-size:12px;font-weight:500;margin:0 0 15px}h2 b{font-size:10px;color:#dca570;letter-spacing:.1em;margin-right:10px}.building-card{background:#242d35;border:1px solid #38434c;border-radius:7px;padding:14px;display:grid;gap:8px}.building-card span{font-size:11px;color:#bdc8d0}.building-card strong{font-size:19px;font-weight:500;letter-spacing:-.02em}.building-card small{font-size:10px;color:#8c9ca9}.inline-controls{display:flex;gap:12px;margin:15px 0;font-size:10px;color:#a7b4be}.inline-controls input{accent-color:#dfa570;margin:0 3px 0 0;vertical-align:middle}.secondary{width:100%;font-size:11px;color:#aebbc5}.hint{font-size:11px;line-height:1.8;color:#92a2ae;margin:10px 0 14px}.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.triple label{font-size:10px;color:#95a4b0;display:grid;gap:7px}.triple input{width:100%;padding:8px 6px;background:#111920;border:1px solid #3a4650;border-radius:5px;color:#e8ecef;min-width:0}input[type=range]{accent-color:#dda46e;cursor:pointer}.mass-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:20px 0 10px;font-size:11px;color:#a9b7c2}.mass-label output{color:#ecc39c}.mass-label input{width:100%;margin:0}.presets{display:flex;gap:6px}.presets button{flex:1;padding:7px 0;font-size:10px;color:#9faeb9}.presets button.active{border-color:#b48051;color:#ecc39c;background:#dda46e13}.duration-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#9fadb8;font-size:11px}select{background:#202a32;color:#d7dfe5;padding:7px;border:1px solid #3b4751;border-radius:5px}.primary{width:100%;padding:13px 6px;background:#dda46e;color:#201d18;border-color:#dda46e;font-size:13px;font-weight:650}.primary:hover:enabled{background:#efba8a;border-color:#efba8a}#cancelDemo{margin-top:8px}#inputMessage{min-height:38px;margin-bottom:0}#inputMessage[data-error=true]{color:#f9aa95}details{color:#8b9ba8;font-size:10px;line-height:1.8}summary{cursor:pointer;color:#a7b5bf}details p{margin:10px 0}.sidebar-bottom{margin:35px 0 0;font-size:10px;color:#748896;display:flex;align-items:center;gap:8px}article{min-width:0;display:flex;flex-direction:column}.viewport{position:relative;min-height:430px;height:calc(100vh - 275px);max-height:950px;overflow:hidden;background:#edf0f0}.viewport canvas{display:block;width:100%;height:100%;outline:none}.viewport-label{position:absolute;z-index:2;top:24px;left:26px;color:#5a6870;pointer-events:none;display:grid;gap:7px}.viewport-label strong{font-size:12px;font-weight:500}.viewport-label span{font-size:10px;color:#819199}.view-tools{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:#1d252deb;border:1px solid #56636c;border-radius:10px;padding:6px;white-space:nowrap;box-shadow:0 8px 28px #0002}.view-tools button{font-size:11px;background:transparent;border-color:transparent;padding:9px 12px;color:#bcc7cf}.view-tools button.selected{background:#334656;color:#98bbd8}.view-tools>span{width:1px;height:20px;background:#4a5761;margin:0 4px}.stage-status{position:absolute;right:22px;bottom:28px;color:#6b7b83;font-size:10px;pointer-events:none}.source-tag{position:absolute;font-size:10px;color:#7e4b26;background:#fffaf1e8;border:1px solid #d5a783;border-radius:4px;padding:4px 7px;pointer-events:none;transform:translate(-50%,-100%)}.compute-progress{position:absolute;right:22px;top:22px;z-index:3;min-width:260px;padding:12px 15px;background:#1b242eeb;border:1px solid #4c5f6d;border-radius:8px;box-shadow:0 6px 24px #0002}.compute-progress>div{display:flex;align-items:center;justify-content:space-between;color:#d4e1ea;font-size:11px}.compute-progress button{padding:0 2px;border:0;background:none;font-size:18px}.compute-progress progress{display:block;margin-top:9px;width:100%;height:5px;accent-color:#7aa5c5}.playback{display:flex;align-items:center;gap:15px;padding:15px 22px;border-top:1px solid #3d4851;border-bottom:1px solid #323c45;background:#1b232a}.playback button{background:transparent;border-color:#414e58;font-size:11px;white-space:nowrap}.playback #playDemo{width:35px;padding:8px 0;color:#dfb080}.playback output{font-variant-numeric:tabular-nums;color:#b9c8d3;white-space:nowrap;font-size:12px;min-width:95px}.playback input{flex:1;min-width:35px;width:0}.playback select{font-size:11px}.results{display:grid;grid-template-columns:160px 165px minmax(140px,1fr) minmax(140px,1fr);gap:0;padding:21px 6px;background:#171e24;flex:1}.metric{padding:0 23px;border-right:1px solid #323d46}.metric>span,.chart-card>span{display:block;color:#8699a8;font-size:10px;margin-bottom:12px}.metric strong{font-size:27px;font-weight:450;display:block;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.03em}.metric em{font-size:12px;color:#758a99;font-style:normal;letter-spacing:0}.metric small{font-size:10px;color:#8496a3;display:block;margin-top:9px}.chart-card{padding:0 18px;min-width:0}.chart-card>span{margin-bottom:0}.chart-card svg{width:100%;height:90px}.chart-card text{fill:#718595;font:10px system-ui}.chart-card line{stroke:#2f3c47;stroke-width:1}.chart-card path{fill:none;stroke:#df9d65;stroke-width:2}.chart-card:last-child path{stroke:#82acb4}body[data-running=true] .primary{opacity:.55;cursor:wait}@media(max-width:1100px){main{grid-template-columns:240px minmax(0,1fr)}aside{padding:24px 18px}.results{grid-template-columns:135px 135px 1fr}.chart-card:last-child{display:none}.metric{padding:0 18px}.stage-status{display:none}.playback{gap:8px;padding:14px}.header-center{display:none}.view-tools button{padding:8px}.viewport-label{left:18px}.compute-progress{top:18px;right:18px}}@media(max-width:720px){header{height:55px;padding:0 14px}.brand{font-size:11px}.brand span{display:none}.subtle-link{font-size:10px}main{display:flex;flex-direction:column}aside{order:2;max-height:none;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}aside>h1{font-size:23px;grid-column:span 2;margin:0}.eyebrow{display:none}aside section{margin:0;padding-bottom:16px}aside section:nth-of-type(2){grid-row:span 2}.sidebar-bottom,aside details{grid-column:span 2;margin:0}article{order:1}.viewport{height:480px;min-height:350px}.view-tools{bottom:16px;padding:4px;gap:0}.view-tools button{font-size:10px;padding:8px 6px}.view-tools>span{margin:0 2px}.playback{padding:12px 9px;gap:6px}.playback output{font-size:10px;min-width:80px}.playback button{padding:7px 6px}#downloadDemo{display:none}.results{grid-template-columns:105px 110px 1fr;padding:15px 0}.metric{padding:0 12px}.metric strong{font-size:22px}.metric>span,.chart-card>span{font-size:9px}.chart-card{padding:0 10px}.compute-progress{top:60px;right:12px;min-width:220px}.viewport-label{top:15px;left:15px}.source-tag{font-size:9px}}@media(max-width:380px){aside{display:block}aside section{margin-top:20px}.view-tools #fullscreenDemo{display:none}.playback #resetDemo{display:none}}
/* Shared target controls in CPU and independent scene entries. */
.demo-target-controls{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--wb-border,#394954);min-width:0}.demo-target-controls label{display:grid;gap:6px;font-size:11px}.demo-target-controls select{width:100%;min-width:0;font-size:11px}.demo-target-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.demo-target-actions button:first-child{grid-column:span 2}.demo-target-actions .secondary{padding:7px 2px;font-size:10px;white-space:nowrap}.demo-target-controls .hint{margin:0;font-size:10px;line-height:1.7}