:root{color:#1f2328;background:#f6f7f9;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}html,body,#root{height:100%;margin:0}.app{grid-template-columns:300px 1fr;height:100vh;display:grid}.app.message{padding:24px;display:block}.sidebar{background:#fff;border-right:1px solid #d8dde3;padding:14px 16px;overflow-y:auto}.sidebar h1{margin:0 0 4px;font-size:16px}.sidebar h2{text-transform:uppercase;letter-spacing:.06em;color:#57606a;margin:18px 0 6px;font-size:12px}.sidebar .row{align-items:center;gap:6px;margin:4px 0;display:flex}.sidebar .col{flex-direction:column;gap:4px;margin:8px 0;display:flex}.sidebar select,.sidebar input[type=range]{width:100%}.sidebar button{cursor:pointer;background:#f6f8fa;border:1px solid #c9d1d9;border-radius:6px;padding:3px 8px}.sidebar button.on{color:#fff;background:#1f6feb;border-color:#1f6feb}.facts{margin:4px 0;padding-left:18px}.muted{color:#57606a}.small{font-size:12px}.workspace{grid-template-rows:1fr;min-width:0;min-height:0;display:grid}.workspace.with-dock{grid-template-rows:1fr minmax(260px,38vh)}.viewport{min-width:0;min-height:0;position:relative}.dock{background:#fff;border-top:1px solid #d8dde3;flex-direction:column;min-height:0;display:flex}.dock-body{flex-direction:column;flex:1;min-height:0;display:flex}.tabs{border-bottom:1px solid #eaeef2;gap:2px;padding:4px 8px 0;display:flex}.tabs button{cursor:pointer;color:#57606a;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;padding:4px 10px}.tabs button.on{color:#1f2328;background:#fff;border-color:#d8dde3;font-weight:600}.qa{flex-direction:column;flex:1;min-height:0;display:flex}.qa-summary{border-bottom:1px solid #eaeef2;flex-wrap:wrap;align-items:center;gap:14px;padding:6px 10px;font-size:12px;display:flex}.qa-summary .flagged{color:#8a0049;font-weight:600}.qa-table{flex:1;overflow:auto}.qa-table table{border-collapse:collapse;width:100%;font-size:12px}.qa-table th{text-align:left;background:#f6f8fa;padding:4px 8px;font-weight:600;position:sticky;top:0}.qa-table td{white-space:nowrap;border-top:1px solid #f0f2f4;padding:3px 8px}.qa-table tr{cursor:pointer}.qa-table tr:hover td{background:#f6f8fa}.qa-table tr.sel td{background:#fde6f2}.qa-table .bar{vertical-align:middle;border-radius:2px;height:8px;display:inline-block}.qa-table .flags{color:#8a0049}.dock header{border-bottom:1px solid #eaeef2;align-items:center;gap:10px;padding:6px 10px;display:flex}.dock-plot{flex:1;min-height:0}.pad{padding:12px}.hover-tag{color:#fff;pointer-events:none;background:#1f2328;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:10px;left:10px}.log-panel{background:#fff;border:1px solid #d8dde3;border-radius:8px;flex-direction:column;width:min(560px,45%);display:flex;position:absolute;top:12px;bottom:12px;right:12px;box-shadow:0 6px 24px #0000001f}.log-panel header{border-bottom:1px solid #eaeef2;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;font-size:13px;display:flex}.log-panel header button{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px}.log-plot{flex:1;min-height:0;padding:4px}.timeline{background:#ffffffeb;border:1px solid #d8dde3;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.timeline input[type=range]{flex:0 0 22%}.timeline button{cursor:pointer;background:#f6f8fa;border:1px solid #c9d1d9;border-radius:6px;padding:2px 8px}.timeline .readout{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-panel{background:#fff;border:1px solid #d8dde3;border-radius:8px;width:300px;font-size:13px;position:absolute;top:12px;left:12px;box-shadow:0 6px 24px #0000001f}.asset-panel header{border-bottom:1px solid #eaeef2;padding:8px 12px;display:flex}.asset-panel header button{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px}.asset-panel dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:10px 12px;display:grid}.asset-panel dt{color:#57606a}.asset-panel dd{margin:0}.selection-tag{color:#8a0049;background:#fde6f2;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:2px 8px;font-size:12px;display:flex}.selection-tag button{color:#8a0049;cursor:pointer;background:#fff;border:1px solid #e5007d;border-radius:4px;font-size:11px}.fps{color:#57606a;pointer-events:none;background:#ffffffb3;border-radius:4px;padding:1px 6px;font:11px ui-monospace,monospace;position:absolute;top:10px;right:10px}.fps:empty{display:none}.account{border-bottom:1px solid #eaeef2;flex-direction:column;gap:6px;margin-bottom:10px;padding-bottom:10px;display:flex}.account input,.account select{border:1px solid #c9d1d9;border-radius:6px;padding:4px 6px}.account button{cursor:pointer;background:#f6f8fa;border:1px solid #c9d1d9;border-radius:6px;padding:3px 8px}.row.wrap{flex-wrap:wrap}.error{color:#b42318}.upload{background:#f6f8fa;border-radius:6px;padding:8px}.landing{background:linear-gradient(#9cc3e6 0%,#d7e7f3 55%,#eef3f6 100%);height:100vh;position:relative;overflow:hidden}.landing-scene{position:absolute;inset:0}.landing-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffdb;border-radius:14px;max-width:420px;margin:0 0 0 6vw;padding:28px 30px;position:relative;top:50%;transform:translateY(-50%);box-shadow:0 10px 40px #1f23281f}.landing-card h1{letter-spacing:-.01em;margin:2px 0 10px;font-size:34px}.landing-card h2{margin:18px 0 8px;font-size:15px}.landing-kicker{text-transform:uppercase;letter-spacing:.08em;color:#1f6feb;margin:0;font-size:12px;font-weight:600}.landing-lead{color:#333a42;margin:0 0 10px;font-size:15px;line-height:1.5}.landing-demo{color:#fff;text-align:center;background:#1f6feb;border-radius:8px;margin:16px 0 4px;padding:11px 14px;font-size:15px;font-weight:600;text-decoration:none;display:block}.landing-demo:hover{background:#1a5fd0}.signin{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.signin input{border:1px solid #c9d1d9;border-radius:8px;padding:8px 10px;font-size:14px}.signin button{color:#1f6feb;cursor:pointer;background:#fff;border:1px solid #1f6feb;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:600}.signin button:disabled{opacity:.6;cursor:default}@media (width<=720px){.landing{height:auto;min-height:100vh}.landing-scene{height:55vh;bottom:auto}.landing-card{margin:50vh 12px 16px;top:auto;transform:none}}.data-tree{margin:0 -8px;font-size:13px}.data-tree ul{margin:0;padding:0;list-style:none}.tree-row{border-radius:4px;align-items:center;gap:4px;min-height:24px;padding-right:4px;display:flex;position:relative}.tree-row:hover{background:#f3f5f8}.tree-row.current{font-weight:600}.tree-row input[type=checkbox]{flex:none;margin:0 2px 0 0}.tree-chevron{color:#57606a;cursor:pointer;text-align:center;flex:none;width:14px;height:18px;padding:0;font-size:11px;background:0 0!important;border:none!important}span.tree-chevron{cursor:default}.type-icon{flex:none}.tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-name.strong{font-weight:600}.tree-name.link{text-align:left;color:#1f2328;cursor:pointer;font:inherit;background:0 0!important;border:none!important;padding:0!important}.tree-name.link:hover{color:#1f6feb;text-decoration:underline}.tree-meta{color:#8c959f;font-variant-numeric:tabular-nums;flex:none;font-size:11px}.tree-badge{border-radius:3px;flex:none;padding:0 4px;font-size:10px;line-height:15px}.tree-badge.synthetic{color:#7d4e00;background:#fff8c5;border:1px solid #d4a72c}.tree-badge.error{color:#b42318;cursor:help;font-size:13px}.tree-menu-btn{opacity:.3;color:#57606a;flex:none;font-size:15px;line-height:1;background:0 0!important;border:none!important;padding:0 4px!important}.tree-row:hover .tree-menu-btn,.tree-menu-btn:focus-visible{opacity:1}.tree-menu{z-index:20;background:#fff;border:1px solid #d8dde3;border-radius:6px;min-width:170px;max-height:300px;padding:4px 0;font-weight:400;position:absolute;top:22px;right:4px;overflow-y:auto;box-shadow:0 6px 20px #00000024}.tree-menu button{text-align:left;width:100%;font:inherit;color:#1f2328;display:block;background:0 0!important;border:none!important;border-radius:0!important;padding:4px 12px!important}.tree-menu button:hover:not(:disabled){background:#f3f5f8!important}.tree-menu button:disabled{color:#8c959f;cursor:default}.tree-menu button.danger{color:#b42318}.tree-menu-head{text-transform:uppercase;letter-spacing:.05em;color:#8c959f;border-top:1px solid #eaeef2;margin-top:4px;padding:4px 12px 2px;font-size:11px}.tree-rename{min-width:0;font:inherit;border:1px solid #1f6feb;border-radius:4px;flex:1;padding:1px 4px}.borehole-log{flex-direction:column;height:100%;display:flex}.borehole-log p{margin:2px 8px}.borehole-plot{flex:1;min-height:0}.workspace.with-dock.tall{grid-template-rows:1fr minmax(320px,50vh)}.section-panes{flex:1;grid-template-columns:minmax(220px,32%) 1fr;min-height:0;display:grid}.section-map{border-right:1px solid #eaeef2;min-width:0;min-height:0}.section-plot{flex-direction:column;min-width:0;min-height:0;display:flex}.section-plot>*{flex:1;min-height:0}.section-plot>p{flex:none}.correlation{flex-direction:column;min-height:0;display:flex}.correlation>:last-child{flex:1;min-height:0}.pad-x{margin:0;padding:2px 10px}.seg{border:1px solid #d8dde3;border-radius:6px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:#57606a;background:#fff;border:none;padding:2px 10px}.seg button.on{color:#fff;background:#1f2328}.dock header label{align-items:center;gap:4px;display:inline-flex}
