:root{--shell-sidebar:360px;--shell-ink:#18221f;--shell-muted:#65716c;--shell-line:#d8dfda;--shell-accent:#176b55;--shell-paper:#f5f7f3}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body.mesh-viewer{background:var(--shell-paper);color:var(--shell-ink);font-family:Georgia,Times New Roman,serif;overflow:hidden}#sidebar{z-index:20;width:var(--shell-sidebar);background:var(--shell-paper);border-right:1px solid var(--shell-line);flex-direction:column;padding:24px 28px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.viewer-header{margin-bottom:30px}.viewer-header h1{margin:0 0 10px;font-family:Arial,sans-serif;font-size:28px;font-weight:400;line-height:1.05}.viewer-header p:last-child{color:var(--shell-muted);margin:0;font:14px/1.45 Arial,sans-serif}#layerControls{border-top:1px solid var(--shell-line);margin-bottom:18px}.panel-heading{color:var(--shell-ink);letter-spacing:.12em;text-transform:uppercase;margin:0;padding:11px 0;font:700 13px/1.2 Arial,sans-serif}#layerCheckboxes{margin-bottom:12px;display:grid}#layerCheckboxes>div{align-items:center;min-height:30px;padding:0;display:flex;margin:0!important}#layerCheckboxes label,#ui label{color:var(--shell-muted);font:15px/1.5 Arial,sans-serif}#layerCheckboxes input,#ui input[type=checkbox]{accent-color:var(--shell-accent)}.layer-actions{gap:6px;margin:2px 0 0;display:flex}.layer-actions button{appearance:none;border:1px solid var(--shell-accent);background:var(--shell-accent);color:#fff;box-shadow:none;cursor:pointer;border-radius:3px;margin:0;padding:7px 10px;font:600 12px/1 Arial,sans-serif}.layer-actions button:hover{background:var(--shell-muted);border-color:var(--shell-muted)}#ui{border-top:1px solid var(--shell-line);margin-bottom:18px;font-family:Arial,sans-serif}#ui[hidden]{display:none}#simulation-controls{margin:10px 5px 12px}.simulation-controls-label{color:#333;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.simulation-options{gap:4px;display:flex}#simulation-controls .simulation-option{border:1px solid var(--shell-accent);background:var(--shell-accent);color:#fff;cursor:pointer;border-radius:3px;margin:0;padding:7px 10px;font:600 12px Arial,sans-serif}#simulation-controls .simulation-option:hover{background:var(--shell-muted)}#simulation-controls .simulation-option:disabled{color:#777;cursor:not-allowed;opacity:.75;background:#f5f5f5;border:1px solid #9bc99d}.slider-control{width:190px;margin:12px 5px}#ui .slider-control label{color:#333;justify-content:space-between;margin:0 0 4px;font-size:12px;font-weight:700;display:flex}#speed-slider,#inlet-emission-slider{width:100%;margin:0}#speed-value{font-variant-numeric:tabular-nums}.slider-labels{color:#444;justify-content:space-between;margin-top:1px;font-size:11px;display:flex}.display-toggle{padding:4px}.sidebar-bottom{border-top:1px solid var(--shell-line);margin-top:auto;padding-top:10px}.sidebar-bottom button{box-sizing:border-box;border:1px solid var(--shell-accent);background:var(--shell-accent);color:#fff;text-align:center;cursor:pointer;border-radius:3px;width:100%;margin:0 0 8px;padding:7px 10px;font:600 13px/1.2 Arial,sans-serif;text-decoration:none;transition:background-color .12s,border-color .12s;display:block}.sidebar-contact{box-sizing:border-box;width:100%;color:var(--shell-accent);text-align:center;padding:6px 10px;font:600 13px/1.2 Arial,sans-serif;text-decoration:none;display:block}.sidebar-contact:hover{color:var(--shell-muted);text-decoration:underline}.sidebar-bottom button:hover{background:var(--shell-muted);border-color:var(--shell-muted)}.sidebar-bottom button:focus-visible,.sidebar-contact:focus-visible{outline:2px solid var(--shell-accent);outline-offset:2px}.sidebar-footer{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.sidebar-footer a{border:1px solid var(--shell-line);width:100%;height:48px;color:var(--shell-muted);justify-content:center;align-items:center;padding:1px;text-decoration:none;display:flex;overflow:hidden}.sidebar-footer a img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.sidebar-footer a:hover{border-color:var(--shell-accent);color:var(--shell-accent);background:#e8eee9}#canvas{inset:0 0 0 var(--shell-sidebar);width:calc(100vw - var(--shell-sidebar));z-index:3;pointer-events:auto;touch-action:none;height:100vh;display:block;position:fixed}.viewer-tabs{top:18px;left:calc(var(--shell-sidebar) + 18px);z-index:30;background:#f5f7f3eb;border:1px solid #18221f2e;border-radius:4px;gap:3px;padding:4px;display:flex;position:fixed;box-shadow:0 2px 10px #0000002e}.viewer-tabs button{color:var(--shell-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin:0;padding:10px 12px;font:600 12px Arial,sans-serif}.viewer-tabs button[aria-selected=true],.viewer-tabs button:hover{border-bottom-color:var(--shell-accent);color:var(--shell-ink);background:#e8eee9}#viewer-actions{z-index:500;align-items:center;gap:8px;display:flex;position:fixed;top:10px;right:10px}#viewer-actions button{box-sizing:border-box;color:#111;cursor:pointer;background:#fff;border:1px solid #777;border-radius:5px;height:40px;margin:0;padding:0 12px;font:600 12px Arial,sans-serif;box-shadow:0 2px 10px #0000004d}#viewer-actions button:hover{background:#e9e9e9}#viewer-actions button:focus-visible{outline-offset:2px;outline:3px solid #4caf50}#background-toggle{width:40px;padding:0;font:24px/1 Arial,sans-serif}body[data-viewer-background=white] #background-toggle{color:#fff;background:#111;border-color:#aaa}body[data-viewer-background=white] #background-toggle:hover{background:#333}#info{z-index:100;background:#fffffff2;border-radius:5px;min-width:250px;max-width:1000px;padding:10px;font:12px/1.2 Arial,sans-serif;position:absolute;top:58px;right:10px;box-shadow:0 2px 10px #0000004d}#metadata{z-index:1000;pointer-events:auto;background:#fffffff2;border-radius:5px;min-width:200px;max-width:300px;padding:10px 15px;font:11px/1.2 Arial,sans-serif;display:none;position:fixed;box-shadow:0 2px 10px #0000004d}.metadata-close{float:right;border:0;margin:-6px -10px 4px 8px;padding:0 4px;font-size:18px;line-height:1;color:#333!important;background:0 0!important}#dynamic-flow-legend{left:calc(var(--shell-sidebar) + 18px);z-index:30;position:fixed;bottom:18px}.viewer-legend{box-sizing:border-box;color:var(--shell-ink);background:#f5f7f3eb;border:1px solid #18221f2e;border-radius:4px;padding:10px 12px;font:12px/1.4 Arial,sans-serif;box-shadow:0 2px 10px #0000002e}.viewer-legend[hidden]{display:none}.viewer-legend .legend-item{white-space:nowrap;align-items:center;gap:8px;display:flex}.viewer-legend .legend-item+.legend-item{margin-top:6px}.legend-swatch{border:1px solid #18221f8c;border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.legend-inlet{background:#fff}.legend-outlet{background:red}#velocity-legend{box-sizing:border-box;color:#000;flex-direction:column;width:100px;height:40vh;min-height:220px;max-height:400px;padding:8px;font-family:Arial,sans-serif;display:flex}.velocity-legend-title{text-align:center;margin-bottom:8px;font-size:12px;font-weight:700}.velocity-legend-scale{flex:1;gap:6px;min-height:0;display:flex}.velocity-legend-gradient{background:linear-gradient(red 0% 12.5%,#ff9100 12.5% 25%,#d9ff00 25% 37.5%,#48ff00 37.5% 50%,#00ff48 50% 62.5%,#00ffd9 62.5% 75%,#0090ff 75% 87.5%,#00f 87.5% 100%);border-radius:2px;flex-shrink:0;width:20px}.velocity-legend-labels{white-space:nowrap;flex-direction:column;flex:1;justify-content:space-between;font-size:12px;display:flex;position:relative}#download-progress{z-index:2000;text-align:center;background:#fffffff2;border-radius:8px;min-width:280px;padding:20px 28px;font-family:Arial,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0006}#download-progress-label{color:#333;margin-bottom:12px;font-size:14px;font-weight:700}#download-progress-bar-track{background:#ddd;border-radius:5px;width:100%;height:10px;margin-bottom:8px;overflow:hidden}#download-progress-bar-fill{background:#4caf50;border-radius:5px;width:0;height:100%;transition:width .1s}#download-progress-pct{color:#555;font-size:12px}#download-progress-spinner{border:3px solid #ddd;border-top-color:#4caf50;border-radius:50%;width:28px;height:28px;margin:12px auto 0;animation:.8s linear infinite spin;display:none}#download-progress-spinner.active{display:block}@keyframes spin{to{transform:rotate(360deg)}}.about-dialog{box-sizing:border-box;border:1px solid var(--shell-line);background:var(--shell-paper);width:min(520px,100vw - 40px);color:var(--shell-ink);border-radius:6px;padding:30px;font:14px/1.6 Arial,sans-serif;box-shadow:0 18px 60px #00000047}.about-dialog::backdrop{background:#0c16137a}.about-dialog h2{margin:0 0 12px;font:400 25px/1.1 Arial,sans-serif}.about-dialog p{color:var(--shell-muted);margin:0}@media (width<=760px){:root{--shell-sidebar:250px}#sidebar{padding:24px 18px}.viewer-header h1{font-size:23px}}.scalar-bar-panel{box-sizing:border-box;z-index:100;pointer-events:none;background-color:#d3d3d3d9;border-radius:5px;flex-direction:column;width:80px;height:40%;padding:8px;font-family:Arial,sans-serif;display:flex;position:fixed;bottom:10px;top:auto!important}.scalar-bar-title{text-align:center;color:#000;margin-bottom:8px;font-size:12px;font-weight:700}.scalar-bar-container{flex:1;gap:4px;min-height:0;display:flex}.scalar-bar-gradient{border-radius:2px;flex-shrink:0;width:20px}.scalar-bar-ticks{flex:1;position:relative}.scalar-bar-tick-label{color:#000;white-space:nowrap;font-size:12px;position:absolute;transform:translateY(-50%)}