@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#141414;--panel-width: 340px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}.app{width:100%;height:100%;display:flex;flex-direction:column}.viewer-container{flex:1;position:relative;overflow:hidden}.controls-panel{position:absolute;top:16px;left:16px;background:#1c1c1c;border:1px solid #333;padding:16px;width:var(--panel-width);max-width:90vw;z-index:150}.controls-panel h2{font-size:14px;font-weight:600;margin-bottom:12px;color:#f7f7f7}.control-group{margin-bottom:12px}.control-group label{display:block;font-size:12px;color:#aaa;margin-bottom:4px}.control-group select,.control-group input[type=range]{width:100%}.control-group input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:linear-gradient(to right,#F7F7F7 0%,#F7F7F7 var(--fill-percent, 50%),#333 var(--fill-percent, 50%),#333 100%);cursor:pointer;margin:8px 0}.control-group input[type=range]:focus{outline:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#f7f7f7;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb:hover{background:#ccc}.control-group input[type=range]:active::-webkit-slider-thumb{background:#ebebeb}.control-group input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#ebebeb;border:none;cursor:pointer}.control-group input[type=range]::-moz-range-thumb:hover{background:#ccc}.control-group input[type=range]::-moz-range-track{height:4px;background:linear-gradient(to right,#F7F7F7 0%,#F7F7F7 var(--fill-percent, 50%),#333 var(--fill-percent, 50%),#333 100%)}.keyboard-help{margin-top:8px;padding:10px;background:#0000004d;border-radius:6px;font-size:11px}.keyboard-help-title{font-weight:600;margin-bottom:8px;color:#aaa;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.keyboard-help-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:#888}.keyboard-help-row .keycap{min-width:20px}.custom-select{position:relative;width:100%}.custom-select-sizer{visibility:hidden;height:0;overflow:hidden;padding:0 40px 0 12px;font-size:13px;white-space:nowrap}.custom-select.disabled{opacity:.5;pointer-events:none}.custom-select-trigger{width:100%;padding:8px 32px 8px 12px;border:1px solid #333;background:#242424;color:#ebebeb;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;font-family:inherit}.custom-select-trigger:hover,.custom-select-trigger.open{border-color:#ebebeb}.custom-select-arrow{position:absolute;right:10px;color:#707070;pointer-events:none}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#1c1c1c;border:1px solid #333;z-index:1000;max-height:200px;overflow-y:auto}.custom-select-menu::-webkit-scrollbar{width:6px}.custom-select-menu::-webkit-scrollbar-track{background:#1c1c1c}.custom-select-menu::-webkit-scrollbar-thumb{background:#404040}.custom-select-menu::-webkit-scrollbar-thumb:hover{background:#505050}.custom-select-option{padding:10px 12px;cursor:pointer;font-size:13px}.custom-select-option:hover{background:#2c2c2c}.custom-select-option.selected{background:#ebebeb;color:#000}.custom-select-option.selected:hover{background:#ccc}.button-group{display:flex;gap:8px}.button-group button{flex:1;padding:8px 12px;border:none;font-size:13px;font-weight:500;cursor:pointer}.button-group button.primary{background:#ebebeb;color:#000}.button-group button.primary:hover{background:#ccc}.button-group button.secondary{background:#333;color:#ebebeb}.button-group button.secondary:hover{background:#404040}.status-bar{position:absolute;bottom:16px;left:16px;background:#1c1c1c;border:1px solid #333;padding:8px 12px;font-size:12px;color:#b0b0b0;z-index:100}.project-link{position:absolute;bottom:16px;right:16px;background:#1c1c1c;border:1px solid #333;padding:8px 12px;font-size:12px;color:#b0b0b0;z-index:100;text-align:right;line-height:1.6}.project-link a{color:#ebebeb;text-decoration:none}.project-link a:hover{text-decoration:underline}.viewer-help{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:transparent;border:none;padding:6px 10px;font-size:11px;color:#b0b0b0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 32px);text-align:center}.viewer-help-title{font-size:11px;font-weight:600;color:#d0d0d0}.viewer-help-title-note{color:#777;font-weight:400;margin-left:4px}.viewer-help-items{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.viewer-help-item{display:flex;align-items:center;gap:6px}.input-icon{width:18px;height:18px;color:#c2c2c2;flex:0 0 auto}.keycap{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border:1px solid #444;border-radius:4px;background:#242424;color:#cfcfcf;font-size:10px;line-height:1}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#141414;z-index:200}.loading-overlay h2{font-size:18px;margin-bottom:16px}.loading-overlay p{font-size:14px;color:#888}.speed-display{font-size:11px;color:#666;text-align:center;margin-top:2px}.analysis-toggle{position:absolute;top:340px;left:16px;background:#1c1c1c;border:1px solid #333;padding:8px 12px;color:#b0b0b0;font-size:12px;cursor:pointer;z-index:100}.analysis-toggle:hover{border-color:#ebebeb;color:#ebebeb}.analysis-panel{position:absolute;top:340px;left:16px;width:var(--panel-width);max-width:90vw;background:#1c1c1c;border:1px solid #333;padding:10px 16px;z-index:100;max-height:calc(100vh - 400px);overflow-y:auto}.analysis-panel.collapsed{display:none}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.analysis-panel h3{font-size:13px;font-weight:600;margin:0;color:#ebebeb}.analysis-close{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:0;line-height:1}.analysis-close:hover{color:#ebebeb}.analysis-section{margin-bottom:14px}.analysis-section>label{display:block;font-size:11px;color:#888;margin-bottom:6px}.chart-container{background:#141414;padding:4px;display:flex;justify-content:center}.chart-container canvas{display:block}.scatter-plot{display:flex;flex-direction:column;gap:6px}.scatter-controls{display:flex;gap:12px;justify-content:center;font-size:11px;color:#888}.scatter-controls label{display:flex;align-items:center;gap:4px}.scatter-controls select{background:#242424;border:1px solid #333;color:#ebebeb;font-size:11px;padding:2px 4px;cursor:pointer}.scatter-controls select:focus{outline:none;border-color:#ebebeb}.analysis-panel::-webkit-scrollbar{width:6px}.analysis-panel::-webkit-scrollbar-track{background:#1c1c1c}.analysis-panel::-webkit-scrollbar-thumb{background:#404040}.analysis-panel::-webkit-scrollbar-thumb:hover{background:#505050}