.token-metric strong{margin-bottom:9px}.token-split{background:#e7e7ea;border-radius:5px;width:100%;height:5px;display:flex;overflow:hidden}.token-split>i{height:100%;display:block}.token-input{background:var(--blue)}.token-output{background:var(--green)}.token-split-labels{grid-template-columns:1fr 1fr;gap:10px;margin-top:9px;display:grid}.token-split-labels>span{min-width:0;color:var(--secondary);grid-template-columns:6px 1fr;align-items:center;column-gap:6px;font-size:9px;display:grid}.token-split-labels i{border-radius:50%;grid-row:1/span 2;width:6px;height:6px}.token-split-labels b{color:var(--ink);white-space:nowrap;font-weight:600;overflow:hidden}.token-split-labels small{margin:2px 0 0}:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;--blue:#0071e3;--blue-soft:#e8f2ff;--green:#16825d;--red:#d83a3a;--orange:#c96b16;--ink:#1d1d1f;--secondary:#6e6e73;--tertiary:#8e8e93;--line:#00000014;--surface:#ffffffdb;--shadow:0 1px 2px #00000008, 0 16px 42px #0000000e;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f5f5f7}body{background:radial-gradient(circle at 70% -10%,#fff 0,#f5f5f7 42%,#f2f2f4 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0071e347}.auth-page{background:radial-gradient(circle at 50% 0,#fff 0,#f5f5f7 46%,#ececef 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{width:min(520px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:#ffffffd1;border:1px solid #ffffffe6;border-radius:24px;padding:48px}.auth-card .brand-mark{margin:0 auto 24px}.auth-card h1{font-size:clamp(34px,6vw,52px);line-height:1.02}.auth-card p{color:var(--secondary);max-width:410px;margin:18px auto 28px}.auth-card small{color:var(--tertiary);margin-top:18px;display:block}.auth-button{min-width:180px;min-height:44px}.auth-error{color:#9f2424;background:#fff0f0;border-radius:10px;margin:0 0 18px;padding:11px 13px;font-size:12px}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-right:1px solid var(--line);z-index:20;background:#f9f9fbd1;flex-direction:column;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 10px 30px;display:flex}.brand-mark{color:#fff;background:#171719;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:19px;display:grid;box-shadow:inset 0 0 0 1px #ffffff26}.brand>div:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:-.01em;font-size:15px}.brand span{color:var(--secondary);margin-top:1px;font-size:12px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:background .18s,transform .18s;display:flex}.sidebar nav button:hover{background:#00000009}.sidebar nav button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0000000a,0 7px 20px #0000000d}.sidebar nav button>span{flex-direction:column;gap:2px;display:flex}.sidebar nav strong{font-size:13px;font-weight:600}.sidebar nav small{color:var(--tertiary);font-size:11px}.sidebar-bottom{margin-top:auto}.connection-button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 12px;display:grid}.connection-button:hover{background:#00000009}.connection-button>span{flex-direction:column;gap:2px;display:flex}.connection-button strong{font-size:12px}.connection-button small{color:var(--tertiary);font-size:10px}.connection-button i{background:#aaa;border-radius:50%;width:7px;height:7px}.connection-button i.online{background:#23a171;box-shadow:0 0 0 3px #23a1711f}.environment{border-top:1px solid var(--line);color:var(--tertiary);justify-content:space-between;margin-top:8px;padding:18px 13px 0;font-size:10px;display:flex}.environment strong{font-weight:500}.main-content{min-width:0}.page-section{max-width:1480px;margin:0 auto;padding:54px clamp(28px,4.5vw,76px) 90px}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.page-heading>div:first-child{max-width:780px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.11em;margin-bottom:10px;font-size:11px;font-weight:650;display:inline-block}h1{letter-spacing:-.052em;margin:0;font-size:clamp(38px,4.6vw,68px);font-weight:650;line-height:.98}.page-heading p{color:var(--secondary);letter-spacing:-.015em;max-width:670px;margin:18px 0 0;font-size:clamp(15px,1.4vw,19px);line-height:1.5}h2{letter-spacing:-.03em;margin:0;font-size:24px}h3{margin:0 0 8px;font-size:14px}p{line-height:1.55}.surface{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #fffc;border-radius:24px}.heading-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.mode-pill{border:1px solid var(--line);color:var(--secondary);white-space:nowrap;background:#ffffffa6;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:inline-flex}.mode-pill>span{background:#a8a8ad;border-radius:50%;width:7px;height:7px}.mode-pill.live>span{background:#20a16f;box-shadow:0 0 0 4px #20a16f1f}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 17px;font-size:12px;font-weight:600;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:default;transform:none}.button.primary{color:#fff;background:#1d1d1f}.button.secondary{background:#0000000e}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:12px}.trace-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:18px;margin-bottom:18px;padding:18px 20px;display:grid}.trace-toolbar label,.filter-bar label,.connection-modal label{color:var(--secondary);flex-direction:column;gap:7px;font-size:10px;font-weight:600;display:flex}select,input{width:100%;color:var(--ink);background:#ffffffe0;border:1px solid #0000001a;border-radius:11px;min-height:40px;padding:0 12px;font-size:12px}.trace-toolbar label select{text-overflow:ellipsis;background:0 0;border:0;max-width:720px;min-height:auto;padding:0;font-size:14px;font-weight:550}.trace-context{gap:6px;display:flex}.trace-context span,.drawer-meta span{color:var(--secondary);background:#0000000b;border-radius:8px;padding:6px 9px;font-size:10px}.journey-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.journey-metric{min-width:0;padding:18px 19px;position:relative;overflow:hidden}.journey-metric>span{color:var(--secondary);margin-bottom:9px;font-size:10px;font-weight:600;display:block}.journey-metric strong{letter-spacing:-.045em;font-size:clamp(22px,2.2vw,32px);line-height:1;display:block}.journey-metric strong small{color:var(--secondary);letter-spacing:0;font-size:11px}.journey-metric p{min-height:28px;color:var(--tertiary);margin:9px 0 0;font-size:9px;line-height:1.45}.journey-metric.token-card:after{content:"";background:#0071e31a;border-radius:50%;width:62px;height:62px;position:absolute;top:-21px;right:-21px}.journey-metric.returned:after{background:#16825d1c}.journey-metric.savings-card:after{content:"";background:#c96b161a;border-radius:50%;width:62px;height:62px;position:absolute;top:-21px;right:-21px}.journey-metric.savings-card.has-savings{background:#ebf9f2eb;border-color:#16825d24}.flow-stage{padding:clamp(24px,4vw,52px);overflow:hidden}.question-quote{text-align:center;letter-spacing:-.03em;max-width:880px;margin:0 auto 58px;font-size:clamp(18px,2vw,27px);font-weight:520;line-height:1.35}.service-map{overflow:hidden}.service-tree{--node-width:154px;gap:22px;max-width:1280px;margin:0 auto;display:grid}.tree-trunk,.model-lane{justify-content:center;align-items:center;display:flex}.tree-link,.lane-link{background:linear-gradient(90deg,#0071e359,#16825d8c);flex:0 auto;width:clamp(24px,5vw,74px);height:2px;position:relative}.tree-link:after,.lane-link:after{content:"";border-top:2px solid #16825db3;border-right:2px solid #16825db3;width:7px;height:7px;position:absolute;top:-3px;right:-1px;transform:rotate(45deg)}.service-node{--service-color:0,113,227;width:var(--node-width);border:1px solid rgba(var(--service-color),.14);background:rgba(var(--service-color),.055);min-height:82px;color:var(--ink);text-align:left;cursor:pointer;border-radius:17px;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:10px;padding:11px;transition:transform .18s,box-shadow .18s,opacity .18s;display:grid}.service-node:hover{box-shadow:0 10px 25px rgba(var(--service-color),.11);transform:translateY(-2px)}.service-node.selected{box-shadow:0 0 0 3px rgba(var(--service-color),.17), 0 10px 28px rgba(var(--service-color),.11)}.service-node.safety{--service-color:125,82,194}.service-node.cache{--service-color:201,107,22}.service-node.knowledge{--service-color:0,137,155}.service-node.context{--service-color:76,86,190}.service-node.model{--service-color:22,130,93}.service-node.validation{--service-color:190,63,96}.service-node.package{--service-color:216,119,20}.service-node.delivery{--service-color:0,113,227}.service-node-icon{background:rgba(var(--service-color),.14);width:30px;height:30px;color:rgb(var(--service-color));border-radius:10px;place-items:center;font-size:11px;font-weight:700;display:grid}.service-node>span:last-child{flex-direction:column;min-width:0;display:flex}.service-node small{color:var(--secondary);overflow-wrap:anywhere;font-size:8px;line-height:1.25}.service-node strong{margin:4px 0 3px;font-size:12px}.service-node em{color:var(--tertiary);font-size:9px;font-style:normal}.branch-split{color:var(--tertiary);text-transform:uppercase;letter-spacing:.09em;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:9px;display:grid}.branch-split span{background:var(--line);height:1px}.tree-branches{grid-template-columns:minmax(260px,.72fr) minmax(0,2fr);align-items:stretch;gap:16px;display:grid}.tree-branch{border:1px solid var(--line);background:#ffffff73;border-radius:22px;min-width:0;padding:16px;transition:opacity .2s,border-color .2s,background .2s}.tree-branch.active-path{background:#f8fbffe6;border-color:#0071e32e}.tree-branch.inactive-path{opacity:.42;filter:saturate(.55)}.tree-branch>header{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.tree-branch>header span{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.tree-branch>header strong{color:var(--secondary);font-size:9px;font-weight:600}.cache-branch{flex-direction:column;align-items:stretch;display:flex}.cache-branch>.tree-link{background:#16825d59;width:2px;height:18px;margin:0 auto}.cache-branch>.tree-link:after{top:auto;bottom:-1px;right:-3px;transform:rotate(135deg)}.branch-summary{text-align:center;background:#c96b1614;border-radius:15px;padding:14px}.branch-summary span,.branch-summary strong{display:block}.branch-summary span{color:var(--secondary);font-size:9px}.branch-summary strong{margin-top:4px;font-size:11px}.cache-branch .service-node{margin:0 auto}.model-lane{justify-content:flex-start;min-height:122px;padding:8px 4px 14px;overflow-x:auto}.model-lane .service-node{flex:0 0 128px;grid-template-columns:1fr;align-content:start;width:128px;min-height:94px}.model-lane .lane-link{flex:0 0 18px;width:18px}.service-chip{background:var(--blue-soft);color:#075b9f;text-transform:uppercase;letter-spacing:.06em;border-radius:7px;margin-bottom:5px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-block}.stage-metadata{color:#fff;background:#1d1d1f;border-radius:14px;grid-template-columns:190px minmax(0,1fr);gap:22px;margin-top:12px;padding:17px;display:grid}.stage-metadata>div{flex-direction:column;gap:4px;display:flex}.stage-metadata>div strong{font-size:11px}.stage-metadata>div span{color:#ffffff85;font-size:9px;line-height:1.35}.stage-metadata dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.stage-metadata dt{color:#ffffff7a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:9px}.stage-metadata dd{overflow-wrap:anywhere;margin:0;font-size:10px;font-weight:550}.metro-line{grid-template-columns:repeat(8,minmax(62px,1fr));max-width:1120px;min-height:130px;margin:0 auto;display:grid;position:relative}.metro-track,.metro-progress{border-radius:3px;height:3px;position:absolute;top:27px;left:6%;right:6%}.metro-track{background:#d7d7db}.metro-progress{transform-origin:0;background:#1d1d1f;transform:scaleX(1)}.metro-line.is-playing .metro-progress{animation:3.8s cubic-bezier(.38,.03,.15,1) both metro-progress}.metro-train{z-index:4;background:var(--blue);opacity:0;border-radius:50%;width:22px;height:22px;position:absolute;top:17px;left:6%;box-shadow:0 0 0 6px #0071e324,0 4px 16px #0071e34d}.metro-train span{background:#fff;border-radius:50%;position:absolute;inset:7px}.metro-line.is-playing .metro-train{animation:3.8s cubic-bezier(.38,.03,.15,1) both metro-train}@keyframes metro-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes metro-train{0%{opacity:0;left:6%}4%{opacity:1}96%{opacity:1}to{opacity:0;left:calc(94% - 22px)}}.station{z-index:3;cursor:pointer;color:var(--secondary);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0 3px;display:flex;position:relative}.station-node{background:#f9f9fa;border:3px solid #d7d7db;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;font-weight:700;transition:all .25s;display:grid}.station.complete .station-node{color:#fff;background:#1d1d1f;border-color:#1d1d1f}.station.error .station-node{color:#fff;background:var(--red);border-color:var(--red)}.station.selected .station-node{border-color:var(--blue);box-shadow:0 0 0 6px #0071e321}.station strong{color:var(--ink);margin-top:7px;font-size:11px;font-weight:600}.station small{color:var(--tertiary);font-size:9px}.station-detail{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding-top:26px;display:flex}.station-detail>div:first-child{align-items:center;gap:17px;display:flex}.detail-number{color:#c7c7cc;letter-spacing:-.06em;font-size:38px;font-weight:600}.station-detail strong{font-size:15px}.station-detail p{color:var(--secondary);max-width:590px;margin:4px 0 0;font-size:12px}.station-detail dl{flex-shrink:0;gap:26px;margin:0;display:flex}.station-detail dl div{flex-direction:column;gap:4px;display:flex}.station-detail dt{color:var(--tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.station-detail dd{text-transform:capitalize;margin:0;font-size:12px;font-weight:600}.stage-inspector{border-top:1px solid var(--line);margin-top:34px;padding-top:28px}.stage-inspector-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.stage-inspector-heading>div:first-child{align-items:center;gap:17px;display:flex}.stage-inspector-heading strong{font-size:16px}.stage-inspector-heading p{color:var(--secondary);max-width:650px;margin:4px 0 0;font-size:12px;line-height:1.45}.stage-inspector-heading dl{flex-shrink:0;gap:28px;margin:0;display:flex}.stage-inspector-heading dl div{flex-direction:column;gap:4px;display:flex}.stage-inspector-heading dt,.diagnostic-panel dt{color:var(--tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.stage-inspector-heading dd{text-transform:capitalize;margin:0;font-size:12px;font-weight:650}.stage-story{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.stage-story article{background:#00000007;border:1px solid #00000009;border-radius:14px;padding:16px 17px}.stage-story span{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.stage-story p{color:var(--secondary);margin:8px 0 0;font-size:10px;line-height:1.5}.diagnostic-panel{color:#fff;background:#1d1d1f;border-radius:14px;grid-template-columns:190px minmax(0,1fr);gap:22px;margin-top:12px;padding:17px;display:grid}.diagnostic-panel>div{flex-direction:column;gap:4px;display:flex}.diagnostic-panel>div strong{font-size:11px}.diagnostic-panel>div span{color:#ffffff85;font-size:9px;line-height:1.35}.diagnostic-panel dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.diagnostic-panel dl div{min-width:0}.diagnostic-panel dt{color:#ffffff7a;margin-bottom:5px}.diagnostic-panel dd{overflow-wrap:anywhere;margin:0;font-size:10px;font-weight:550}.good{color:var(--green)}.bad{color:var(--red)}.architecture-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:20px;margin-top:18px;padding:19px 25px;display:grid}.architecture-note span{color:var(--ink);font-size:11px;font-weight:650}.architecture-note p{color:var(--secondary);margin:0;font-size:11px}.uploader-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);align-items:start;gap:20px;display:grid}.upload-card{padding:clamp(20px,3vw,32px)}.drop-zone{text-align:center;background:#00000004;border:1.5px dashed #0000002e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:230px;padding:28px;transition:border .2s,background .2s,transform .2s;display:flex}.drop-zone.dragging{border-color:var(--blue);background:var(--blue-soft);transform:scale(.995)}.drop-zone.has-file{background:#e8f2ff8c;border-style:solid}.drop-zone input{display:none}.drop-icon{width:48px;height:48px;color:var(--blue);background:#fff;border-radius:15px;place-items:center;margin-bottom:3px;display:grid;box-shadow:0 5px 18px #00000012}.drop-zone strong{font-size:14px}.drop-zone>span{color:var(--secondary);font-size:11px}.metadata-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding-top:28px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field label{color:var(--secondary);font-size:10px;font-weight:600}.type-options{flex-wrap:wrap;gap:7px;display:flex}.type-options button{border:1px solid var(--line);cursor:pointer;color:var(--secondary);background:#ffffffb3;border-radius:999px;padding:8px 11px;font-size:10px}.type-options button.selected{color:#fff;background:#1d1d1f;border-color:#1d1d1f}.upload-action{flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center;gap:20px;padding-top:8px}.helper{max-width:480px;color:var(--tertiary);font-size:10px;line-height:1.45}.notice{background:var(--blue-soft);color:#075b9f;border-radius:12px;margin-top:18px;padding:12px 14px;font-size:11px}.processing-card{padding:29px 26px}.processing-steps{margin:10px 0 24px;padding:0;list-style:none}.processing-steps li{grid-template-columns:29px 1fr;gap:12px;padding:10px 0 17px;display:grid;position:relative}.processing-steps li:not(:last-child):after{content:"";background:#d8d8dc;width:1px;position:absolute;top:39px;bottom:-1px;left:14px}.processing-steps li>span{width:29px;height:29px;color:var(--secondary);background:#f0f0f2;border-radius:50%;place-items:center;font-size:10px;font-weight:650;display:grid}.processing-steps strong{font-size:11px}.processing-steps p{color:var(--secondary);margin:3px 0 0;font-size:10px}.supported-note{color:var(--green);background:#16825d14;border-radius:13px;align-items:flex-start;gap:9px;padding:13px;display:flex}.supported-note span{color:#315f50;font-size:10px;line-height:1.45}.jobs-section,.review-section{margin-top:42px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.section-heading h2{font-size:21px}.section-heading p{color:var(--secondary);margin:5px 0 0;font-size:11px}.jobs-table{overflow:hidden}.table-row{border-top:1px solid var(--line);grid-template-columns:minmax(280px,1.8fr) .65fr .85fr .75fr .3fr;align-items:center;gap:16px;min-height:66px;padding:10px 20px;font-size:11px;display:grid}.table-row:first-child{border-top:0}.table-head{min-height:42px;color:var(--tertiary);text-transform:uppercase;letter-spacing:.07em;background:#00000005;font-size:8px}.document-cell{align-items:center;gap:11px;min-width:0;display:flex}.document-cell>span{flex-direction:column;gap:4px;min-width:0;display:flex}.document-cell strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.document-cell small{color:var(--tertiary)}.status-label{text-transform:capitalize;background:#eee;border-radius:999px;padding:5px 8px;font-size:9px;display:inline-flex}.status-label.ready{color:var(--green);background:#16825d1a}.status-label.failed{color:var(--red);background:#d83a3a1a}.status-label.indexing,.status-label.extracting,.status-label.uploading{background:var(--blue-soft);color:#075b9f}.mini-progress{background:#ddd;border-radius:3px;width:70px;height:3px;margin-top:6px;display:block;overflow:hidden}.mini-progress i{border-radius:inherit;background:var(--blue);height:100%;display:block}.filter-bar{grid-template-columns:repeat(6,minmax(125px,1fr)) auto;align-items:end;gap:12px;margin-bottom:18px;padding:14px 16px;display:grid}.filter-note{color:var(--tertiary);grid-column:1/-1;font-size:9px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{flex-direction:column;min-height:132px;padding:21px 22px;display:flex}.metric-card>span{color:var(--secondary);font-size:10px}.metric-card strong{letter-spacing:-.05em;margin:13px 0 6px;font-size:clamp(27px,2.8vw,42px);font-weight:620}.metric-card small{color:var(--tertiary);margin-top:auto;font-size:9px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.chart-card,.quality-card{min-height:320px;padding:22px}.span-2{grid-column:span 2}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-heading>div{flex-direction:column;gap:7px;display:flex}.card-heading span{color:var(--secondary);font-size:10px}.card-heading strong{letter-spacing:-.04em;font-size:28px}.card-heading small{color:var(--tertiary);font-size:9px}.trend-chart{width:100%;height:auto;color:var(--blue);overflow:visible}.trend-chart text{fill:var(--tertiary);font-size:9px}.grid-line{stroke:#00000014;stroke-width:1px}.trend-line{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trend-point{fill:#fff;stroke:currentColor;stroke-width:2.5px}.quality-ring{--quality:0deg;background:conic-gradient(var(--green) var(--quality), #e7e7ea 0);border-radius:50%;place-items:center;width:146px;height:146px;margin:6px auto 26px;display:grid;position:relative}.quality-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.quality-ring>div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.quality-ring strong{letter-spacing:-.04em;font-size:30px}.quality-ring span{color:var(--tertiary);font-size:9px}.quality-card dl{gap:10px;margin:0;display:grid}.quality-card dl div,.review-drawer dl div{border-top:1px solid var(--line);justify-content:space-between;padding-top:10px;display:flex}.quality-card dt,.review-drawer dt{color:var(--secondary);font-size:10px}.quality-card dd,.review-drawer dd{margin:0;font-size:11px;font-weight:600}.ranked-bars{gap:17px;display:grid}.ranked-row>div:first-child{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:10px;display:flex}.ranked-row strong{font-size:10px}.bar-track{background:#e7e7ea;border-radius:4px;height:5px;overflow:hidden}.bar-track i{border-radius:inherit;background:#1d1d1f;height:100%;display:block}.review-controls{gap:9px;display:flex}.review-controls select{width:130px}.search-field{align-items:center;display:flex;position:relative}.search-field svg{color:var(--tertiary);position:absolute;left:11px}.search-field input{width:220px;padding-left:36px}.review-list{overflow:hidden}.review-row{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;min-height:72px;padding:12px 18px;display:grid}.review-row:first-child{border-top:0}.review-row:hover{background:#00000005}.feedback-mark{width:28px;height:28px;color:var(--red);background:#d83a3a17;border-radius:50%;place-items:center;font-weight:700;display:grid}.feedback-mark.positive{color:var(--green);background:#16825d17}.review-question{flex-direction:column;gap:5px;min-width:0;display:flex}.review-question strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.review-question small{color:var(--tertiary);font-size:9px}.confidence{color:var(--secondary);font-size:10px}.empty-state{text-align:center;color:var(--tertiary);padding:50px;font-size:12px}.drawer-backdrop,.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#00000038;justify-content:flex-end;animation:.18s fade-in;display:flex;position:fixed;inset:0}.review-drawer{background:#fcfcfdfa;width:min(520px,94vw);height:100%;padding:42px 36px;animation:.28s cubic-bezier(.2,.8,.2,1) slide-in;overflow-y:auto;box-shadow:-20px 0 70px #00000024}.drawer-close{cursor:pointer;width:31px;height:31px;color:var(--secondary);background:#0000000f;border:0;border-radius:50%;font-size:20px;position:absolute;top:20px;right:22px}.review-drawer h2{max-width:420px;margin:4px 0 18px;font-size:27px;line-height:1.16}.drawer-meta{flex-wrap:wrap;gap:6px;margin-bottom:30px;display:flex}.review-drawer section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.review-drawer section p{color:var(--secondary);font-size:12px}.feedback-section p{border-left:3px solid var(--red);padding-left:13px}.review-drawer dl{gap:10px;margin:12px 0 0;display:grid}.recommended-action{background:var(--blue-soft);border-radius:16px;margin-top:28px;padding:17px}.recommended-action strong{font-size:11px}.recommended-action p{color:#365b78;margin:5px 0 0;font-size:11px}.modal-backdrop{justify-content:center;align-items:center;padding:20px}.connection-modal{background:#fffffff7;border-radius:28px;width:min(470px,100%);padding:36px;animation:.24s modal-in;position:relative;box-shadow:0 30px 90px #0003}.connection-icon{color:#fff;background:#1d1d1f;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:22px;display:grid}.connection-modal h2{margin:2px 0 10px;font-size:30px}.connection-modal>p{color:var(--secondary);margin-bottom:24px;font-size:12px}.connection-modal label span{margin-bottom:2px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.connection-modal>small{color:var(--tertiary);margin-top:20px;font-size:9px;line-height:1.4;display:block}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.mobile-header,.mobile-nav{display:none}@media (width<=1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-inline:12px}.page-section{padding-inline:28px}.uploader-layout{grid-template-columns:1fr}.processing-card{grid-template-columns:170px 1fr;gap:20px;display:grid}.processing-card .supported-note{grid-column:1/-1}.metric-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.diagnostic-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-card{grid-row:span 1}.table-row{grid-template-columns:minmax(220px,1.5fr) .6fr .8fr .7fr .3fr}}@media (width<=760px){.app-shell{display:block}.sidebar{display:none}.mobile-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f9f9fbe6;justify-content:space-between;align-items:center;height:62px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-header .brand{padding:0}.mobile-header .brand-mark{border-radius:9px;width:29px;height:29px}.mobile-header button{background:0 0;border:0}.mobile-nav{z-index:50;min-height:64px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--line);background:#f9f9fbf0;grid-template-columns:repeat(2,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--tertiary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-nav button.active{color:var(--blue)}.page-section{padding:34px 16px 100px}.page-heading{display:block}.heading-actions,.dashboard-heading>.mode-pill{margin-top:20px}.trace-toolbar,.filter-bar{grid-template-columns:1fr;align-items:stretch}.journey-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tree-trunk{flex-direction:column}.tree-trunk .tree-link{width:2px;height:20px}.tree-trunk .tree-link:after{top:auto;bottom:-1px;right:-3px;transform:rotate(135deg)}.tree-branches{grid-template-columns:1fr}.model-lane{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid;overflow:visible}.model-lane .service-node{width:100%}.model-lane .lane-link{display:none}.trace-toolbar .button,.filter-bar .button{width:100%}.metro-line{flex-direction:column;min-height:620px;margin-left:15px;display:flex}.metro-track,.metro-progress{width:3px;height:auto;inset:18px auto 18px 14px}.metro-progress{transform-origin:top}.metro-line.is-playing .metro-progress{animation-name:metro-progress-mobile}.metro-train{top:18px;left:4px}.metro-line.is-playing .metro-train{animation-name:metro-train-mobile}.station{flex-direction:row;justify-content:flex-start;gap:12px;height:76px;padding:0}.station strong{text-align:left;width:90px;margin:0}@keyframes metro-progress-mobile{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes metro-train-mobile{0%{opacity:0;top:18px;left:4px}4%{opacity:1}96%{opacity:1}to{opacity:0;top:calc(100% - 40px);left:4px}}.station-detail,.stage-inspector-heading{flex-direction:column;align-items:flex-start}.station-detail dl,.stage-inspector-heading dl{justify-content:space-between;width:100%}.stage-story,.diagnostic-panel,.stage-metadata,.architecture-note,.metadata-form{grid-template-columns:1fr}.span-2,.upload-action{grid-column:auto}.upload-action{flex-direction:column;align-items:stretch}.processing-card{display:block}.jobs-table{overflow-x:auto}.table-row{min-width:760px}.metric-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .span-2{grid-column:auto}.section-heading{flex-direction:column;align-items:stretch}.review-controls{flex-direction:column}.search-field input,.review-controls select{width:100%}.review-row{grid-template-columns:auto minmax(0,1fr) auto}.review-row .confidence{display:none}}@media (width<=520px){.journey-metrics{grid-template-columns:1fr}.diagnostic-panel dl{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}