:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18333f;background:#f5f7f7;font-synthesis:none;--teal:#087e77;--muted:#6c8089;--border:#dfe7e7}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary,[role=button]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #63c6bb;outline-offset:4px}input:focus{outline:2px solid #4ea99f;outline-offset:1px}input:disabled{background:#f5f7f7}[hidden]{display:none!important}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1200px)/2))}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:750;letter-spacing:-.4px}.brand-light{font-weight:450;color:#5c727c}.brand-mark{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;background:#12313b;color:white;letter-spacing:-6px;font-size:24px;padding-right:6px;line-height:1}.brand-mark span{color:#5fd4bd;transform:translateY(-3px)}.docs-link{text-decoration:none;font-size:13px;color:#5b727c}.docs-link span{margin-left:8px;color:var(--teal)}main{max-width:1200px;margin:0 auto;padding:48px 28px 0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--teal);display:flex;align-items:center;gap:8px}.live-dot{height:6px;width:6px;border-radius:50%;background:#12a08c}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 26px}h1{font-size:clamp(30px,3.5vw,43px);letter-spacing:-1.6px;font-weight:620;line-height:1.2;margin:0 0 12px}.intro{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.mode-badge{border:1px solid #ccd9d9;border-radius:5px;padding:8px 10px;color:#536b74;font-size:9px;font-weight:700;letter-spacing:1.2px;white-space:nowrap}.demo-note{display:flex;gap:12px;align-items:center;padding:13px 18px;background:#edf4f2;border:1px solid #dce9e4;border-radius:8px;margin-bottom:28px}.demo-note p{margin:0;font-size:12px;line-height:1.7;color:#4c6c68}.demo-note strong{color:#2c574f;font-weight:650}.note-icon{border:1px solid #84a99d;border-radius:50%;width:17px;height:17px;min-width:17px;display:flex;align-items:center;justify-content:center;color:#5d8a7c;font-size:11px;font-family:Georgia,serif}.workspace{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:27px;box-shadow:0 3px 9px #102b3603}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.section-number{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#82969e}h2{font-size:19px;font-weight:600;letter-spacing:-.5px;margin:7px 0 0}.format-tag{font-size:9px;letter-spacing:.8px;color:#6e838b;background:#f3f6f6;border-radius:4px;padding:6px 8px;white-space:nowrap}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:9px}.field-label>span{font-weight:400;font-size:10px;color:#83949a}.key-wrap{display:flex;border:1px solid #d5dfdf;border-radius:6px;background:#fff}.key-wrap:focus-within{outline:2px solid #4ea99f;outline-offset:1px}.key-wrap input{outline:none;border:0;min-width:0;flex:1;background:transparent}.key-wrap button{border:0;background:transparent;color:#617780;padding:0 13px;font-size:11px}.key-wrap input:focus{outline:none}input[type=text],input[type=password]{width:100%;padding:12px;font-size:12px;border:1px solid #d5dfdf;border-radius:6px;color:#18333f}input::placeholder{color:#98a6ac}.key-wrap input[type=text],.key-wrap input[type=password]{border:0}.field-help{font-size:10px;line-height:1.6;margin:8px 0 0;color:#80929a}.capture-label{margin-top:27px}.drop-zone{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1.5px dashed #b8cfca;border-radius:8px;background:#f7fbfa;padding:25px 15px;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}.drop-zone:hover,.drop-zone.dragging{background:#eaf6f1;border-color:#2b9b89}.drop-zone[aria-disabled=true]{cursor:wait;opacity:.65}.upload-icon{color:#328f7b;margin-bottom:6px}.drop-zone strong{font-size:13px;font-weight:600;overflow-wrap:anywhere;max-width:100%}.drop-zone>span{font-size:11px;color:#7b8e95}.browse-text{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.drop-zone small{font-size:10px;color:#8a9ba0;margin-top:4px}.resume-options{margin-top:19px;font-size:11px;color:#6b8088}.resume-options summary,.raw-result summary{cursor:pointer}.resume-fields{margin-top:16px;padding:15px;background:#f8fafa;border:1px solid #e8eded;border-radius:6px}.resume-fields .secondary-button{margin-top:12px}.actions{display:flex;gap:9px;margin-top:24px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;background:#087e77;color:#fff;border:1px solid #087e77;border-radius:6px;padding:13px 17px;font-size:12px;font-weight:600;transition:background .2s}.primary-button:hover:enabled{background:#076d67}.primary-button span{font-size:18px;font-weight:400;line-height:15px}.secondary-button{border:1px solid #d5dfdf;background:#fff;border-radius:6px;padding:10px 12px;color:#41616b;font-size:11px}.secondary-button:hover:enabled{background:#f4f8f7}.privacy-note{font-size:10px;color:#8b9ba1;line-height:1.6;margin:12px 0 0;text-align:center}.privacy-note span{margin-right:5px;color:#58a18e}.right-column{display:flex;flex-direction:column;gap:20px}.status-badge{font-size:10px;color:#647d83;padding:6px 9px;border:1px solid #dfe7e7;border-radius:15px;background:#f8faf9}.status-badge.active{color:#0c7d71;background:#e9f7f1;border-color:#cfebe0}.status-text{font-size:12px;line-height:1.7;color:#758a93;overflow-wrap:anywhere;min-height:40px}.progress-heading{display:flex;justify-content:space-between;gap:10px;margin:19px 0 9px;font-size:10px;color:#87979e}.progress-heading strong{color:#496670;font-weight:600}progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;background:#eaf0ef;color:#0c8c7c}progress::-webkit-progress-bar{background:#eaf0ef;border-radius:8px}progress::-webkit-progress-value{background:#119b86;border-radius:8px;transition:width .2s}progress::-moz-progress-bar{background:#119b86;border-radius:8px}.steps{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.step{display:flex;gap:7px;align-items:center;color:#9ba9ae;font-size:10px;white-space:nowrap}.step-dot{display:flex;align-items:center;justify-content:center;border:1px solid #e0e8e7;border-radius:50%;height:20px;width:20px;font-size:9px}.step.active{color:#187f73}.step.active .step-dot{color:#0d7b6d;background:#e8f6f1;border-color:#c8e8de}.step.done{color:#396f65}.step.done .step-dot{background:#118875;color:white;border-color:#118875}.step-line{height:1px;background:#e9eeed;flex:1;margin:0 10px}.job-info{border-top:1px solid #edf1ef;margin-top:22px;padding-top:16px}.job-info>span{font-size:8px;letter-spacing:1.5px;font-weight:650;color:#7a9198}.job-info code{display:block;font-size:11px;margin-top:7px;overflow-wrap:anywhere;color:#416470}.job-info p{font-size:10px;color:#92a1a6;margin-bottom:0}.empty-results{display:flex;align-items:center;text-align:center;flex-direction:column;padding:15px 15px 25px;gap:13px}.empty-graphic{font-size:28px;letter-spacing:6px;color:#bad6cd;margin:2px 0 10px;user-select:none}.empty-results strong{font-size:12px;font-weight:550;color:#6b828a}.empty-results p{font-size:11px;line-height:1.7;color:#92a2a7;max-width:240px;margin:0}.results-panel{min-height:280px}.results-panel .panel-heading{margin-bottom:17px}.result-summary{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f3f7f6;border:1px solid #e2ece8;border-radius:7px;margin:18px 0 22px;font-size:12px;font-weight:550}.result-summary small{display:block;font-size:9px;font-weight:400;color:#8a9f9c;margin-top:4px}.result-summary strong{color:#a76b24;border:1px solid #ead8ba;background:#fff7e6;border-radius:20px;font-size:11px;padding:5px 13px}.pattern-row{margin-top:17px}.pattern-row>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.pattern-row strong{font-size:11px;color:#218777;font-weight:600}.pattern-row progress{height:5px}.result-footnote{font-size:9px;color:#8b9c9d;margin:20px 0 16px;line-height:1.6}.raw-result{font-size:10px;color:#6e8790;border-top:1px solid #ebf0ee;padding-top:14px}.raw-result pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f7;padding:12px;border-radius:5px;color:#476972;max-height:300px;overflow:auto}.error-message{background:#fff3ef;border:1px solid #f0d6cb;border-radius:6px;color:#a04730;font-size:12px;line-height:1.6;padding:12px;margin-top:20px;overflow-wrap:anywhere}.new-upload{align-self:flex-end;font-size:11px;border:0;background:transparent;padding:0 3px;color:#647e87}.new-upload span{margin-left:6px;color:var(--teal)}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e1e8e6;padding:23px 0;margin-top:45px;color:#93a3a9;font-size:9px;line-height:1.6}footer>span:first-child{letter-spacing:1.5px;font-size:8px}.footer-dot{margin:0 8px;color:#b0bfbd}@media(min-width:1400px){main{padding-top:64px}}@media(max-width:800px){main{padding:30px 20px 0}.workspace{grid-template-columns:1fr}.mode-badge{display:none}.heading-row{margin-bottom:23px}.topbar{padding:0 20px;height:65px}.brand-light{display:none}.panel{padding:23px}.demo-note{align-items:flex-start}.note-icon{margin-top:4px}.docs-link{font-size:11px}.workspace{gap:20px}footer{margin-top:30px;flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.packet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.packet-stats>div{min-width:0;background:#f6f9f8;border:1px solid #e5eeea;padding:12px 9px;border-radius:6px}.packet-stats span{display:block;font-size:9px;color:#7b9197;margin-bottom:7px}.packet-stats strong{font-size:17px;font-weight:600;color:#244a55;overflow-wrap:anywhere}.chart-wrap{display:flex;justify-content:center;margin:4px 0 0}.chart-wrap canvas{width:210px;height:210px;max-width:100%}.chart-note{font-size:11px;line-height:1.6;text-align:center;color:#607f83;margin:6px 0 21px}.packet-table{width:100%;border-collapse:collapse;font-size:10px}.packet-table caption{text-align:left;font-size:10px;color:#6b858c;margin:0 0 10px;line-height:1.5}.packet-table th,.packet-table td{padding:10px 0;border-bottom:1px solid #eaf0ee}.packet-table thead th{color:#8ba09f;font-size:9px;font-weight:500}.packet-table th{text-align:left;font-weight:450;color:#42646c}.packet-table td,.packet-table thead th:not(:first-child){text-align:right;color:#526f76;font-variant-numeric:tabular-nums}.chart-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:2px}.chart-color-0{background:#ba5948}.chart-color-1{background:#e5a45b}.chart-color-2{background:#8772b5}.chart-color-3{background:#69a995}.chart-color-4{background:#dbe2e6}.result-summary .attack-yes{background:#fff0e9;border-color:#edd0c0;color:#ad503b}.result-summary .attack-no{background:#eaf6ef;border-color:#c8e6d6;color:#257258}@media(max-width:400px){.packet-stats strong{font-size:14px}.packet-stats span{font-size:8px}.packet-table{font-size:9px}}