:root{color-scheme:light;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1c2329;background:#f4f6f7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1c2329;--muted: #68737c;--line: #d9dfe2;--surface: #ffffff;--surface-soft: #f8fafb;--green: #147a5a;--green-soft: #e5f5ef;--cyan: #14758b;--cyan-soft: #e5f4f7;--amber: #a66107;--amber-soft: #fff3dc;--red: #c2353d;--red-soft: #fdebed;--charcoal: #111418}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f7}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{min-height:100vh}.app-header{position:sticky;z-index:20;top:0;display:flex;min-height:64px;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #282d31;background:#111418f7;color:#fff}.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #3a474d;border-radius:7px;color:#65d7bd}.brand>span:last-child{display:grid;gap:2px}.brand strong{font-size:15px;font-weight:680}.brand small{color:#9ca6ad;font-size:11px}.header-actions,.live-indicator{display:flex;align-items:center}.header-actions{gap:14px}.live-indicator{gap:6px;color:#b8c2c7;font-size:12px}.live-indicator svg{color:#65d7bd}.icon-button{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:7px;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.app-header .icon-button{border-color:#3a4147;color:#cbd2d6}.icon-button:hover{background:#ffffff12}.main-shell{padding-bottom:48px}.page-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}.workspace-intro,.snapshot-heading{display:flex;min-height:210px;align-items:center;justify-content:space-between;gap:48px;border-bottom:1px solid var(--line)}.workspace-intro h1,.snapshot-heading h1{margin:10px 0 8px;color:var(--ink);font-size:clamp(30px,4vw,48px);font-weight:730;letter-spacing:0;line-height:1.08}.workspace-intro p,.snapshot-heading p{max-width:680px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:700}.source-node{display:grid;min-width:218px;gap:6px;padding:22px 24px;border-left:3px solid var(--green);background:#eaf0f1}.source-node span,.source-node small{color:var(--muted);font-size:12px}.source-node strong{font-family:SFMono-Regular,Consolas,monospace;font-size:20px}.error-banner{display:flex;align-items:center;gap:10px;margin-top:22px;padding:13px 16px;border:1px solid #efb8bd;border-radius:6px;background:var(--red-soft);color:#9d2831;font-size:14px}.report-section{padding:34px 0 38px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading>div{display:flex;align-items:baseline;gap:12px}.section-index{color:var(--green);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700}.section-heading h2{margin:0;font-size:19px;font-weight:700}.section-time{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.panel-loading,.empty-state{display:flex;min-height:96px;align-items:center;justify-content:center;gap:10px;border:1px dashed #cbd3d7;color:var(--muted);font-size:14px}.spinner{display:inline-block;width:17px;height:17px;flex:0 0 auto;border:2px solid #c3cbcf;border-top-color:var(--green);border-radius:50%;animation:spin .75s linear infinite}.spinner-light{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.environment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface)}.metric-block{display:grid;min-width:0;min-height:122px;align-content:start;gap:9px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-block>svg{margin-bottom:5px;color:var(--cyan)}.metric-block span{color:var(--muted);font-size:12px}.metric-block strong{display:flex;min-width:0;align-items:center;gap:6px;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.metric-emphasis{background:var(--green-soft)}.metric-emphasis strong{color:#0f6349;font-family:SFMono-Regular,Consolas,monospace;font-size:18px}.metric-wide{grid-column:span 2}.metric-full{grid-column:1 / -1}.feature-row{min-height:88px}.ua-row{min-height:auto}.ua-row code{overflow-wrap:anywhere;color:#4e5961;font-size:12px;line-height:1.6}.target-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.target-form label{display:flex;height:48px;align-items:center;gap:10px;padding:0 15px;border:1px solid #bac4c9;border-radius:6px;background:var(--surface);color:var(--muted)}.target-form label:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #147a5a1c}.target-form input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.primary-button,.secondary-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:680;text-decoration:none}.primary-button{min-width:164px;border:1px solid var(--charcoal);background:var(--charcoal);color:#fff}.secondary-button{border:1px solid #aeb8bd;background:var(--surface);color:var(--ink)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5}.target-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;border:1px solid var(--line);background:var(--surface)}.target-result>div{display:grid;min-width:0;gap:8px;padding:18px 20px;border-right:1px solid var(--line)}.target-result>div:last-child{border-right:0}.target-result svg{color:var(--cyan)}.target-result span{color:var(--muted);font-size:12px}.target-result strong{overflow-wrap:anywhere;font-size:15px}.matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.matrix-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.matrix-card-top,.matrix-meta{display:flex;align-items:center;justify-content:space-between}.matrix-card-top{margin-bottom:16px}.target-icon{display:grid;width:31px;height:31px;place-items:center;border-radius:6px;background:var(--cyan-soft);color:var(--cyan)}.matrix-card>strong{display:block;margin-bottom:5px;font-size:15px}.matrix-card>a{display:inline-flex;max-width:100%;align-items:center;gap:5px;overflow-wrap:anywhere;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;text-decoration:none}.matrix-card>a:hover{color:var(--cyan)}.matrix-meta{margin-top:17px;padding-top:13px;border-top:1px solid #edf0f1;color:var(--muted);font-size:12px}.matrix-meta b{font-family:SFMono-Regular,Consolas,monospace}.status-badge{display:inline-flex;min-height:25px;align-items:center;gap:6px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.is-success{background:var(--green-soft);color:var(--green)}.status-badge.is-warning{background:var(--amber-soft);color:var(--amber)}.status-badge.is-danger{background:var(--red-soft);color:var(--red)}.status-badge.is-neutral{background:#edf0f1;color:#69747b}.text-success{color:var(--green)}.text-warning{color:var(--amber)}.text-danger{color:var(--red)}.text-neutral{color:var(--muted)}.probe-path{display:grid;grid-template-columns:auto minmax(50px,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;border:1px solid var(--line);background:var(--surface)}.probe-path span{display:inline-flex;align-items:center;gap:7px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700}.probe-path span:first-child svg{color:var(--green)}.probe-path span:last-child svg{color:var(--cyan)}.probe-path i{height:1px;background:repeating-linear-gradient(90deg,#9ba8ae 0,#9ba8ae 6px,transparent 6px,transparent 11px)}.ping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:var(--surface)}.ping-grid>div{display:grid;gap:8px;padding:18px;border-right:1px solid var(--line)}.ping-grid>div:last-child{border-right:0}.ping-grid svg{color:var(--cyan)}.ping-grid span{color:var(--muted);font-size:12px}.ping-grid strong{font-size:17px}.route-log{margin-top:14px;border:1px solid #2b3237;background:#15191d;color:#dbe1e4}.route-log>div{display:flex;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid #2b3237;color:#9edccb;font-size:12px}.route-log pre{max-height:340px;margin:0;overflow:auto;padding:16px;color:#c3ccd1;font:12px/1.75 SFMono-Regular,Consolas,monospace;white-space:pre}.share-bar{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:17px 20px;border:1px solid #b9c4c8;background:#eaf0f1}.share-bar>div:first-child{display:flex;align-items:center;gap:12px}.share-bar>div:first-child>svg{color:var(--green)}.share-bar>div:first-child span{display:grid;gap:3px}.share-bar strong{font-size:14px}.share-bar small{color:var(--muted);font-size:11px}.share-result{display:flex;min-width:0;align-items:center;gap:8px}.share-result code{max-width:420px;overflow:hidden;color:#334047;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.snapshot-heading{min-height:190px}.state-page{display:grid;min-height:calc(100vh - 112px);place-items:center;align-content:center;gap:10px;text-align:center}.state-page h1{margin:10px 0 0;font-size:28px}.state-page p{margin:0 0 14px;color:var(--muted)}.state-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:50%}.state-icon.is-warning{background:var(--amber-soft);color:var(--amber)}.state-icon.is-danger{background:var(--red-soft);color:var(--red)}@media(max-width:900px){.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-full{grid-column:1 / -1}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-intro,.snapshot-heading{align-items:flex-start;padding:42px 0}}@media(max-width:640px){.app-header{min-height:58px;padding:0 16px}.brand small,.live-indicator{display:none}.page-wrap{width:min(100% - 28px,1180px)}.workspace-intro,.snapshot-heading{min-height:auto;flex-direction:column;gap:24px;padding:34px 0}.workspace-intro h1,.snapshot-heading h1{font-size:31px}.source-node{width:100%}.section-heading{align-items:flex-start}.environment-grid,.matrix-grid,.target-result,.ping-grid{grid-template-columns:1fr}.metric-wide,.metric-full{grid-column:auto}.metric-block,.feature-row{min-height:auto}.target-form{grid-template-columns:1fr}.primary-button{min-height:46px}.target-result>div,.ping-grid>div{border-right:0;border-bottom:1px solid var(--line)}.target-result>div:last-child,.ping-grid>div:last-child{border-bottom:0}.probe-path{grid-template-columns:1fr}.probe-path i{width:1px;height:24px;margin-left:8px;background:repeating-linear-gradient(180deg,#9ba8ae 0,#9ba8ae 6px,transparent 6px,transparent 11px)}.share-bar{align-items:stretch;flex-direction:column}.share-result{width:100%}.share-result code{flex:1}}