@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#171817;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171817;--muted:#757975;--line:#e5e6e2;--paper:#fff;--blue:#275dce;--blue-soft:#edf3ff;--green:#17844d;--green-soft:#e9f7ef;--amber:#a96c04;--amber-soft:#fff5df;background:#f7f7f5;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f7f7f5;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;align-items:center;gap:11px;height:62px;padding:0 28px;display:flex;position:sticky;top:0}.brand-mark{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.brand-name{letter-spacing:-.04em;font-size:15px;font-weight:800}.brand-name span{color:var(--muted);font-weight:500}.topbar-spacer{flex:1}.connection{letter-spacing:.01em;color:var(--muted);align-items:center;gap:6px;margin-right:12px;font-size:11px;font-weight:700;display:flex}.connection-dot{background:#a4aaa4;border-radius:50%;width:6px;height:6px}.connection.connected .connection-dot{background:#23a866}.icon-button,.mobile-menu,.more-button{color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid}.icon-button:hover,.mobile-menu:hover,.more-button:hover{color:var(--ink);background:#f0f1ed}.avatar{background:#e6e9e3;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:4px;font-size:12px;font-weight:800;display:grid}.mobile-menu{display:none}.workspace{max-width:1440px;margin:auto;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex:none;width:226px;min-height:calc(100vh - 62px);padding:35px 18px 24px;display:flex}.sidebar-label,.eyebrow{color:#969b96;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.sidebar-label{padding:0 12px 12px}.nav-item{text-align:left;color:#727772;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;height:40px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.nav-item:hover{color:var(--ink);background:#f0f1ed}.nav-item.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000009}.nav-item.active:before{content:"";background:var(--blue);border-radius:2px;width:2px;height:16px;margin-left:-12px;position:absolute}.nav-count{color:#9a9e99;margin-left:auto;font:11px DM Mono,monospace}.sidebar-foot{margin-top:auto}.privacy-note{color:#858a85;align-items:flex-start;gap:8px;font-size:10px;line-height:1.5;display:flex}.privacy-note svg{color:#62a17a;flex:none;margin-top:1px}.sidebar-foot .privacy-note{border-top:1px solid var(--line);padding:14px 12px}.version{color:#b0b4b0;padding:18px 12px 0;font:10px DM Mono,monospace}.main-content{flex:1;min-width:0;padding:48px clamp(24px,5vw,76px) 80px;position:relative}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px;display:flex}.page-header h1{letter-spacing:-.055em;margin:8px 0 9px;font-size:32px;line-height:1.08}.page-header p{color:var(--muted);max-width:520px;margin:0;font-size:13px;line-height:1.6}.primary-button,.secondary-button,.filter-button{white-space:nowrap;border:0;border-radius:7px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{background:#303330}.secondary-button,.filter-button{border:1px solid var(--line);color:var(--ink);background:#fff}.secondary-button:hover{background:#f4f5f2}.signal-strip{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:12px;min-height:66px;margin-bottom:16px;padding:13px 15px;display:flex}.signal-icon,.detected-icon{background:var(--blue-soft);width:34px;height:34px;color:var(--blue);border-radius:8px;flex:none;place-items:center;display:grid}.signal-strip strong,.signal-strip span{display:block}.signal-strip strong{font-size:12px}.signal-strip div:nth-child(2) span{color:var(--muted);margin-top:3px;font-size:11px}.match-pill,.tiny-label{letter-spacing:.07em;color:var(--green);background:var(--green-soft);border-radius:4px;margin-left:auto;padding:5px 7px;font:700 9px DM Mono,monospace}.match-pill.muted{color:var(--muted);background:#f0f1ee}.running-banner{background:var(--blue-soft);text-align:left;width:100%;color:var(--ink);border:1px solid #bdd0f7;border-radius:9px;align-items:center;gap:12px;margin-bottom:38px;padding:14px 16px;display:flex}.running-banner:hover{border-color:#91aff0}.running-banner strong,.running-banner span{display:block}.running-banner strong{font-size:12px}.running-banner div:nth-child(2) span{color:#58709f;margin-top:3px;font-size:11px}.banner-action{color:var(--blue);align-items:center;gap:4px;margin-left:auto;font-weight:700;font-size:11px!important;display:flex!important}.pulse{background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.pulse span{background:#4281ed;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #d1e0ff}.pulse.large{width:48px;height:48px}.pulse.large span{width:13px;height:13px;box-shadow:0 0 0 7px #d1e0ff}.section-heading{justify-content:space-between;align-items:end;margin-bottom:13px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:19px}.muted-text{color:var(--muted);margin-bottom:2px;font-size:11px}.experiment-table{border-top:1px solid var(--line);background:#fff}.table-head,.experiment-row{grid-template-columns:1.05fr 1.6fr 1.2fr 1.15fr 20px;align-items:center;gap:14px;padding:0 17px;display:grid}.table-head{color:#999d98;text-transform:uppercase;height:38px;font:10px DM Mono,monospace}.experiment-row{text-align:left;background:#fff;border:0;border-top:1px solid #f0f1ee;width:100%;min-height:65px}.experiment-row:hover{background:#fbfcfa}.test-id{color:var(--ink);font:12px DM Mono,monospace}.test-id span{color:#a5aaa5;margin-top:5px;font:10px Manrope,sans-serif;display:block}.config-cell strong,.config-cell span,.network-cell span{display:block}.config-cell strong{font-size:12px}.config-cell span{color:var(--muted);margin-top:5px;font-size:10px}.network-cell{color:#444844;align-items:center;gap:7px;font-size:11px;display:flex}.network-cell svg{color:#8c938c}.result-badge{color:#626862;white-space:nowrap;background:#f0f1ee;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-flex}.result-badge>span{background:#999;border-radius:50%;width:5px;height:5px}.result-badge.warn{background:var(--amber-soft);color:var(--amber)}.result-badge.warn>span{background:#e0a324}.result-badge.info{background:var(--blue-soft);color:var(--blue)}.result-badge.info>span{background:#4f83e7}.result-badge.success{background:var(--green-soft);color:var(--green)}.result-badge.success>span{background:#22a366}.result-badge.running{background:var(--blue-soft);color:var(--blue)}.result-badge.running>span{background:#4f83e7}.row-chevron{color:#b2b7b1}.lower-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:45px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;padding:21px}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.panel h3{letter-spacing:-.025em;margin:7px 0 0;font-size:15px}.panel-title svg{color:#7d847d}.tiny-label{margin:0}.baseline-config{margin-top:25px}.baseline-config strong{font-size:15px}.baseline-config span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.baseline-result{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:19px;padding-top:15px;display:flex}.baseline-result>span{color:#a1a6a1;font-size:10px}.empty-copy{color:var(--muted);margin:23px 0 0;font-size:12px;line-height:1.65}.insight-lead{margin:25px 0 10px;font-size:13px;line-height:1.7}.insight-foot{color:#9b9f9a;font-size:10px;line-height:1.5}.back-button{color:#717771;background:0 0;border:0;align-items:center;gap:7px;margin:-11px 0 27px;padding:0;font-size:12px;font-weight:600;display:flex}.back-button:hover{color:var(--ink)}.focus-card{background:var(--ink);color:#fff;border-radius:10px;margin:-6px 0 24px;padding:25px}.focus-top{align-items:center;gap:15px;display:flex}.focus-top h2{letter-spacing:-.035em;margin:0 0 6px;font-size:17px}.focus-top p{color:#b7beb7;margin:0;font-size:11px}.focus-meta{color:#bdc3bd;border-top:1px solid #3d423d;gap:25px;margin-top:24px;padding-top:14px;font-size:10px;display:flex}.focus-meta span{align-items:center;gap:7px;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-list{margin:20px 0 0}.detail-list div{border-top:1px solid #eff0ed;justify-content:space-between;gap:15px;padding:11px 0;display:flex}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{text-align:right;margin:0;font-size:11px;font-weight:700}.sub-value{color:#a3a8a3;font-weight:500}.big-result{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.big-result>span{color:#a1a6a1;font-size:10px}.observed-field{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.observed-field span{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.observed-field strong{font:12px DM Mono,monospace}.notes-box{color:#646a64;background:#fafbf9;border:1px solid #eef0ec;border-radius:6px;margin-top:17px;padding:12px;font-size:11px;line-height:1.6}.matrix-list{gap:14px;display:grid}.matrix-panel{padding:0;overflow:hidden}.matrix-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.matrix-title h3{margin:0}.matrix-title span,.matrix-count,.repeatability{color:#a1a6a1;font-size:10px}.matrix-rows{padding:0 20px}.matrix-row{border-bottom:1px solid #f0f1ee;grid-template-columns:1.3fr 1fr .6fr 1fr;align-items:center;gap:10px;min-height:51px;display:grid}.matrix-row:last-child{border-bottom:0}.matrix-region{align-items:center;gap:8px;font-size:12px;display:flex}.matrix-region svg{color:#8f978f}.repeatability{text-align:right}.template-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.template-panel{min-height:195px}.template-top{justify-content:space-between;display:flex}.template-icon{width:30px;height:30px;color:var(--blue);background:#f0f3fb;border-radius:7px;place-items:center;display:grid}.template-panel h3{letter-spacing:-.02em;margin-top:21px;font-size:13px}.template-meta{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.template-meta span{color:#717871;background:#f2f3f0;border-radius:4px;padding:5px 6px;font-size:10px}.text-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:3px;margin-top:20px;padding:0;font-size:11px;font-weight:700;display:flex}.template-note{color:#5571b1;background:#f1f4fb;border:1px solid #dfe6f7;border-radius:8px;gap:12px;margin-top:35px;padding:15px;display:flex}.template-note strong{color:#3a5ca5;font-size:11px}.template-note p{color:#687cae;margin:4px 0 0;font-size:11px;line-height:1.6}.device-list{gap:10px;max-width:760px;display:grid}.device-row{align-items:center;gap:14px;padding:15px 17px;display:flex}.device-icon{color:#6f766f;background:#f0f1ee;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.device-main{flex:1}.device-main h3{margin:0;font-size:13px}.device-main p{color:var(--muted);margin:5px 0 0;font-size:11px}.device-tests{color:#999f99;font:10px DM Mono,monospace}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;max-width:900px;display:grid}.settings-panel .panel-title{margin-bottom:23px}.status-orb{background:#a6aaa6;border-radius:50%;width:8px;height:8px;margin-top:6px}.status-orb.connected{background:#21a766}.setting-line{border-top:1px solid #eff0ed;justify-content:space-between;padding:13px 0;font-size:11px;display:flex}.setting-line span{color:var(--muted)}.setting-line strong{font-size:11px}.settings-panel .secondary-button{margin-top:10px}.setting-help{color:#999e99;margin:18px 0 0;font-size:10px;line-height:1.6}.boundary-list{margin:23px 0 0;padding:0;list-style:none}.boundary-list li{border-top:1px solid #eff0ed;align-items:flex-start;gap:9px;padding:12px 0;font-size:11px;line-height:1.5;display:flex}.boundary-list li svg{color:#63a17a;flex:none;margin-top:1px}.boundary-list li:nth-child(3) svg,.boundary-list li:nth-child(4) svg{color:#b8a16f}.toast{z-index:50;background:var(--ink);color:#fff;border-radius:7px;align-items:center;gap:8px;padding:11px 14px;font-size:11px;display:flex;position:fixed;top:78px;right:24px;box-shadow:0 8px 25px #0002}.toast svg{color:#6bd39a}.modal-backdrop{z-index:40;background:#16191666;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:11px;width:min(640px,100%);padding:25px;box-shadow:0 20px 70px #0004}.small-modal{width:min(500px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal h2{letter-spacing:-.05em;margin:8px 0 0;font-size:23px}.form-grid{grid-template-columns:1fr 1fr;gap:17px 13px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field.wide{grid-column:1/-1}.field>span{color:#656b65;font-size:10px;font-weight:700}.field input,.field select,.field textarea{width:100%;height:37px;color:var(--ink);background:#fcfcfb;border:1px solid #dfe1dc;border-radius:6px;outline:none;padding:0 10px;font-size:11px}.field textarea{resize:vertical;height:auto;padding:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8ba8e8;box-shadow:0 0 0 3px #eaf0ff}.detected-box{background:#f7f9fd;border:1px solid #e5eaf5;border-radius:7px;align-items:center;gap:10px;margin-top:22px;padding:11px;display:flex}.detected-box>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.detected-box span,.detected-box small{color:#747d8c;font-size:10px}.detected-box strong{font-size:11px}.modal-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:16px;display:flex}.modal-footer .privacy-note{font-size:10px}.modal-intro{color:#687068;margin:-7px 0 18px;font-size:12px;line-height:1.6}.result-options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.result-option{text-align:left;color:#555b55;background:#fff;border:1px solid #e4e6e2;border-radius:6px;align-items:center;gap:9px;height:38px;padding:0 10px;font-size:11px;display:flex}.result-option.selected{color:#214da6;background:#f2f6ff;border-color:#86a7ed}.radio{border:1px solid #b5bbb4;border-radius:50%;width:12px;height:12px;position:relative}.selected .radio{border-color:var(--blue)}.selected .radio:after{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;left:2px}.result-modal .field{margin-top:15px}.upload-field{color:#747b74;cursor:pointer;border:1px dashed #cfd4cc;border-radius:6px;align-items:center;gap:8px;height:37px;padding:0 10px;font-size:11px;display:flex}.upload-field input{display:none}.empty-state{text-align:center;color:#9da39d;border:1px dashed #dfe1dc;border-radius:9px;padding:65px 20px}.empty-state svg{width:26px;height:26px}.empty-state h3{color:var(--ink);margin:15px 0 5px;font-size:14px}.empty-state p{margin:0;font-size:11px}@media (width<=900px){.sidebar{width:190px}.main-content{padding-left:30px;padding-right:30px}.template-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.topbar{height:58px;padding:0 16px}.mobile-menu{display:grid}.brand-name{font-size:14px}.connection{display:none}.sidebar{z-index:35;background:#f7f7f5;width:235px;transition:transform .2s;position:fixed;top:58px;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 30px #00000012}.sidebar.open{transform:translate(0)}.scrim{z-index:30;background:#0003;position:fixed;inset:58px 0 0}.main-content{padding:31px 16px 55px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:26px}.page-header h1{font-size:28px}.page-header .primary-button,.page-header .filter-button{justify-content:center;align-self:stretch}.table-head{display:none}.experiment-row{grid-template-columns:1fr 1.1fr 17px;gap:10px;min-height:77px;padding:12px}.experiment-row>div:nth-child(3){grid-area:2/2}.experiment-row>div:nth-child(4){grid-area:2/1}.experiment-row .row-chevron{grid-area:1/3/3}.config-cell span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.network-cell{font-size:10px}.lower-grid,.detail-grid,.settings-grid{grid-template-columns:1fr}.section-heading{margin-top:36px}.section-heading h2{font-size:17px}.running-banner{margin-bottom:26px;padding:12px}.banner-action{font-size:0!important}.banner-action svg{font-size:16px}.focus-card{padding:19px}.focus-top h2{font-size:15px}.focus-meta{flex-direction:column;gap:10px}.result-options{grid-template-columns:1fr}.modal{padding:20px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.modal-footer{flex-direction:column;align-items:flex-start}.modal-footer .primary-button{justify-content:center;align-self:stretch}.signal-strip{align-items:flex-start}.signal-strip .match-pill{margin-top:3px}.template-grid{grid-template-columns:1fr}.matrix-row{grid-template-columns:1.3fr 1fr .5fr;gap:7px}.repeatability{text-align:left;grid-column:1/-1;padding-bottom:11px}.matrix-row{padding:7px 0}.matrix-count{text-align:right}.big-result{flex-direction:column;align-items:flex-start;gap:9px}}.auth-loading{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:12px;font-size:12px;display:grid}.auth-loading .brand-mark{margin:auto}.auth-page{background:#f2f3f0;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-box{border:1px solid var(--line);background:#fff;border-radius:11px;width:min(390px,100%);padding:30px;box-shadow:0 12px 35px #00000008}.auth-box .brand-mark{margin-bottom:32px}.auth-box h1{letter-spacing:-.055em;margin:9px 0;font-size:26px}.auth-box>p{color:var(--muted);margin:0 0 25px;font-size:12px}.auth-box form{gap:16px;display:grid}.auth-box .primary-button{justify-content:center;margin-top:4px}.auth-error{color:#a24e3c;background:#fff0ec;border:1px solid #f2d7cf;border-radius:6px;padding:9px;font-size:11px}.auth-boundary{border-top:1px solid var(--line);color:#878d87;align-items:center;gap:8px;margin-top:25px;padding-top:15px;font-size:10px;display:flex}.auth-boundary svg{color:#62a17a}