:root{color-scheme:dark;--bg:#091315;--panel:#101e20;--ink:#e2eae7;--muted:#8da6a6;--line:#294043;--accent:#80ded0;--gold:#dbb67d;font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overscroll-behavior:none}button,select,input{font:inherit}button,select{color:inherit;background:transparent;border:1px solid var(--line);border-radius:7px;padding:9px 12px}button{cursor:pointer;transition:background .18s,border-color .18s}button:hover{background:#203738;border-color:#678d87}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:default}a{color:var(--accent);text-decoration:none}header{height:94px;display:flex;align-items:center;padding:0 34px;gap:40px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:700;color:var(--ink);letter-spacing:-.6px}.brand span{display:block;font-size:9px;letter-spacing:3px;color:var(--accent);margin-top:5px}.heading{border-left:1px solid var(--line);padding-left:34px}.heading h1{font-size:21px;font-weight:500;margin:0 0 6px;letter-spacing:-.3px}.heading p{margin:0;color:var(--muted);font-size:12px}nav{margin-left:auto;display:flex;gap:9px}nav button{font-size:12px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--accent)}main{display:grid;grid-template-columns:284px minmax(0,1fr);min-height:720px;height:calc(100svh - 144px)}aside{padding:20px 22px;border-right:1px solid var(--line);overflow:auto;scrollbar-width:thin;scrollbar-color:#385553 transparent;background:linear-gradient(155deg,#142426,#0c1719)}.section-top{display:flex;align-items:center;justify-content:space-between;margin:15px 0 13px}.section-top:first-child{margin-top:0}.quiet{padding:3px 0;border:0;color:var(--muted);font-size:11px}.presets{display:flex;gap:6px;margin-bottom:15px}.presets button{flex:1;padding:7px}.active{background:#254440!important;border-color:#77b7aa!important;color:#caffee}.field{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin:11px 0}.field>span{color:#becdca}.field select{max-width:145px;padding:6px 8px;font-size:12px;background:#142326}.segments{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0 9px}.segments button{padding:7px 8px;min-width:37px;font-size:12px}.add{display:flex;gap:6px}.add button{font-size:12px;flex:1;padding:9px 5px}.segment-editor{border-bottom:1px solid var(--line);padding:5px 0 10px}.hint{font-size:10px;line-height:1.65;color:var(--muted);margin:10px 0}.slider{display:grid;grid-template-columns:1fr auto;font-size:12px;gap:12px;margin:14px 0}.slider output{color:var(--accent);font-variant-numeric:tabular-nums}.slider input{grid-column:1/-1;width:100%;margin:2px 0;accent-color:var(--accent)}.gravity{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.gravity input{accent-color:var(--accent)}#viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 56% 38%,#24413d 0%,#122628 42%,#0a1619 78%)}#scene{display:block;width:100%;height:100%;touch-action:none}.scene-heading{position:absolute;left:32px;top:30px;pointer-events:none}.scene-heading h2{font-size:clamp(25px,3vw,43px);font-weight:400;letter-spacing:-1.2px;margin:10px 0}.scene-heading p{font-size:12px;color:var(--muted);margin:0}.view-controls{position:absolute;right:24px;top:25px;display:flex;gap:6px}.view-controls button{background:#102023b3;font-size:20px;width:40px;height:40px;padding:0}#toggle-tools{display:none}#status{position:absolute;top:136px;left:34px;color:var(--muted);font-size:11px;max-width:70%;pointer-events:none}.legend{position:absolute;left:34px;bottom:208px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);pointer-events:none}.swatch{height:3px;width:20px;background:#617b7d}.swatch.hot{background:var(--gold);margin-left:10px}.playbar{position:absolute;left:32px;bottom:145px;display:flex;align-items:center;gap:10px}.tabs{display:flex;background:#0a1719bb;border:1px solid var(--line);border-radius:8px;padding:3px;gap:2px}.tabs button{border:0;font-size:12px;padding:9px 15px;border-radius:5px}.playbar>button{width:36px;height:36px;padding:0;background:#102023}.scale{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-left:5px}.scale select{font-size:12px;padding:7px;background:#102023}.metrics{position:absolute;bottom:40px;left:32px;right:32px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #45636280;padding-top:20px;gap:14px}.metrics article>span{display:block;font-size:10px;color:var(--muted);margin-bottom:11px;min-height:13px}.metrics strong{font-size:clamp(21px,2.2vw,32px);font-weight:400;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.metrics small{font-size:11px;margin-left:6px;color:var(--muted)}.scene-footer{position:absolute;bottom:12px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.3px;color:#75918f}footer{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;color:var(--muted);font-size:11px}footer div{display:flex;gap:23px}footer a{color:#a7c0bb}dialog{background:#102023;color:var(--ink);border:1px solid #42625f;border-radius:16px;padding:38px;width:min(640px,90vw);max-height:85svh;line-height:1.8}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-size:28px;line-height:1.25;font-weight:400;margin:20px 0}dialog p,dialog li{font-size:13px;color:#acbfba}dialog .close{position:absolute;right:16px;top:12px;border:0;font-size:25px}dialog a{text-decoration:underline}option{background:#142326}html[lang=zh] .scene-heading h2{letter-spacing:1px}html[lang=zh] .eyebrow{letter-spacing:1px}[hidden]{display:none!important} @media(min-width:1500px){main{grid-template-columns:310px minmax(0,1fr)}aside{padding:25px 28px}.field,.slider{font-size:13px}.hint{font-size:11px}.section-top{margin-top:24px}} @media(max-width:850px){header{padding:0 20px;gap:18px;height:82px}.heading{padding-left:18px}.heading h1{font-size:17px}.heading p{display:none}.brand{font-size:19px}.brand span{font-size:8px}nav button{padding:8px}main{grid-template-columns:240px minmax(0,1fr);height:calc(100svh - 132px);min-height:690px}aside{padding:16px}.scene-heading{left:20px}.scene-heading h2{font-size:28px}.scene-heading p{max-width:180px;line-height:1.5}.metrics{left:20px;right:20px;grid-template-columns:repeat(2,1fr);row-gap:10px}.metrics article>span{margin-bottom:3px}.metrics strong{font-size:23px}.playbar{left:20px;bottom:195px;gap:6px}.tabs button{padding:8px 10px}.scale span{display:none}.legend{left:20px;bottom:247px}#status{left:20px;top:148px}.scene-footer{left:20px;right:20px}.scene-footer span:first-child{display:none}footer{padding:0 20px}footer>span{display:none}} @media(max-width:600px){header{height:78px;gap:12px;padding:0 14px}.brand{font-size:17px}.brand span{letter-spacing:1.7px}.heading{padding-left:12px}.heading h1{font-size:14px;max-width:125px;line-height:1.4;margin:0}nav{gap:5px}nav button{font-size:10px;padding:7px}#method{max-width:63px}main{display:block;min-height:660px;height:calc(100svh - 128px)}#viewport{height:100%}aside{display:none;position:absolute;z-index:5;left:0;top:78px;bottom:50px;width:265px;box-shadow:25px 0 60px #0009}body.tools-open aside{display:block}#toggle-tools{display:block}.scene-heading{top:22px}.scene-heading h2{font-size:29px}.scene-heading .eyebrow{font-size:8px}.view-controls{right:13px;top:17px}.view-controls button{width:33px;height:33px}.metrics{bottom:35px}.playbar{bottom:185px}.legend{bottom:235px}footer div{gap:20px;font-size:10px}dialog{padding:28px}} .presets button{font-size:12px;white-space:nowrap;padding-left:5px;padding-right:5px} @media(min-width:601px){main{min-height:540px}.scene-heading{top:23px}.scene-heading h2{font-size:clamp(24px,2.7vw,38px)}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} .projectbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 24px;border-bottom:1px solid var(--line);background:#0c191b}.projectbar>div{display:flex;align-items:center;gap:7px}.projectbar button{font-size:11px;padding:7px 10px}#project-state{font-size:10px;color:var(--muted);max-width:270px;line-height:1.4}main{height:calc(100svh - 192px)}details{border-top:1px solid var(--line);padding-top:15px;margin-top:17px}summary{font-size:10px;letter-spacing:1px;color:var(--accent);cursor:pointer}#release{width:100%;font-size:12px;color:var(--accent)}#joint-labels{position:absolute;inset:0;pointer-events:none}#joint-labels button{position:absolute;transform:translate(-50%,-50%);border-radius:50%;font-size:10px;width:25px;height:25px;padding:0;background:#102022df;pointer-events:auto;border-color:#49746d}#joint-labels button.selected{border-color:var(--gold);color:var(--gold)}#end-actions{position:absolute;right:22px;bottom:250px;display:flex;flex-wrap:wrap;gap:5px;max-width:270px;background:#102023ed;padding:10px;border:1px solid var(--line);border-radius:9px}#end-actions span{font-size:10px;color:var(--muted);width:100%}#end-actions button{font-size:11px;padding:7px}#trace-panel{position:absolute;right:24px;top:108px;width:280px;background:#09191bea;border:1px solid #36534e;border-radius:8px;padding:12px;pointer-events:none}#trace-panel>div{display:flex;justify-content:space-between;font-size:10px;color:var(--accent)}#trace-panel strong{font-weight:400;color:var(--gold)}#trace{width:100%;height:96px}#trace-info{font-size:9px;color:var(--muted);margin:4px 0;line-height:1.5}#review-dialog{width:min(850px,94vw)}#review-dialog table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}#review-dialog th,#review-dialog td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}#review-dialog h3{font-size:15px;font-weight:500}.table-scroll{overflow:auto}.report-actions{display:flex;gap:8px;margin-top:20px}.scene-heading{max-width:calc(100% - 100px)} @media(max-width:1000px){#project-state{display:none}#trace-panel{width:230px;top:137px}.projectbar{padding:7px 16px}.projectbar button{padding:7px}.scene-heading h2{font-size:25px}} @media(max-width:600px){.projectbar{flex-wrap:wrap;padding:7px 12px;gap:7px}.projectbar>div:last-child{flex-wrap:wrap}.projectbar button{font-size:10px;padding:7px 8px}main{height:calc(100svh - 213px);min-height:730px}body.tools-open aside{position:fixed;top:0;bottom:0;width:min(310px,85vw);padding-top:48px;z-index:8;overscroll-behavior:contain}body.tools-open #toggle-tools{position:fixed;top:10px;left:260px;z-index:9;background:#172d2e}#trace-panel{top:138px;right:16px;width:calc(100% - 32px);max-width:300px;padding:9px}#trace{height:78px}.scene-heading h2{font-size:25px}.scene-heading p{font-size:11px;max-width:260px}#end-actions{bottom:285px;right:15px}.view-controls{top:17px}#joint-labels button{width:29px;height:29px}.projectbar>div:first-child{order:2}.metrics{z-index:1;pointer-events:none}} .solving .metrics{opacity:.4} .engineering-tabs{display:flex;align-items:center;gap:8px;padding:9px 24px;border-bottom:1px solid var(--line)}.engineering-tabs button{font-size:12px}.engineering-tabs span{font-size:10px;color:var(--muted);margin-left:auto}main{height:calc(100svh - 245px)}#forced-tools input{width:100px;border:1px solid var(--line);border-radius:6px;background:#142326;color:var(--ink);padding:7px}#forced-run{width:100%;font-size:12px;color:var(--accent)}.thermal-insight{position:absolute;left:34px;top:121px;font-size:10px;color:var(--muted);max-width:calc(100% - 70px);line-height:1.6;pointer-events:none}#status{top:155px}@media(max-width:600px){.engineering-tabs{padding:8px 12px;flex-wrap:wrap}.engineering-tabs span{margin-left:0;width:100%}.engineering-tabs button{font-size:11px}.thermal-insight{left:20px;top:113px}#status{top:157px}main{height:calc(100svh - 285px);min-height:730px}} .power-picker{padding:0 0 14px;border-bottom:1px solid var(--line,#29423e);margin-bottom:16px}.power-picker select{max-width:180px}.power-picker .hint{margin-bottom:0}select:disabled{opacity:.72;cursor:default}