html,body{width:100%;height:100%;margin:0}body{color:#17202b;background:#d9dee5;grid-template-rows:52px minmax(0,1fr);font:13px/1.35 system-ui,sans-serif;display:grid;overflow:hidden}#app-toolbar{z-index:2;color:#f7f7f7;background:#111923;border-bottom:1px solid #293442;justify-content:space-between;align-items:center;padding:0 16px;display:flex;box-shadow:0 1px 4px #00000038}#app-toolbar h1{letter-spacing:.01em;margin:0;font-size:16px;font-weight:600}#workspace{grid-template-columns:minmax(0,1fr) 280px;min-width:0;min-height:0;display:grid}#viewer-workspace{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;padding:12px;display:grid}#viewer-frame{background:#c9ced5;border:1px solid #aeb6c0;border-radius:6px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 1px 4px #0000001f}canvas{cursor:crosshair;width:100%;height:100%;display:block}#probe-panel{cursor:default;background:#f7f8fa;border-left:1px solid #b9c1cb;min-width:0;padding:18px}#temperature-panel{cursor:default;background:#f7f8fa;border:1px solid #b9c1cb;border-radius:6px;padding:10px 14px 12px;box-shadow:0 1px 3px #0000001a}#flow-controls{color:#53606f;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;font-size:11px;display:flex}.flow-toggles{align-items:center;gap:14px;display:flex}#flow-controls label{color:#17202b;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}#simulation-controls{font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}#playback-speed{min-height:30px;color:inherit;cursor:pointer;font:inherit;background:#263241;border:1px solid #ffffff40;border-radius:4px;padding:4px 8px}#probe-panel h2,#temperature-panel h2{margin:0;font-size:13px;font-weight:600}#probe-panel dl{grid-template-columns:auto auto;gap:8px 20px;margin:16px 0 0;display:grid}#probe-panel dt{color:#657181}#probe-panel dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}#play-simulation{min-width:34px;min-height:30px;color:inherit;cursor:pointer;font:inherit;background:#ffffff1a;border:1px solid #ffffff40;border-radius:4px;padding:5px 9px}#play-simulation:hover{background:#fff3}.legend{grid-template-rows:16px auto;gap:8px;width:min(560px,100%);margin-top:8px;display:grid}#temperature-legend{border:1px solid #929daa;border-radius:3px}#legend-ticks{color:#53606f;height:14px;font-size:11px;position:relative}#legend-ticks span{font-variant-numeric:tabular-nums;position:absolute;top:0;transform:translate(-50%)}#app-error{z-index:3;color:#7a1414;background:#fff1f1;border:1px solid #c96b6b;border-radius:6px;max-width:min(520px,100% - 64px);padding:12px 16px;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 8px #0000002e}@media (max-width:760px){#workspace{grid-template-columns:minmax(0,1fr) 220px}#probe-panel{padding:12px}}