:root{color-scheme:dark;--bg: #071015;--panel: rgba(8, 18, 24, .82);--panel-border: rgba(148, 180, 190, .2);--text: #edf7f9;--muted: #92a9b2;--accent: #25d0bf;--north: #5bb9ff;--east: #ff6961;--depth: #f0b84b}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}.viewer{position:relative;width:100vw;height:100vh;min-height:560px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--profile-color) 18%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--scene-bg) 82%,white 8%) 0%,var(--scene-bg) 100%)}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}#scene:active{cursor:grabbing}.startup-overlay{position:fixed;top:50%;left:50%;z-index:8;display:grid;gap:9px;width:min(360px,calc(100vw - 40px));padding:18px;border:1px solid rgba(148,180,190,.24);border-radius:8px;background:#081218e0;box-shadow:0 18px 48px #0000005c;color:var(--text);pointer-events:none;text-align:center;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.startup-overlay strong{font-size:16px;line-height:1.25}.startup-overlay span{display:block;padding:8px 10px;border:1px solid rgba(255,105,97,.32);border-radius:6px;background:#ff696114;color:#ffc6c2;font-size:13px}.startup-overlay span.is-loaded{border-color:#25d0bf66;background:#25d0bf1a;color:var(--accent)}.panel{position:absolute;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel);box-shadow:0 16px 42px #00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-main{top:20px;left:20px;width:min(360px,calc(100vw - 40px));max-height:calc(100vh - 40px);padding:16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(37,208,191,.55) rgba(255,255,255,.06);scrollbar-width:thin}.panel-main::-webkit-scrollbar{width:8px}.panel-main::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.panel-main::-webkit-scrollbar-thumb{border-radius:999px;background:#25d0bf73}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:28px;line-height:1.1}.file-picker{display:block;margin-top:16px}.file-picker-secondary{margin-top:10px}.file-picker-secondary span{min-height:34px;border-color:#f0b84b8c;background:#f0b84b1a}.file-picker span{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(37,208,191,.55);border-radius:6px;background:#25d0bf1f;color:var(--text);font-size:14px;font-weight:700;cursor:pointer}.file-picker span:hover,.file-picker:focus-within span{border-color:var(--accent);background:#25d0bf2e}.file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.file-status{min-height:18px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.file-status.is-error{color:#ff8a80}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.stats div{min-width:0;padding:10px;border:1px solid rgba(148,180,190,.15);border-radius:8px;background:#ffffff0a}.stats dt{margin-bottom:5px;color:var(--muted);font-size:12px}.stats dd{margin:0;overflow-wrap:anywhere;font-size:15px;font-weight:700}.controls{display:grid;gap:10px}.range-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-tools button{border:1px solid rgba(148,180,190,.22);border-radius:6px;padding:8px 10px;background:#ffffff0f;color:var(--text);cursor:pointer}.range-tools button:hover,.range-tools button:focus-visible,.range-tools button.is-active{border-color:#25d0bfcc;outline:none}.range-tools button:disabled{cursor:not-allowed;opacity:.45}.range-status{margin:-2px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.controls label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.controls input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.controls input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}.color-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:2px 0 0;padding:10px;border:1px solid rgba(148,180,190,.15);border-radius:8px;background:#ffffff09}.color-settings legend{padding:0 4px;color:var(--muted);font-size:12px}.color-settings label{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:center;min-height:44px;padding:8px;border:1px solid rgba(148,180,190,.18);border-radius:8px;background:#ffffff0e;color:var(--muted);font-size:12px}.color-settings label:hover,.color-settings label:focus-within{border-color:#25d0bf80;background:#25d0bf13}.color-settings label span{min-width:0;overflow-wrap:anywhere}.color-settings input[type=color]{width:34px;height:30px;padding:2px;border:1px solid rgba(148,180,190,.42);border-radius:6px;background:#0812189e;cursor:pointer}.color-settings input[type=color]:focus-visible{border-color:var(--accent);outline:none}.color-settings button{grid-column:1 / -1;border:1px solid rgba(148,180,190,.22);border-radius:6px;padding:7px 9px;background:#ffffff0f;color:var(--text);cursor:pointer}.color-settings button:hover,.color-settings button:focus-visible{border-color:#25d0bfcc;outline:none}.panel-tools{top:20px;right:20px;display:flex;gap:8px;padding:8px}.panel-tools button{min-width:72px;border:1px solid rgba(148,180,190,.22);border-radius:6px;padding:8px 10px;background:#ffffff0f;color:var(--text);cursor:pointer}.panel-tools button:hover,.panel-tools button:focus-visible,.panel-tools button.is-active{border-color:#25d0bfcc;outline:none}.panel-tools button.is-active{background:#25d0bf29}.legend{position:absolute;right:20px;bottom:20px;display:flex;flex-wrap:wrap;gap:10px;max-width:min(520px,calc(100vw - 40px));padding:10px 12px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel);color:var(--muted);font-size:13px}.legend span{display:inline-flex;align-items:center;gap:7px}.legend i{width:22px;height:3px;border-radius:999px}.axis-east{background:var(--east)}.axis-north{background:var(--north)}.axis-depth{background:var(--depth)}.interval-slide{background:var(--slide-color)}.interval-autohold{background:var(--autohold-color)}.autohold-summary-badge{position:fixed;z-index:12;top:50%;left:calc(50% + 160px);width:186px;min-height:132px;padding:12px;border:1px solid color-mix(in srgb,var(--autohold-color) 64%,transparent);border-radius:8px;background:#081218e6;box-shadow:0 18px 48px #00000057;color:var(--text);cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.autohold-summary-badge:active{cursor:grabbing}.autohold-summary-badge__percent{color:var(--autohold-color);font-size:42px;font-weight:800;line-height:.95;letter-spacing:0}.autohold-summary-badge__label{margin-top:5px;color:var(--text);font-size:13px;font-weight:700}.autohold-summary-badge__meta{margin:2px 0 8px;color:var(--muted);font-size:11px}.autohold-summary-badge span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-top:5px;border-top:1px solid rgba(148,180,190,.12);font-size:12px}.autohold-summary-badge em{color:var(--muted);font-style:normal}.autohold-summary-badge b{font-weight:700}.interval-tooltip{position:fixed;z-index:20;width:370px;max-width:calc(100vw - 24px);padding:14px 12px 10px;border:1px solid rgba(148,180,190,.28);border-radius:8px;background:#081218f0;box-shadow:0 18px 48px #00000061;color:var(--text);pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-percent-badge{position:absolute;top:8px;right:10px;z-index:2;min-width:96px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--tooltip-accent, var(--slide-color)) 75%,transparent);border-radius:8px;background:#081218e6;color:var(--tooltip-accent, var(--slide-color));font-size:38px;font-weight:800;line-height:1;letter-spacing:0;text-align:center;text-shadow:0 8px 24px rgba(0,0,0,.36)}.interval-tooltip:before{content:"";display:block;width:42px;height:4px;margin-bottom:8px;border-radius:999px;background:var(--tooltip-accent, var(--slide-color))}.interval-tooltip strong{display:block;min-height:44px;padding-right:126px;margin-bottom:8px;font-size:14px}.tooltip-section{margin-top:10px}.tooltip-section h3{margin:0 0 6px;font-size:13px;line-height:1.2}.tooltip-section p{margin:0;color:var(--muted);font-size:12px}.tooltip-section-slide h3{color:var(--slide-color)}.tooltip-section-autohold h3{color:var(--autohold-color)}.interval-tooltip span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:4px 0;border-top:1px solid rgba(148,180,190,.12);font-size:12px}.interval-tooltip em{color:var(--muted);font-style:normal}.interval-tooltip b{font-weight:700}.tooltip-highlight-row{color:var(--text)}.tooltip-highlight-row b{color:var(--tooltip-accent, var(--slide-color))}.profile-depth-tooltip{position:fixed;z-index:20;min-width:150px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--profile-color) 70%,transparent);border-radius:8px;background:#081218f0;box-shadow:0 18px 48px #00000057;color:var(--text);pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-depth-tooltip strong{display:block;margin-bottom:6px;color:var(--profile-color);font-size:12px;text-transform:uppercase}.profile-depth-tooltip span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:13px}.profile-depth-tooltip em{color:var(--muted);font-style:normal}.profile-depth-tooltip b{font-weight:700}.depth-marker-label{position:fixed;z-index:13;transform:translate(10px,-50%);min-width:76px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--profile-color) 72%,transparent);border-radius:999px;background:#081218e0;box-shadow:0 10px 24px #0000004d;color:var(--profile-color);font-size:12px;font-weight:800;line-height:1;pointer-events:none;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.depth-marker-label:before{content:"";position:absolute;top:50%;left:-5px;width:7px;height:7px;border-radius:999px;background:var(--profile-color);box-shadow:0 0 0 3px #081218db;transform:translateY(-50%)}.toggle-btn{position:fixed;z-index:15;width:32px;height:32px;padding:0;border:1px solid rgba(148,180,190,.22);border-radius:6px;background:#ffffff0f;color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out}.toggle-btn:hover,.toggle-btn:focus-visible{border-color:#25d0bfcc;background:#25d0bf1f;outline:none}.toggle-settings{top:20px;left:20px}.toggle-legend{right:20px;bottom:20px}.toggle-tools{top:20px;right:20px}.panel-main.is-hidden,.legend.is-hidden,.panel-tools.is-hidden{opacity:0;pointer-events:none;transition:opacity .3s ease-out}.panel-main.is-hidden{transform:translate(-10px);transition:opacity .3s ease-out,transform .3s ease-out}.legend.is-hidden,.panel-tools.is-hidden{transform:translate(10px);transition:opacity .3s ease-out,transform .3s ease-out}@media(max-width:760px){.viewer{min-height:100vh}.panel-main{top:12px;left:12px;width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:14px}.toggle-settings{top:12px;left:12px}.panel-tools{inset:auto 12px 74px;justify-content:stretch}.panel-tools button{flex:1;min-width:0;padding-inline:6px}.legend{right:12px;bottom:12px;left:12px}.toggle-legend{right:12px;bottom:12px}.toggle-tools{top:12px;right:12px}}