:root{--bg:#0b1017;--panel:#141c26;--panel2:#101720;--line:#2a3747;--text:#eef3f8;--muted:#9cabbc;--accent:#57d2c1;--warn:#f0c66b;--danger:#ff7c7c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.app-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:4px solid #3d4147;border-bottom:1px solid var(--line);background:#0d131c}.app-header h1{font-size:24px;margin:2px 0}.eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.header-actions,.inline-actions,.transport-controls{display:flex;gap:9px;align-items:center}.button,.icon-button{border:1px solid var(--line);border-radius:10px;background:#182230;color:var(--text);font-weight:750;padding:10px 14px;cursor:pointer}.button:hover,.icon-button:hover{border-color:#46586e}.button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed}.button.primary,.primary-icon{background:var(--accent);border-color:var(--accent);color:#07100f}.button.secondary{background:#101720}.button.compact{padding:7px 10px;border-radius:8px}.button.full{width:100%}.icon-button{width:40px;height:40px;padding:0}.text-button{border:0;background:transparent;color:var(--accent);cursor:pointer}.app-shell{display:grid;grid-template-columns:324px minmax(0,1fr);height:calc(100vh - 94px);overflow:hidden}.sidebar{padding:12px;overflow:auto;border-right:1px solid var(--line);background:#0f151e}.workspace{padding:16px;overflow:auto;min-width:0}.panel,.viewer-card{background:var(--panel);border:1px solid var(--line);border-radius:15px}.panel{padding:14px;margin-bottom:12px}.panel h2{margin:0;font-size:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.small{color:var(--muted);font-size:12px}.status-pill{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 8px}.drop-zone{display:grid;place-content:center;gap:4px;text-align:center;min-height:110px;border:1px dashed #4a5c70;border-radius:12px;background:#101720;color:var(--muted);cursor:pointer}.drop-zone strong{color:var(--text)}.drop-zone.is-over{border-color:var(--accent);background:#10211f}.summary-grid{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0}.summary-grid dt{color:var(--muted)}.summary-grid dd{margin:0}.warning-list{display:grid;gap:7px;margin-top:12px}.warning{padding:8px;border-left:3px solid var(--warn);background:#211c12;color:#dfc88f;font-size:12px}.input{width:100%;border:1px solid var(--line);border-radius:9px;background:#0f1620;color:var(--text);padding:9px}.compact-input{width:auto;padding:7px 9px}.check-list{max-height:280px;overflow:auto;margin-top:10px;border-top:1px solid var(--line)}.check-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px solid #25303e}.check-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-row small{color:var(--muted)}.connection-builder{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center}.connection-list{display:grid;gap:6px;margin:10px 0;max-height:170px;overflow:auto}.connection-item{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;background:#101720;border-radius:8px}.connection-item button{border:0;background:transparent;color:var(--danger);cursor:pointer}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.range-grid label{display:grid;gap:5px;color:var(--muted);font-size:12px}.viewer-card{overflow:hidden}.viewer-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.timeline-wrap{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:12px;align-items:center;color:var(--muted)}#timeline{width:100%;accent-color:var(--accent)}.speed-control{display:flex;align-items:center;gap:8px;font-weight:700}.viewer{position:relative;height:min(66vh,760px);min-height:470px;background:radial-gradient(circle at center,#101923 0,#091019 70%);overflow:hidden}.viewer canvas{display:block;width:100%;height:100%}.empty-state,.viewer-loading,.viewer-error{position:absolute;inset:0;z-index:3;display:grid;place-content:center;text-align:center;gap:8px;color:var(--muted);pointer-events:none}.empty-state strong{color:var(--text)}.viewer-loading{background:rgba(8,13,19,.72);color:var(--text)}.viewer-error{padding:24px;color:#ffd3d3;background:rgba(47,12,17,.9)}[hidden]{display:none!important}.viewer-options{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);color:var(--muted)}.viewer-options label{display:flex;gap:7px;align-items:center}.data-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);gap:12px;margin-top:12px}.chart-panel,.mapping-panel{margin:0;min-height:330px}.chart-empty{height:260px;display:grid;place-content:center;color:var(--muted)}.force-systems{display:grid;gap:12px}.force-system{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.force-system h3{margin:0 0 3px;font-size:14px}.mapping-grid{display:grid;grid-template-columns:28px 1fr;gap:6px 8px;align-items:center;margin-top:10px}.mapping-grid label{text-transform:uppercase;color:var(--muted);font-size:11px}.toast{position:fixed;right:18px;bottom:18px;z-index:20;max-width:420px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#182230;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:none}@media(max-width:1100px){.app-shell{grid-template-columns:280px minmax(0,1fr)}.data-grid{grid-template-columns:1fr}.viewer{min-height:430px}}@media(max-width:760px){.app-header{height:auto;min-height:94px;gap:12px;align-items:flex-start;flex-direction:column;padding:14px}.app-shell{height:auto;display:block}.sidebar{border-right:0}.workspace{padding:10px}.viewer-toolbar{grid-template-columns:1fr}.viewer{height:62vh;min-height:360px}.timeline-wrap{grid-template-columns:1fr auto}.timeline-wrap #frameReadout{display:none}.connection-builder{grid-template-columns:1fr auto 1fr}.connection-builder .button{grid-column:1/-1}.data-grid{display:block}.mapping-panel{margin-top:12px}}

.signal-chart{height:260px;min-height:260px}.signal-chart canvas{display:block;width:100%;height:260px}.viewer canvas{cursor:grab}.viewer canvas:active{cursor:grabbing}

.brand-lockup{display:flex;align-items:center;gap:14px}.brand-logo{width:58px;height:58px;object-fit:cover;border-radius:8px;background:#fff}.privacy-note{font-size:.8rem;line-height:1.45;color:var(--muted);margin:.75rem 0 0}.privacy-note strong{color:var(--text)}
.range-selector{position:relative;height:18px;margin-top:4px}.range-selector input[type=range]{position:absolute;inset:0;width:100%;pointer-events:none;background:transparent;margin:0}.range-selector input[type=range]::-webkit-slider-thumb{pointer-events:auto}.range-selector input[type=range]::-moz-range-thumb{pointer-events:auto}.range-fill{position:absolute;top:7px;height:4px;border-radius:4px;background:#57d2c1;left:0;right:0}.timeline-readout{display:flex;gap:14px;align-items:center;white-space:nowrap}.timeline-readout #rangeReadout{color:#57d2c1}.marker-tooltip{position:absolute;z-index:6;pointer-events:none;background:rgba(8,13,19,.94);color:#fff;border:1px solid #456071;border-radius:6px;padding:5px 8px;font:600 12px system-ui,sans-serif;transform:translate(10px,-50%)}.viewer{position:relative}.export-actions{display:grid;gap:8px}.movie-recording{color:#f0c66b}.range-grid{grid-template-columns:1fr 1fr}
@media(max-width:760px){.brand-logo{width:44px;height:44px}.timeline-readout{font-size:.75rem;gap:8px;flex-wrap:wrap}}
.brand-lockup{display:flex;align-items:center;gap:14px}.brand-logo{width:58px;height:58px;object-fit:cover;border-radius:8px;background:#fff}.privacy-note{margin:12px 0 0;color:var(--muted);font-size:12px}.range-selector{position:relative;height:20px;grid-column:1/-1}.range-selector input[type=range]{position:absolute;inset:0;width:100%;margin:0;background:transparent;pointer-events:none;appearance:none}.range-selector input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #07100f;pointer-events:auto;cursor:ew-resize}.range-selector input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #07100f;pointer-events:auto;cursor:ew-resize}.range-fill{position:absolute;top:8px;height:4px;border-radius:4px;background:rgba(87,210,193,.55)}.timeline-readout{display:flex;gap:12px;white-space:nowrap}.marker-tooltip{position:absolute;z-index:8;padding:5px 8px;border-radius:6px;background:#07100f;color:#fff;border:1px solid var(--accent);font-size:12px;pointer-events:none}.export-actions{display:grid;gap:8px}.movie-recording{color:var(--warn)}