:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e8e8e8;--bg-surface: #f0f0f0;--border-color: #d0d0d0;--border-subtle: #e0e0e0;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #888888;--accent-primary: #0077cc;--accent-secondary: #005fa3;--accent-gradient: linear-gradient(135deg, #0077cc, #005fa3);--danger: #d32f2f;--warning: #f57c00;--success: #388e3c;--info: #1976d2;--bump-color: #d32f2f;--dip-color: #5c2dd6;--nominal-color: #2e7d32;--sidebar-width: 300px;--header-height: 44px;--statusbar-height: 28px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s ease;--transition-med: .25s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#f5f5f5eb;backdrop-filter:blur(8px)}.loading-content{text-align:center;color:var(--text-primary)}.spinner{width:48px;height:48px;margin:0 auto 16px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-container{width:240px;height:4px;margin:12px auto 0;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--accent-gradient);border-radius:2px;transition:width var(--transition-med)}.progress-text{margin-top:8px;font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}#app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);user-select:none;z-index:100}.header-left{display:flex;align-items:center;gap:10px}.header-left h1{font-size:16px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.version{font-size:10px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.header-center{font-size:12px;color:var(--text-secondary)}.file-label{font-family:var(--font-mono)}.icon-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}#app-layout{display:flex;height:calc(100vh - var(--header-height) - var(--statusbar-height))}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;flex-shrink:0}#sidebar-right{border-right:none;border-left:1px solid var(--border-color)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary);z-index:2}.sidebar-header h2{font-size:13px;font-weight:600;color:var(--text-primary)}#gui-container{padding:0}#gui-container .lil-gui{--background-color: var(--bg-secondary);--widget-color: var(--bg-tertiary);--focus-color: var(--accent-primary);--hover-color: var(--bg-surface);--font-family: var(--font-sans);--font-size: 12px;--name-width: 45%;--number-color: var(--accent-primary);--string-color: var(--success);--title-background-color: var(--bg-tertiary);--title-text-color: var(--text-primary);--text-color: var(--text-secondary);width:100%!important;border:none!important;border-radius:0!important}#viewport{flex:1;position:relative;overflow:hidden;background:var(--bg-primary)}#three-canvas{width:100%;height:100%;display:block;outline:none}#annotations-overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.color-legend{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:row;align-items:stretch;gap:8px;background:#ffffffd9;backdrop-filter:blur(6px);padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-color);z-index:20}.legend-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);min-width:50px}.legend-unit{position:absolute;bottom:4px;right:12px;font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.view-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:20px;font-size:11px;color:var(--text-muted);background:#ffffffb3;backdrop-filter:blur(4px);padding:6px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);user-select:none;pointer-events:none;opacity:.7;transition:opacity var(--transition-med)}#status-bar{height:var(--statusbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-secondary);user-select:none}.status-left,.status-center,.status-right{display:flex;align-items:center;gap:8px}.status-left{flex:1}.status-center{flex:1;justify-content:center}.status-right{flex:1;justify-content:flex-end;font-family:var(--font-mono)}#status-text{display:flex;align-items:center;gap:6px}.results-section{padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.results-section h3{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.metric-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0}.metric-label{color:var(--text-secondary);font-size:12px}.metric-value{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);font-weight:500}.metric-value.danger{color:var(--danger)}.metric-value.warning{color:var(--warning)}.metric-value.success{color:var(--success)}.metric-value.info{color:var(--info)}.metric-unit{font-size:10px;color:var(--text-muted);margin-left:4px}.geodesic-table{width:100%;border-collapse:collapse;font-size:11px;font-family:var(--font-mono)}.geodesic-table th{text-align:left;padding:6px 8px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:10px;letter-spacing:.5px;position:sticky;top:0;background:var(--bg-secondary)}.geodesic-table td{padding:4px 8px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.geodesic-table tr:hover{background:var(--bg-tertiary);cursor:pointer}.geodesic-table tr.anomaly td{color:var(--warning)}.annotation-label{background:#ffffffe6;backdrop-filter:blur(4px);color:var(--text-primary);padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);border:1px solid var(--border-color);pointer-events:auto;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.annotation-label:hover{border-color:var(--accent-primary);transform:scale(1.05)}.annotation-label.bump{border-left:3px solid var(--bump-color)}.annotation-label.dip{border-left:3px solid var(--dip-color)}.annotation-label.pole{border-left:3px solid var(--accent-primary)}.tooltip{position:absolute;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;font-size:12px;color:var(--text-primary);box-shadow:var(--shadow-lg);pointer-events:none;z-index:1000;max-width:260px}.tooltip-title{font-weight:600;margin-bottom:6px;font-size:12px}.tooltip-row{display:flex;justify-content:space-between;gap:16px;padding:2px 0;font-size:11px}.tooltip-row .label{color:var(--text-secondary)}.tooltip-row .value{font-family:var(--font-mono);color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s ease-in-out infinite}@media(max-width:1024px){:root{--sidebar-width: 260px}}@media(max-width:768px){.sidebar{position:absolute;z-index:50;top:var(--header-height);bottom:var(--statusbar-height);box-shadow:var(--shadow-lg)}#sidebar-left{left:0}#sidebar-right{right:0}.view-hint{display:none}}