*{box-sizing:border-box}body{margin:0;background:#0c1420;color:#dce6f2;font:13px/1.55 Inter,Segoe UI,sans-serif}button,select{font:inherit;color:inherit;background:#192b3e;border:1px solid #32475d;border-radius:4px;padding:7px 10px;cursor:pointer}button:hover,button.active{border-color:#39d6df;color:#5be4df}a{color:#6bdfe0}header{height:68px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #314154}.brand{font-size:21px;letter-spacing:2px;font-weight:700}.brand small{font-size:11px;color:#59d8d8;margin-left:15px}header>span{color:#879bb1;font-size:11px;letter-spacing:1px}.notice{background:#202d3e;color:#b9cce1;padding:9px 26px;font-size:12px}main{display:grid;grid-template-columns:250px minmax(400px,1fr) 265px;min-height:760px}aside{padding:24px 20px;border-right:1px solid #29394c;background:#101b29}.inspector{border-left:1px solid #29394c;border-right:0}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#7f9dbb;font-weight:700}h1{font-size:24px;line-height:1.25;margin:17px 0}h2{font-size:18px;font-weight:500;margin:6px 0 10px}h3{font-size:12px;letter-spacing:.7px;margin-top:26px;color:#bad0e5}p,li{color:#94abc2}nav{display:grid;gap:7px;margin:25px 0}nav button{text-align:left;padding:10px;background:#142334;border-color:#253b50}nav button span{margin-right:9px;color:#4bb9cf}nav button.selected{border-color:#33c9d1;background:#193a48;color:#b9ffff}dl{margin:15px 0}dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #243549;gap:12px}dt{color:#8fa8bf}dd{margin:0;white-space:nowrap;color:#e0edff}.caution{font-size:11px;background:#2b2a26;padding:12px;border-left:2px solid #d3a561;color:#d6c29d}ol,ul{padding-left:18px}li{margin:10px 0}.toolbar{padding:12px 16px;display:flex;justify-content:space-between;border-bottom:1px solid #29394c}.toolbar>div{display:flex;gap:7px}.viewport{height:450px;position:relative;background:#111c2a}.ac-canvas{position:absolute;inset:0}.ac-canvas canvas{display:block;width:100%;height:100%}.viewport-label{position:absolute;left:22px;top:20px;pointer-events:none;color:#d8e9fc}.viewport-label small{display:block;color:#92abc5;font-size:11px;margin-top:4px}.legend{position:absolute;right:20px;top:80px;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:5px;pointer-events:none}.legend i{display:block;height:150px;width:12px;background:linear-gradient(#c82d45,#f68b28,#f3e448,#7adb64,#06d1da,#078def,#243cbd)}.legend small{font-size:9px;color:#99b0c6;text-align:center}.controls{display:flex;gap:10px;align-items:center;padding:12px 16px;border-top:1px solid #29394c}.controls span{font-size:10px;color:#7f97b0;margin-left:auto}.plot{padding:20px;border-top:1px solid #29394c;background:#101a28}.plot svg{width:100%;max-height:240px}.plot svg line{stroke:#273b50;stroke-width:1}.plot svg line.limit{stroke:#d4b266;stroke-dasharray:4 4}.plot svg text{fill:#8fa6bd;font:10px Segoe UI}.plot p{font-size:11px;max-width:800px}.big{margin:30px 0}.big small{font-size:9px;color:#8ca7bf}.big strong{display:block;font-size:43px;color:#5cdee0;font-weight:400}.big em{font-size:17px;font-style:normal}.comparison{padding:27px;border-top:1px solid #30425a}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:18px}th{text-align:left;font-size:11px;color:#809cb7;font-weight:500}th,td{padding:13px 12px;border-bottom:1px solid #293b50}td{font-variant-numeric:tabular-nums;white-space:nowrap}td button{background:none;border:0;padding:0;color:#7dd9dc}.highlight{background:#16303c}footer{padding:25px;color:#7f97af;border-top:1px solid #293b50;font-size:11px}.loading{height:100%;display:grid;place-items:center;color:#87a6c2}@media(max-width:1100px){main{grid-template-columns:220px minmax(360px,1fr)}.inspector{grid-column:1/-1;display:block;border-top:1px solid #29394c}.inspector dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.big{margin:15px 0}header>span{display:none}}@media(max-width:680px){main{display:block}header{padding:0 15px}.brand{font-size:16px}.brand small{display:none}aside{padding:18px}nav{grid-template-columns:1fr 1fr}h1 br{display:none}.viewport{height:380px}.toolbar{gap:8px;padding:10px}.toolbar button{font-size:10px}.controls{flex-wrap:wrap}.controls span{width:100%;margin:0}.inspector dl{grid-template-columns:1fr 1fr}.comparison{padding:18px}}.design-revision{padding:18px 26px;background:#342b1c;border-left:5px solid #e8b35c;color:#ffe1ac}.design-revision strong{font-size:16px;letter-spacing:.06em}.design-revision p{margin:8px 0 0;max-width:1050px;line-height:1.55;color:#f0dfc4}