:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf2;background:#07111d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #07111d;--bg-2: #0b1726;--panel: rgba(12, 24, 39, .9);--panel-solid: #0e1b2a;--panel-soft: #12253a;--line: rgba(159, 204, 236, .12);--line-strong: rgba(159, 204, 236, .22);--text: #e9f4fb;--muted: #8aa7bb;--quiet: #607c93;--mint: #a8ddff;--mint-strong: #59b9f3;--coral: #6b8dff;--amber: #72d2d8;--blue: #79bbff;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg);overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--mint-strong);outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;position:relative;background:radial-gradient(circle at 62% 45%,rgba(32,94,143,.22),transparent 32rem),var(--bg)}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(151,214,247,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(151,214,247,.019) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.topbar{position:relative;z-index:5;height:74px;display:flex;align-items:center;gap:30px;padding:0 27px;border-bottom:1px solid var(--line);background:#0b0e13d6;backdrop-filter:blur(18px)}.brand-lockup{min-width:218px;display:flex;align-items:center;gap:11px}.brand-mark{width:33px;height:33px;position:relative;border:1px solid rgba(168,221,255,.78);border-radius:50%;transform:rotate(-16deg);background:radial-gradient(circle at 35% 32%,rgba(168,221,255,.12),transparent 52%);box-shadow:0 0 0 4px #59b9f30a,0 0 22px #59b9f31f}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:1px solid rgba(89,185,243,.42);border-radius:50%;inset:5px -6px;transform:rotate(58deg)}.brand-mark:after{inset:-6px 5px;transform:rotate(-40deg);border-color:#6b8dff61}.brand-mark span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #a8ddffbf}.brand-mark span:nth-child(1){left:13px;top:13px;width:6px;height:6px;background:#e9f7ff}.brand-mark span:nth-child(2){right:4px;top:7px;background:var(--mint-strong)}.brand-mark span:nth-child(3){right:7px;bottom:4px;background:var(--coral)}.brand-name{font-family:Georgia,Times New Roman,serif;font-size:18px;letter-spacing:-.04em}.brand-subtitle,.eyebrow,.quiet-label,.field-label,.metric span,.identity-kind,.graph-limit,.timeline-caption{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--muted)}.brand-subtitle{color:var(--quiet);margin-top:2px;font-family:var(--mono);letter-spacing:.09em}.topbar-metrics{display:flex;align-items:center;gap:29px;flex:1}.metric{display:flex;flex-direction:column;gap:4px}.metric strong{font-family:var(--mono);font-size:12px;font-weight:500;color:#cbd9e1}.topbar-actions{display:flex;align-items:center;gap:17px}.crawler-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;white-space:nowrap}.crawler-state.is-active{color:var(--mint)}.status-dot,.message-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--mint-strong);box-shadow:0 0 0 4px #59b9f31f}.status-dot.muted{background:var(--quiet);box-shadow:none}.export-group{display:flex;align-items:stretch}.export-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:6px 0 0 6px;color:var(--text);font-size:11px;transition:background .2s ease,border-color .2s ease}.export-button:hover{background:var(--panel-soft);border-color:#a8ddff6b}.export-format{display:grid;place-items:center;padding:0 9px;color:var(--muted);border:1px solid var(--line-strong);border-left:0;border-radius:0 6px 6px 0;font:9px var(--mono)}.export-format:hover{color:var(--text);background:var(--panel-soft)}.workspace{position:relative;z-index:1;min-height:calc(100vh - 74px);display:grid;grid-template-columns:286px minmax(500px,1fr) 314px}.control-rail,.inspector{background:#0c1117a3}.control-rail{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:29px 22px 16px;min-width:0}.rail-intro{padding:2px 4px 27px}.rail-intro h1{margin:10px 0 11px;font:400 37px/1.03 Georgia,Times New Roman,serif;letter-spacing:-.055em;color:#eaf0f1}.rail-intro h1 em{color:var(--mint);font-style:italic}.rail-intro p{max-width:228px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.rail-section{border-top:1px solid var(--line);padding:19px 4px 20px}.search-section{position:relative;padding-top:17px}.field-label{display:flex;align-items:center;gap:7px;color:#aab8c2;font-weight:600}.search-input-wrap{position:relative;margin-top:10px}.search-input-wrap input,.crawl-form input,.filter-controls input,.filter-controls select{width:100%;color:var(--text);background:#ffffff09;border:1px solid var(--line);border-radius:5px;padding:11px 47px 11px 11px;outline:none;font-size:11px;transition:border-color .2s ease,background .2s ease}.search-input-wrap input::placeholder,.crawl-form input::placeholder{color:var(--quiet)}.search-input-wrap input:focus,.crawl-form input:focus,.filter-controls input:focus,.filter-controls select:focus{border-color:#a8ddff80;background:#ffffff0e}kbd{position:absolute;right:8px;top:9px;color:var(--quiet);font:9px var(--mono);border:1px solid var(--line);padding:2px 4px;border-radius:3px}.search-results-panel{position:absolute;z-index:10;top:73px;left:4px;right:4px;border:1px solid var(--line-strong);background:#131a22;box-shadow:0 18px 40px #0006;border-radius:5px;overflow:hidden}.search-empty{padding:16px 13px;color:var(--muted);font-size:11px;line-height:1.5}.search-result{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 13px;text-align:left;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--line)}.search-result:last-child{border-bottom:0}.search-result:hover{background:#a8ddff14}.search-result strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.search-result span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:9px var(--mono)}.search-result small,.result-type{color:var(--quiet);font-size:9px}.result-type{color:var(--mint-strong);font-family:var(--mono)}.section-heading{display:flex;justify-content:space-between;align-items:center}.quiet-label{font-size:8px;color:var(--quiet)}.crawl-form{display:flex;gap:6px;margin-top:10px}.crawl-form input{padding-right:11px}.crawl-form button{width:38px;flex:0 0 38px;display:grid;place-items:center;color:#07111d;background:var(--mint);border:0;border-radius:5px;transition:background .2s ease,transform .2s ease}.crawl-form button:hover{background:#d2eadb;transform:translate(1px)}.microcopy{margin:9px 0 0;color:var(--quiet);font-size:9px;line-height:1.55}.crawl-message{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px;border-radius:4px;color:var(--muted);background:#a8ddff0f;font-size:10px;line-height:1.4}.crawl-message.success .message-dot{background:var(--mint-strong)}.crawl-message.warning .message-dot{background:var(--amber)}.crawl-message.error .message-dot{background:var(--coral)}.filter-section{padding-bottom:0}.filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;color:var(--muted);background:transparent;border:0;font-size:11px}.filter-toggle>span:first-child{display:flex;align-items:center;gap:8px}.filter-toggle b{min-width:17px;padding:2px 5px;border-radius:10px;color:#07111d;background:var(--mint);font:9px var(--mono)}.filter-chevron{color:var(--quiet);transition:transform .2s ease}.filter-toggle.is-open .filter-chevron{transform:rotate(180deg)}.filter-controls{display:grid;gap:11px;padding:17px 0 9px}.filter-controls label{display:grid;gap:6px;color:var(--muted);font-size:10px}.filter-controls input,.filter-controls select{padding:8px 9px;font-size:10px}.checkbox-row{display:flex!important;align-items:center;grid-template-columns:auto 1fr;gap:8px!important}.checkbox-row input{accent-color:var(--mint-strong)}.reset-button{justify-self:start;padding:0;color:var(--mint);background:transparent;border:0;font-size:10px}.reset-button:hover{text-decoration:underline}.rail-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;color:var(--quiet);font-size:9px;font-family:var(--mono)}.rail-footer>div{display:flex;gap:7px;align-items:center}.graph-stage{position:relative;min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 43%,rgba(34,56,70,.18),transparent 55%),#0a0e1333}.stage-topline{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.stage-context{display:flex;align-items:center;gap:8px;color:#bcc8ce;font-size:11px}.slash{color:var(--quiet)}.live-pulse{width:6px;height:6px;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 0 4px #a8ddff1a}.stage-actions{display:flex;align-items:center;gap:17px}.stage-action{display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:transparent;border:0;font-size:10px}.stage-action:hover{color:var(--mint)}.graph-limit{color:var(--quiet);font-family:var(--mono);font-size:8px}.graph-frame{position:relative;flex:1;min-height:480px;overflow:hidden}.graph-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em}.loading-orbit{width:44px;height:44px;display:grid;place-items:center;color:var(--mint);border:1px solid rgba(168,221,255,.42);border-radius:50%;font-size:19px;box-shadow:0 0 0 8px #a8ddff0a}.graph-canvas-wrap{position:absolute;inset:0}.graph-canvas{width:100%;height:100%;display:block;cursor:grab}.graph-canvas:active{cursor:grabbing}.graph-fallback{position:absolute;inset:82px 25px 52px;display:flex;flex-direction:column;justify-content:center;gap:18px;max-width:720px;margin:auto}.graph-fallback-head{max-width:420px}.graph-fallback-head strong{display:block;margin-top:6px;color:#dce7e9;font:400 22px Georgia,Times New Roman,serif;letter-spacing:-.035em}.graph-fallback-head p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.graph-fallback-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;max-height:250px;overflow:auto;padding:3px}.graph-fallback-node{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 11px;color:var(--text);text-align:left;background:#11171fc2;border:1px solid var(--line);border-radius:5px}.graph-fallback-node:hover,.graph-fallback-node:focus-visible{background:#a8ddff17;border-color:#a8ddff61}.graph-fallback-node i{width:7px;height:7px;display:block;border-radius:50%;background:var(--blue)}.graph-fallback-node i.host{width:9px;height:9px;background:var(--coral);box-shadow:0 0 0 4px #6b8dff1f}.graph-fallback-node span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.graph-fallback-node small{color:var(--quiet);font:8px var(--mono);text-transform:uppercase}.graph-canvas-hint{position:absolute;left:24px;bottom:19px;display:flex;gap:12px;color:#8796a694;font:8px var(--mono);text-transform:uppercase;letter-spacing:.1em;pointer-events:none}.graph-canvas-hint span+span:before{content:"·";margin-right:12px;color:var(--quiet)}.graph-focus-label{position:absolute;right:25px;bottom:57px;display:flex;align-items:center;gap:7px;max-width:220px;padding:7px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd7dd;background:#11171fc7;border:1px solid var(--line-strong);border-radius:4px;font:9px var(--mono);pointer-events:none}.graph-focus-label i{width:6px;height:6px;flex:0 0 6px;display:inline-block;border-radius:50%;background:var(--blue)}.graph-focus-label i.host{background:var(--coral);box-shadow:0 0 0 4px #6b8dff1f}.graph-a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.graph-overlays{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none}.graph-title{display:flex;flex-direction:column;gap:5px}.graph-title strong{font:400 19px Georgia,Times New Roman,serif;letter-spacing:-.03em}.graph-legend{display:flex;align-items:center;gap:13px;padding-top:4px}.legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.legend-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.legend-dot.host{background:var(--coral);box-shadow:0 0 0 4px #6b8dff24}.legend-dot.url{background:#a7b7c5}.legend-dot.hierarchy{width:14px;height:2px;border-radius:0;background:#7de6d3}.legend-dot.cross{width:14px;height:1px;border-radius:0;background:#6f99a3}.graph-scale{position:absolute;right:25px;bottom:23px;display:flex;align-items:center;gap:7px;color:#8796a694;font:8px var(--mono);text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.graph-scale i{width:20px;height:1px;background:#8796a64d}.timeline-dock{min-height:131px;padding:18px 25px 17px;border-top:1px solid var(--line);background:#0d1218c7}.timeline-head{display:flex;justify-content:space-between;align-items:center}.timeline-head strong{display:block;margin-top:5px;color:#cbd7dc;font:400 15px Georgia,Times New Roman,serif}.timeline-controls{display:flex;align-items:center;gap:10px}.play-button{width:28px;height:28px;display:grid;place-items:center;color:var(--mint);border:1px solid rgba(168,221,255,.32);border-radius:50%;background:#a8ddff12}.play-button:hover{background:#a8ddff29}.timeline-caption{color:var(--quiet);font-size:8px}.timeline-track-wrap{padding-top:16px}.timeline-track{position:relative;height:18px;display:flex;align-items:center}.timeline-track:before,.timeline-progress{position:absolute;left:0;right:0;height:1px;background:var(--line-strong);content:""}.timeline-progress{right:auto;background:var(--mint-strong);box-shadow:0 0 9px #59b9f37a}.timeline-track input{position:absolute;z-index:2;inset:0;width:100%;height:18px;opacity:0;cursor:pointer}.timeline-stop{position:absolute;z-index:3;width:14px;height:22px;padding:0;transform:translate(-50%);background:transparent;border:0}.timeline-stop i{display:block;width:5px;height:5px;margin:8px auto 0;border:1px solid var(--muted);border-radius:50%;background:var(--bg)}.timeline-stop:hover i,.timeline-stop.selected i{width:9px;height:9px;margin-top:6px;border-color:var(--mint);background:var(--mint);box-shadow:0 0 0 4px #a8ddff1f}.timeline-labels{display:flex;justify-content:space-between;color:var(--quiet);font:8px var(--mono)}.inspector{border-left:1px solid var(--line);padding:29px 21px 20px;min-width:0}.inspector-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2px 2px 22px}.inspector-header h2{margin:8px 0 0;font:400 24px Georgia,Times New Roman,serif;letter-spacing:-.04em}.icon-button{display:grid;place-items:center;width:28px;height:28px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:4px}.icon-button:hover{color:var(--text);border-color:var(--line);background:var(--panel-soft)}.selected-identity{display:flex;gap:11px;align-items:center;min-width:0;padding:17px 2px 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.selected-identity>div:last-child{display:flex;flex-direction:column;min-width:0;gap:4px}.selected-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.selected-identity span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:9px var(--mono)}.node-badge{position:relative;width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%}.node-badge:before,.node-badge:after{content:"";position:absolute;inset:3px;border:1px solid currentColor;border-radius:50%;opacity:.45}.node-badge:after{inset:-3px 5px;transform:rotate(45deg)}.node-badge span{width:9px;height:9px;display:block;border-radius:50%;background:currentColor}.node-badge.url{color:var(--blue)}.node-badge.host{color:var(--coral)}.detail-tabs{display:flex;gap:17px;border-bottom:1px solid var(--line)}.detail-tabs button{position:relative;padding:14px 0 11px;color:var(--quiet);background:transparent;border:0;font-size:10px}.detail-tabs button.active{color:var(--text)}.detail-tabs button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;content:"";background:var(--mint)}.detail-tabs span{margin-left:3px;color:var(--mint);font:9px var(--mono)}.inspector-body{padding-top:18px}.status-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.state-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(89,185,243,.28);border-radius:4px;color:var(--mint);font:9px var(--mono)}.state-pill i{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--mint-strong)}.state-pill.warn{color:var(--amber);border-color:#dba66b4d}.state-pill.warn i{background:var(--amber)}.observed-time{color:var(--quiet);font:9px var(--mono)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.detail-cell{display:flex;flex-direction:column;gap:6px;min-width:0}.detail-cell span{color:var(--quiet);font-size:9px}.detail-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd7dd;font:11px var(--mono);font-weight:500}.detail-block{display:grid;gap:8px;padding:17px 0;border-bottom:1px solid var(--line)}.source-link{display:flex;gap:7px;align-items:center;min-width:0;color:var(--blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px var(--mono)}.source-link:hover{color:#b7d6ec}.detail-muted{color:var(--quiet);font:9px var(--mono)}.capture-context{display:grid;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.capture-context-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.capture-badge{color:var(--mint);font:8px var(--mono);letter-spacing:.12em}.capture-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.capture-context-grid .detail-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-route,.capture-fingerprint{display:grid;gap:5px;min-width:0}.capture-route span,.capture-fingerprint span{color:var(--quiet);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.capture-route strong{color:var(--muted);font:9px var(--mono);line-height:1.5;overflow-wrap:anywhere}.capture-fingerprint code{color:var(--blue);font:8px var(--mono);overflow-wrap:anywhere}.detail-actions{display:flex;gap:8px;padding:17px 0 18px}.detail-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);border-radius:4px;font-size:9px}.detail-actions button:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.detail-actions button:disabled{cursor:not-allowed;opacity:.45}.fidelity-note{display:flex;gap:9px;align-items:center;padding:11px;background:#a8ddff0d;border:1px solid rgba(168,221,255,.14);border-radius:5px}.fidelity-ring{width:20px;height:20px;flex:0 0 20px;border:1px solid var(--mint);border-radius:50%;position:relative}.fidelity-ring:after{content:"";position:absolute;inset:5px;background:var(--mint);border-radius:50%}.fidelity-note div{display:flex;flex-direction:column;gap:4px}.fidelity-note strong{color:var(--mint);font-size:10px;font-weight:500}.fidelity-note span:last-child{color:var(--muted);font-size:9px;line-height:1.45}.host-stat{display:flex;align-items:baseline;gap:8px;padding:2px 0 21px}.host-stat strong{font:400 34px Georgia,Times New Roman,serif;color:var(--mint)}.host-stat span{color:var(--muted);font-size:10px}.detail-copy{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.history-list{padding-top:18px}.history-item{display:flex;gap:11px;min-height:78px}.history-rail{width:11px;flex:0 0 11px;position:relative;display:flex;justify-content:center}.history-rail span{position:absolute;top:12px;bottom:-1px;width:1px;background:var(--line-strong)}.history-item:last-child .history-rail span{display:none}.history-rail i{position:relative;z-index:1;width:7px;height:7px;margin-top:4px;border:1px solid var(--muted);border-radius:50%;background:var(--bg)}.history-rail i.current{width:9px;height:9px;margin-top:3px;border-color:var(--mint);background:var(--mint);box-shadow:0 0 0 4px #a8ddff1f}.history-content{display:flex;flex:1;flex-direction:column;gap:5px;padding-bottom:14px}.history-top{display:flex;justify-content:space-between;gap:7px}.history-top strong{color:#cbd7dd;font-size:10px;font-weight:500}.history-top time{color:var(--quiet);font:8px var(--mono)}.history-content>span{color:var(--muted);font:9px var(--mono)}.history-content small{color:var(--quiet);font-size:9px;line-height:1.4}.history-route,.history-error{color:var(--blue);font:8px var(--mono);line-height:1.4;overflow-wrap:anywhere}.history-error{color:var(--amber)}.inspector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;padding:20px;text-align:center;color:var(--muted)}.empty-orbit{width:64px;height:64px;display:grid;place-items:center;margin-bottom:18px;border:1px solid var(--line-strong);border-radius:50%;color:var(--mint);font-size:25px;box-shadow:0 0 0 10px #a8ddff08,0 0 0 20px #a8ddff05}.inspector-empty strong{color:var(--text);font:400 16px Georgia,Times New Roman,serif}.inspector-empty p{max-width:210px;margin:9px 0;font-size:10px;line-height:1.6}@media(max-width:1180px){.workspace{grid-template-columns:255px minmax(420px,1fr) 285px}.topbar{gap:18px;padding:0 18px}.brand-lockup{min-width:186px}.topbar-metrics{gap:17px}.rail-intro h1{font-size:32px}.graph-legend{gap:8px}.legend-item{font-size:8px}}@media(max-width:920px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:14px 18px}.topbar-metrics{order:3;flex-basis:100%;justify-content:space-between;padding-top:4px}.workspace{grid-template-columns:230px minmax(0,1fr)}.inspector{position:fixed;z-index:20;top:70px;right:0;bottom:0;width:300px;transform:translate(100%);box-shadow:-16px 0 35px #00000059;transition:transform .25s ease}.inspector:has(.selected-identity){transform:translate(0)}.graph-frame{min-height:530px}}@media(max-width:680px){.topbar{display:grid;grid-template-columns:1fr auto;gap:13px}.topbar-metrics{display:none}.topbar-actions{justify-content:flex-end}.crawler-state{font-size:9px}.export-button{padding:8px;font-size:0}.export-button svg{width:16px;height:16px}.workspace{display:flex;flex-direction:column}.control-rail{border-right:0;border-bottom:1px solid var(--line);padding:22px 18px 13px}.rail-intro{padding-bottom:19px}.rail-intro h1{font-size:31px}.rail-intro p{max-width:330px}.rail-section{padding:15px 0}.rail-footer{margin-top:0;padding-top:12px}.graph-stage{min-height:660px}.stage-topline{padding:0 17px}.stage-actions .graph-limit{display:none}.graph-frame{min-height:500px}.graph-overlays{top:17px;left:17px;right:17px}.graph-legend{display:none}.graph-scale{right:17px;bottom:17px}.timeline-dock{padding-left:17px;padding-right:17px}.timeline-caption{display:none}.inspector{position:relative;top:auto;width:auto;transform:none!important;border-top:1px solid var(--line);border-left:0;padding:23px 18px}.inspector:has(.selected-identity){transform:none}.inspector-header{padding-bottom:17px}.inspector-empty{min-height:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--quiet: #8197ae;--muted: #a1b4ca;--bg: #081321}.app-shell{background:#081321}.topbar{height:76px;background:#0b1726;backdrop-filter:none}.brand-name{font-family:inherit;font-size:24px;font-weight:650;letter-spacing:-.06em}.brand-subtitle{font-size:8px;letter-spacing:.16em}.workspace{grid-template-columns:260px minmax(0,1fr) 290px;height:calc(100dvh - 76px);min-height:650px}.control-rail,.inspector{background:#0b1726;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#28415d transparent}.control-rail{padding:26px 20px 18px}.inspector{padding:26px 20px}.rail-intro h1{font-size:39px;line-height:1.09}.rail-intro p{font-size:12px}.rail-intro{padding-bottom:22px}.rail-section{padding-top:17px;padding-bottom:17px}.search-input-wrap input,.crawl-form input{font-size:12px;border-radius:8px;min-height:42px}.graph-stage{background:radial-gradient(ellipse at 50% 45%,#112c49,#091827 64%,#081321);min-height:0}.graph-frame{min-height:340px}.graph-overlays{top:25px;flex-wrap:wrap;gap:12px}.graph-title strong{font-size:25px}.graph-legend{gap:12px}.graph-scale{display:none}.timeline-dock{min-height:115px;background:#0b1929}.timeline-head strong{font-family:var(--mono);font-size:13px}.stage-topline{flex-shrink:0;height:46px;background:#08132180}.stage-actions .stage-action{display:none}.metric strong{font-size:16px}.spatial-surface,.spatial-labels{position:absolute;inset:0}.spatial-surface{touch-action:none;cursor:grab}.spatial-surface:active{cursor:grabbing}.spatial-surface canvas,.spatial-surface svg{display:block;width:100%;height:100%}.spatial-labels{pointer-events:none;overflow:hidden}.spatial-label{position:absolute;top:0;left:0;pointer-events:auto;background:#091829de;color:#d9eaff;border:1px solid #345574;border-radius:5px;padding:6px 9px;font:10px var(--mono);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spatial-label:hover{border-color:#9bd6ff;background:#163653}.spatial-label.host{color:#e6f3ff;border-color:#527cb9;box-shadow:0 0 0 3px #5b91e214;font-weight:600}.spatial-label.page{font-size:9px;color:#9fbbd6}.spatial-label.host.is-crawling{z-index:2;color:#f1fffc;background:#074249f5;border-color:#72ffeb;box-shadow:0 0 0 2px #67f4e04d,0 0 24px #48ffe5cc;font-weight:700;animation:crawlDomainFlash .72s steps(2,end) infinite}.spatial-label.host.is-crawling:before{content:"LIVE · ";color:#72ffeb;letter-spacing:.08em}.viewer-crawl-alert{position:absolute;z-index:5;top:22px;right:22px;display:flex;align-items:center;gap:10px;min-width:245px;max-width:min(390px,calc(100% - 44px));padding:11px 13px;color:#e9fffb;background:#05262df0;border:1px solid #54e8d4;border-radius:8px;box-shadow:0 0 0 3px #48ffe51f,0 0 28px #48ffe552;animation:crawlAlertFlash .9s ease-in-out infinite}.viewer-crawl-alert-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#78ffea;box-shadow:0 0 0 5px #78ffea24,0 0 16px #78ffea}.viewer-crawl-alert div{display:grid;gap:3px;min-width:0}.viewer-crawl-alert small,.viewer-crawl-alert-phase{color:#82d9d0;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.viewer-crawl-alert strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px var(--mono)}.viewer-crawl-alert-phase{margin-left:auto;color:#d8fff7;text-align:right}@keyframes crawlDomainFlash{0%,to{filter:brightness(1)}50%{filter:brightness(1.75)}}@keyframes crawlAlertFlash{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}.viewer-tools{position:absolute;z-index:3;bottom:49px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:5px;background:#0c1c2e;border:1px solid #29435e;border-radius:10px;box-shadow:0 8px 30px #0003;white-space:nowrap}.viewer-tools button{min-width:32px;height:32px;padding:0 10px;background:transparent;color:#b2c8df;border:0;border-radius:5px;font-size:11px}.viewer-tools button:hover,.viewer-tools button[aria-pressed=true]{background:#203d5b;color:#e3f2ff}.viewer-caption{position:absolute;bottom:19px;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;color:#8aa3be;font:9px var(--mono);pointer-events:none}.viewer-caption>span:first-child{color:#89c6ff;text-transform:uppercase;letter-spacing:.1em}.viewer-node-list{position:absolute;z-index:4;right:18px;bottom:95px;width:min(300px,85%);max-height:300px;overflow:auto;background:#0c1c2ef5;border:1px solid #345574;border-radius:9px;padding:6px}.viewer-node-list button{width:100%;text-align:left;display:flex;align-items:center;gap:8px;padding:10px;border:0;border-radius:4px;color:#c5d8eb;background:transparent;font-size:11px}.viewer-node-list button:hover,.viewer-node-list button[aria-pressed=true]{background:#203d5b}.viewer-node-list small{margin-left:auto;color:#7e9dbd}.viewer-empty{position:absolute;inset:45% 20px auto;text-align:center;color:#c4d9ee;line-height:1.8;pointer-events:none}.viewer-empty small{color:#89a3bd}.crawler-monitor{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.monitor-heading,.monitor-count{display:flex;justify-content:space-between;align-items:center}.monitor-live{color:#75c7ff;font:8px var(--mono);letter-spacing:.14em}.monitor-live.waiting{color:#e7c783}.monitor-live.uncertain{color:#e99b86}.monitor-state{display:flex;align-items:center;gap:9px;color:#e2edfa;font-size:14px;font-weight:550;margin-top:15px}.monitor-state i{width:7px;height:7px;border-radius:50%;background:#8196ae}.monitor-state i.working{background:#67d6d3;box-shadow:0 0 0 4px #67d6d315;animation:monitorPulse 1.5s ease-in-out infinite}.monitor-state i.waiting{background:#e7c783;box-shadow:0 0 0 4px #e7c78318}.monitor-state i.uncertain{background:#e99b86}.crawler-monitor p{color:#8da7c1;font-size:11px;line-height:1.6;margin:9px 0 14px}.monitor-count{color:#92aac2;font-size:11px;margin:15px 0}.monitor-count strong{color:#bed9f4;font:12px var(--mono)}.current-crawl,.crawler-wait{margin-top:12px;padding:12px;border-left:2px solid #64b9ff;background:#122b43;display:grid;gap:8px}.crawler-wait{border-left-color:#e7c783;background:#2d2b26}.crawl-phase,.wait-line{display:flex;align-items:center;gap:7px;color:#a8d8f8;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.wait-line{color:#e7c783}.phase-pulse,.wait-spinner{width:7px;height:7px;display:inline-block;border-radius:50%;background:#67d6d3;box-shadow:0 0 0 4px #67d6d315}.wait-spinner{background:#e7c783;box-shadow:0 0 0 4px #e7c78318;font-size:14px;line-height:5px}.current-crawl span,.current-crawl small{color:#91b1ce;font-size:10px}.current-crawl strong,.crawler-wait strong{font:11px/1.5 var(--mono);overflow-wrap:anywhere;color:#d6edff}.crawler-wait strong{color:#f2e4bf}.crawl-meta{display:flex;justify-content:space-between;gap:8px;color:#8fa9c0;font:9px var(--mono)}.crawl-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.crawl-steps i{padding:4px 0;color:#66819b;background:#18334d;text-align:center;border-radius:2px;font:8px var(--mono);font-style:normal}.crawl-steps i.done{color:#b2e4ed;background:#27536a}.crawl-steps i.active{color:#071a2a;background:#67d6d3;box-shadow:0 0 10px #67d6d355}.current-crawl small{color:#8fa9c0;font-size:9px;line-height:1.4}@keyframes monitorPulse{50%{opacity:.45;transform:scale(.78)}}.recent-crawls{border-top:1px solid var(--line);padding-top:13px}.recent-crawls>div{display:flex;align-items:center;gap:8px;margin-top:11px;font:9px var(--mono)}.recent-crawls b{color:#8ac5ed;font-weight:400}.recent-crawls div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9cb2c9}.recent-crawls time{color:#718ca8;margin-left:auto}.capture-context{font-size:11px}.detail-cell span{font-size:10px}.field-label,.eyebrow{font-size:9px}.snapshot-action:not(:disabled){color:#bde8ff;border-color:#3b6c93;background:#12304a}.snapshot-action:not(:disabled):hover{color:#f0fbff;border-color:#72c8ff;background:#1b4667}.snapshot-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:clamp(16px,4vw,56px);background:#020810c7;backdrop-filter:blur(8px);animation:snapshotFadeIn .18s ease-out}.snapshot-dialog{width:min(1180px,100%);height:min(820px,100%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#0b1726;border:1px solid #385574;border-radius:13px;box-shadow:0 24px 90px #0000009e,0 0 0 1px #74bfff14}.snapshot-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 17px;border-bottom:1px solid #28415d}.snapshot-heading{min-width:0}.snapshot-heading h2{margin:7px 0 4px;overflow:hidden;color:#e5f2ff;text-overflow:ellipsis;white-space:nowrap;font:400 clamp(20px,2vw,28px) Georgia,"Times New Roman",serif;letter-spacing:-.04em}.snapshot-heading p{margin:0;overflow:hidden;color:#8faac4;text-overflow:ellipsis;white-space:nowrap;font:10px var(--mono)}.snapshot-header-actions{display:flex;align-items:center;gap:13px}.snapshot-version{padding:6px 8px;color:#8ee8d7;border:1px solid #285f60;border-radius:4px;font:8px var(--mono);letter-spacing:.1em}.snapshot-viewport{min-height:0;padding:16px;background:#07111d}.snapshot-viewport iframe{display:block;width:100%;height:100%;min-height:260px;border:1px solid #304b67;border-radius:7px;background:#fff}.snapshot-loading{height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:#c7dcf2;text-align:center}.snapshot-loading.inline{height:180px}.snapshot-loading strong{font:400 18px Georgia,Times New Roman,serif}.snapshot-loading>span:last-child{color:#8faac4;font:10px var(--mono)}.snapshot-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;color:#86a2bd;border-top:1px solid #28415d;font:9px var(--mono)}.snapshot-footer>span{display:inline-flex;align-items:center;gap:7px}.snapshot-footer i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#75e6d3;box-shadow:0 0 0 4px #75e6d31a}.snapshot-footer a{display:inline-flex;align-items:center;gap:6px;color:#bde3ff}.snapshot-footer a:hover{color:#fff}@keyframes snapshotFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1150px){.workspace{grid-template-columns:230px minmax(0,1fr);height:auto;min-height:calc(100dvh - 76px)}.graph-stage{min-height:680px}.inspector{position:relative;grid-column:1 / -1;width:auto;top:auto;bottom:auto;right:auto;transform:none;box-shadow:none;border-top:1px solid var(--line)}.inspector .detail-grid{grid-template-columns:repeat(3,1fr)}.topbar-metrics{gap:18px}.brand-lockup{min-width:165px}}@media(max-width:680px){.topbar{height:auto;min-height:72px}.workspace{display:flex}.control-rail{overflow:visible}.rail-intro h1{font-size:34px}.crawler-monitor{margin-top:10px}.recent-crawls{display:none}.graph-stage{min-height:610px;order:-1}.graph-frame{min-height:440px}.viewer-caption{font-size:8px}.viewer-caption span:last-child{max-width:180px;text-align:right}.viewer-tools button{padding:0 8px}.inspector .detail-grid{grid-template-columns:1fr 1fr}.snapshot-backdrop{padding:0}.snapshot-dialog{width:100%;height:100%;border:0;border-radius:0}.snapshot-header{padding:17px 16px 14px}.snapshot-version{display:none}.snapshot-viewport{padding:10px}.snapshot-footer{align-items:flex-start;flex-direction:column;padding:10px 14px 13px}}@media(prefers-reduced-motion:reduce){.spatial-label.host.is-crawling,.viewer-crawl-alert{animation:none}}