*{margin:0;padding:0;box-sizing:border-box}:root{--render-width: min(50vw, calc(100vw - 230px) , 400px);--render-height: min(80vw, 650px);--colorbar-width: 140px;--side-margin: 30px}body{margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;height:100vh;min-height:0;font-family:IBM Plex Mono,monospace;line-height:1.6}#top-bar{position:relative;width:100vw;background:transparent;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:20px 30px;z-index:3000;flex-wrap:wrap;box-sizing:border-box;align-self:stretch}#top-bar>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:0}#page-title{font-family:IBM Plex Mono,monospace;font-size:36px;font-weight:700;letter-spacing:-.5px;color:#1a1a1a;margin:0 0 8px}.nav-menu{display:flex;gap:20px;margin-top:0;margin-bottom:25px}.nav-menu a{color:#f5c842;text-decoration:none;font-size:14px;font-family:IBM Plex Mono,monospace}.github-link{display:flex;align-items:center;padding:0;background:transparent;color:#333;opacity:.7;text-decoration:none;transition:opacity .2s ease}.github-link:hover{opacity:1}.github-link svg{flex-shrink:0}#viz-mode-container{background:#ffffffe6;padding:5px;border-radius:4px;z-index:1000;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:700px;width:auto;margin-top:0}#frequency-controls{display:none;align-items:center;gap:8px;font-family:Arial,sans-serif;font-size:14px;flex-shrink:0;margin-left:30px}#frequency-controls.visible{display:flex}#frequency-input{width:80px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}#frequency-unit{padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}#compute-frequency-btn{padding:4px 12px;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}#compute-frequency-btn:hover{background:#0052a3}#frequency-label{color:#666;font-size:13px}#relaxation-time-controls{display:none;align-items:center;gap:8px;font-family:Arial,sans-serif;font-size:14px;margin-left:30px}#relaxation-time-controls.visible{display:flex}#field-strength-select,#relaxation-parameter-select{padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}#display-relaxation-btn{padding:4px 12px;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}#display-relaxation-btn:hover{background:#0052a3}#element-controls{display:none;align-items:center;gap:8px;font-family:Arial,sans-serif;font-size:14px;margin-left:30px}#element-controls.visible{display:flex}#element-select{padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}#display-element-btn{padding:4px 12px;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}#display-element-btn:hover{background:#0052a3}#controls-and-render{position:relative;width:100%;flex:1;min-height:0;margin-top:-20px;padding-left:0;padding-right:0}#render-block{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}#render-wrapper{position:relative;width:var(--render-width);height:var(--render-height)}#viz-and-render{display:flex;flex-direction:column;align-items:center;gap:0px;position:relative;width:100%}#reset-camera-btn{margin-left:10px;width:30px;height:30px;background:#ffffffe6;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .5s ease-in;padding:0;z-index:1000}#reset-camera-btn:hover{background:#fff;border-color:#999}#reset-camera-btn svg{width:24px;height:24px}#loading-status{display:flex;align-items:center;gap:8px;font-family:Arial,sans-serif;font-size:13px;color:#666;font-style:italic;position:fixed;bottom:30px;left:30px;margin-left:0;padding-left:0;z-index:2000}#loading-status.loaded{position:static;left:auto;margin-top:8px;margin-bottom:20px;margin-left:0;padding-left:30px}#tissue-tooltip{position:fixed;background:#000000d9;color:#fff;padding:8px 12px;border-radius:4px;font-family:Arial,sans-serif;font-size:14px;pointer-events:none;z-index:3000;display:none;white-space:nowrap}#status-indicator{width:10px;height:10px;border-radius:50%;background-color:#fbbf24}#status-indicator.loading{background-color:#fbbf24}#status-indicator.loaded{background-color:#10b981}#status-indicator.error{background-color:#ef4444}#slider-container{height:var(--render-height);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;position:absolute;right:-40px;top:50%;transform:translateY(-50%);transition:opacity .5s ease-in}#depth-slider{writing-mode:vertical-lr;direction:rtl;width:8px;height:60.5%;background:#ddd;outline:none;opacity:.7;transition:opacity .2s}#depth-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#666;cursor:pointer;border-radius:50%}#depth-slider::-moz-range-thumb{width:12px;height:12px;background:#666;cursor:pointer;border-radius:50%;border:none}#depth-slider:hover{opacity:1}#viz-mode-container{position:relative;margin-bottom:10px;transition:opacity .5s ease-in;display:flex;align-items:center}#viz-mode-selector{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:16px;padding:5px 10px;cursor:pointer;font-family:Arial,sans-serif;color:#333;-webkit-user-select:none;user-select:none;flex-shrink:0;background:#ffffffe6;border:1px solid #ccc;border-radius:4px;transition:background .2s,border-color .2s}#viz-mode-current{white-space:nowrap}#viz-mode-selector svg{flex-shrink:0}#viz-mode-selector:hover{background:#fff;border-color:#999}#viz-mode-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10000;min-width:100%;max-height:550px;overflow-y:auto;overflow-x:hidden;margin-top:2px}#viz-mode-dropdown.dropdown-hidden{display:none}#viz-mode-dropdown::-webkit-scrollbar{width:8px}#viz-mode-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 8px 8px 0}#viz-mode-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}#viz-mode-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.dropdown-item{padding:6px 24px;cursor:pointer;white-space:nowrap;font-size:16px;color:#333;background:#fff}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background:#f5f5f5}.dropdown-group-label{padding:8px 12px 6px;font-weight:400;color:#888;background:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.dropdown-group-label:first-child{padding-top:6px}.dropdown-item[data-value=default]{padding-left:12px}#colorbar-container{z-index:100;background:transparent;padding:0;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:0;overflow:hidden;opacity:0;position:absolute;left:-105px;top:50%;transform:translateY(-50%)}#colorbar-container.visible{width:120px;padding:15px 5px 15px 15px;opacity:1;overflow:visible}#colorbar-content{display:flex;align-items:stretch;position:relative}#colorbar{width:12px;border:1px solid #333}#colorbar-tick-marks{position:absolute;left:13px;top:0;width:5px}.tick-mark{position:absolute;width:5px;height:1px;background:#333;left:0}#colorbar-ticks{display:flex;flex-direction:column;justify-content:space-between;margin-left:8px}.colorbar-tick{font-family:Arial,sans-serif;font-size:10px;color:#333;white-space:nowrap}.colorbar-title{font-family:Arial,sans-serif;font-size:12px;font-weight:400;color:#333;margin-bottom:8px;text-align:center;width:100%;white-space:nowrap}