:root{color:#213b35;font-synthesis:none;--ink:#173d33;--green:#235e4b;--line:#dce3da;--muted:#69776e;--cream:#f4f5f0;--accent:#d6e4a6;background:#f4f5f0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}button:hover,.button:hover{background:#2a5e4d}button:disabled{opacity:.45;cursor:not-allowed}button.secondary,.button.secondary{color:var(--ink);background:#fff;border-color:#bdcbbf}button.quiet,.quiet{color:var(--green);background:0 0;border-color:#0000;padding:7px 3px}button.danger{background:#873e35;border-color:#873e35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #90b36f}a{color:var(--green);text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.2px;margin-bottom:12px;font-size:clamp(26px,2.6vw,38px);font-weight:550;line-height:1.18}h2{letter-spacing:-.35px;margin-bottom:18px;font-size:19px;font-weight:600}h3{margin-bottom:8px;font-size:15px;font-weight:600}p{font-size:14px;line-height:1.65}small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6;display:block}strong{font-weight:600}input,select,textarea{color:#243e33;background:#fff;border:1px solid #cbd5ca;border-radius:6px;width:100%;min-height:42px;padding:10px 12px;font-size:14px}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--green);flex-shrink:0}textarea{resize:vertical;min-height:90px}input[type=file]{background:#f7f9f3;padding:12px}.field{color:#526458;flex-direction:column;gap:7px;margin-bottom:18px;font-size:12px;font-weight:600;display:flex}.field>span{text-transform:none}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.form-grid.four{grid-template-columns:repeat(4,1fr);margin-top:18px}.check{align-items:center;gap:10px;margin:14px 0;font-size:13px;line-height:1.5;display:flex}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:1.8px;color:#63806c;margin-bottom:13px;font-size:10px;font-weight:700}.brandmark{letter-spacing:-1.5px;color:inherit;align-items:center;gap:11px;font-size:27px;font-weight:850;text-decoration:none;display:flex}.brandmark span{letter-spacing:1.7px;max-width:65px;font-size:9px;font-weight:600;line-height:1.4}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workspace{grid-template-columns:236px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--ink);color:#ecf0e7;flex-direction:column;height:100dvh;padding:30px 22px;display:flex;position:sticky;top:0}.sidebar-label{color:#9cb6a4;letter-spacing:1.5px;margin:55px 0 16px 9px;font-size:9px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#bacec1;background:0 0;border:0;border-radius:6px;justify-content:flex-start;gap:15px;padding:13px 10px;font-weight:450}.sidebar nav button.active{color:#fff;background:#315647}.sidebar nav button:hover{color:#fff;background:#294c3f}.nav-index{opacity:.65;font-family:ui-monospace,monospace;font-size:10px}.sidebar-bottom{margin-top:auto;padding:30px 8px 0}.sidebar-bottom a{color:#dde8be;font-size:12px}.sidebar-bottom p{color:#d8e3d3;margin:24px 0 10px;font-size:12px}.sidebar-bottom span{color:#8eaa97;font-size:11px}.sidebar-bottom button{color:#a5bba9;background:0 0;border:0;padding:7px 0;font-size:11px;font-weight:400}.main{min-width:0;max-width:1740px;padding:0 42px 60px}.topbar{border-bottom:1px solid var(--line);color:#7a887d;justify-content:space-between;align-items:center;min-height:78px;margin-bottom:37px;font-size:11px;display:flex}.environment{letter-spacing:1.4px;color:var(--green);background:#e7eddd;border-radius:4px;padding:7px 11px;font-size:9px}.title-row{justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px;display:flex}.title-row p:last-child{max-width:690px;margin:0}.metrics{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:repeat(4,1fr);margin:25px 0 28px;padding:25px 28px;display:grid}.metrics>div{border-left:1px solid var(--line);padding-left:24px}.metrics>div:first-child{border:0;padding-left:0}.metrics span{color:var(--muted);font-size:11px}.metrics strong{letter-spacing:-1.8px;margin:9px 0;font-size:38px;font-weight:500;display:block}.metrics small{font-size:10px}.two-col{grid-template-columns:1.13fr 1fr;align-items:start;gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;margin-bottom:24px;padding:27px}.panel.flush{padding:0;overflow:hidden}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.section-heading h2{margin:0}.section-heading>span{font-size:11px}.checklist{color:var(--ink);text-align:left;white-space:normal;background:0 0;border:none;border-bottom:1px solid #edf0e8;border-radius:0;align-items:flex-start;gap:17px;width:100%;padding:19px 0;display:flex}.checklist:hover{background:#f7f9f3}.checklist:last-child{border:0}.checklist>span:first-child{color:#75917a;padding-top:2px;font:12px ui-monospace,monospace}.checklist>span:last-child{margin-left:auto;font-size:15px}.checklist strong{font-size:14px}.checklist p{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:400}.method-row{border-bottom:1px solid #edf0e8;justify-content:space-between;align-items:center;gap:10px;padding:20px 0;display:flex}.method-row strong{font-size:13px}.method-row small{margin-top:4px;font-size:11px}.badge{white-space:nowrap;color:#627265;background:#f2f4ee;border:1px solid #dce3d6;border-radius:4px;align-items:center;padding:4px 7px;font-size:10px;font-weight:500;display:inline-flex}.badge.good{color:#35613a;background:#e6f1dc;border-color:#d4e4c6}.badge.bad{color:#963f2b;background:#fbebe4;border-color:#efd4c5}.note{color:#667653;background:#f0f3e6;border:1px solid #e0e7ce;border-radius:7px;margin:22px 0;padding:17px 19px;font-size:12px;line-height:1.65}.note p{margin:6px 0 0;font-size:12px}.empty{color:var(--muted);text-align:center;padding:36px 24px;font-size:13px;line-height:1.7}.filters{flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 20px;display:flex}.filters input:not([type=checkbox]){max-width:330px}.filters select{width:auto;min-width:170px}.filters>span{margin-left:auto;font-size:12px}.filters .check{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#6a7c6b;letter-spacing:.2px;white-space:nowrap;background:#f7f9f4;padding:14px 16px;font-size:10px;font-weight:600}td{vertical-align:middle;border-top:1px solid #edf0e8;padding:17px 16px}td strong{font-size:13px}td small{margin-top:4px;font-size:10px}.wrap-cell{word-break:break-word;max-width:340px;font-size:11px}.back{margin:-8px 0 15px}.tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:25px;display:flex;overflow:auto}.tabs button{color:#7d8b7e;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0;font-size:12px}.tabs button.selected{border-color:var(--green);color:var(--green)}dialog{border:1px solid var(--line);width:min(740px,94vw);max-height:90dvh;color:var(--ink);border-radius:12px;padding:28px;box-shadow:0 25px 100px #0c261744}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e2b2770}dialog>header,.annotation-sheet header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}dialog>header h2{margin:0}.location-list{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.location-list button{background:#f3f6ed;padding:8px 12px;font-size:12px}.upload-zone{background:#edf2e4;border:1px dashed #adbfa4;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:30px;display:flex}.upload-zone h2{margin-bottom:8px;font-size:20px}.upload-zone p{margin-bottom:10px;font-size:13px}.upload-zone small{font-size:11px}.upload-row{flex-wrap:wrap;align-items:center;gap:13px;padding:12px;font-size:12px;display:flex}.upload-row progress{width:120px;accent-color:var(--green)}.capture-row{border-bottom:1px solid #edf0e8;align-items:center;gap:20px;padding:20px 0;font-size:12px;display:flex}.capture-row>div:nth-child(2){flex:1}.capture-row strong{font-size:13px}.file-icon{color:#82916b;background:#f0f3e7;border-radius:5px;justify-content:center;align-items:center;width:45px;height:52px;font-size:18px;display:flex}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.reference-card{border:1px solid var(--line);color:var(--ink);white-space:normal;text-align:left;background:#fff;padding:0;display:block;overflow:hidden}.reference-card:hover{background:#fafbf7;border-color:#94ad87}.reference-card.is-selected{border-color:#72935c;box-shadow:0 0 0 1px #72935c}.reference-card>div:last-child{padding:16px}.reference-card strong{overflow-wrap:anywhere;font-size:12px;display:block}.reference-card small{margin:5px 0;font-size:10px}.reference-image,.region-editor{line-height:0;position:relative}.reference-image img,.region-editor img{width:100%;height:auto;display:block}.region-overlay{pointer-events:none;background:#d7e6a115;border:2px solid #deeea7;position:absolute}.region-editor{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.build-row{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:22px 0;display:flex}.build-row:first-of-type{border-top:0}.build-row>div:last-child{text-align:right;flex-shrink:0}.method-chips{flex-wrap:wrap;gap:15px;margin:18px 0 9px;display:flex}.method-chips>span{font-size:11px}.method-chips .badge{margin-left:6px}.build-row .muted{margin-bottom:0;font-size:11px}.preview-shop,.history-row{border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.history-row{justify-content:space-between;align-items:center;display:flex}.offer-preview{background:#f0f4e5;border-radius:7px;padding:23px}.offer-preview small{color:#70815d}details{margin-top:18px}summary{cursor:pointer;color:var(--green);font-size:12px;font-weight:600;line-height:1.6}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#58705d;background:#f6f8f2;border-radius:6px;max-height:450px;padding:15px;font-size:10px;line-height:1.6;overflow:auto}.code-editor{background:#fcfdf9;min-height:650px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.6}.guidance{padding-bottom:10px}.guidance h3{text-transform:capitalize;font-size:12px}.guidance p{color:var(--muted);font-size:12px}.diagnostics-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr)}.timeline-row{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #edf0e8;border-radius:0;justify-content:flex-start;gap:16px;padding:13px 6px;display:flex}.timeline-row:hover,.timeline-row.selected{background:#eff4e7}.timeline-row code{color:var(--muted);min-width:55px;font-size:11px}.timeline-row strong{font-size:12px}.timeline-row small{font-size:10px}.gate-result{border:1px solid var(--line);border-radius:6px;margin-top:18px;padding:16px;font-size:13px}.gate-result p{margin:10px 0;font-size:11px}.gate{grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:6px 0;font-size:10px;display:grid}.annotation{border-top:1px solid var(--line);padding:16px 0;font-size:12px}.annotation p{margin:7px 0;font-size:12px}.banner{border:1px solid #e2e6d5;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;margin:18px 0;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.banner button{color:inherit;background:0 0;border:none;padding:4px;font-size:11px}.error{color:#8e4133;background:#f9eae4;border-color:#e6cec5}.success{color:#4b6339;background:#eaf1dd}.error-text{color:#9b3a2c}.login{background:linear-gradient(115deg,#eff2e7 60%,#dce5cd 60%);flex-direction:column;align-items:flex-start;min-height:100dvh;padding:40px 8vw;display:flex}.login>section{width:100%;max-width:420px;margin:60px 0}.login h1{letter-spacing:-2px;font-size:47px;line-height:1.12}.login .brandmark{color:var(--ink)}.login form{margin:32px 0 22px}.login form button{width:100%}.login a{font-size:12px}.login footer{color:#6f826b;margin-top:auto;font-size:11px}.tester{background:#f3f5ef;min-height:100dvh}.tester-header{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:20px 6vw;display:flex}.tester-header .badge{color:#c6d9b6;letter-spacing:1px;background:#2e5143;border:0;font-size:8px}.tester-main{max-width:760px;margin:auto;padding:28px 24px}.tester-intro{margin-bottom:27px}.tester-intro h1{font-size:32px}.tester-intro .muted{font-size:12px}.tester-login{max-width:440px;margin:50px auto}.tester-login h1{letter-spacing:-2px;font-size:46px}.tester-login form{margin:35px 0}.tester-login form button{width:100%}.method-options{border:0;margin:22px 0;padding:0}.method-options legend{margin-bottom:12px;font-size:12px;font-weight:600}.method-option{cursor:pointer;background:#fbfcf8;border:1px solid #d9e2d3;border-radius:7px;align-items:center;gap:13px;margin-bottom:10px;padding:17px 12px;display:flex}.method-option.chosen{background:#f1f5e8;border-color:#738e5f;box-shadow:0 0 0 1px #738e5f}.method-option>div{flex:1}.method-option strong{font-size:13px}.method-option small{margin-top:5px;font-size:10px}.method-option .badge{font-size:9px}.full{width:100%}.optional{margin-top:22px}.optional p{color:var(--muted);font-size:12px}.camera-panel{aspect-ratio:4/3;isolation:isolate;background:#12221b;border-radius:12px;margin-bottom:18px;position:relative;overflow:hidden}.camera-panel video{object-fit:cover;width:100%;height:100%}.camera-panel.hidden-preview{display:none}.camera-top,.camera-bottom{color:#fff;z-index:2;background:linear-gradient(#071e16a0,#0000);justify-content:space-between;align-items:center;padding:18px 20px;font-size:11px;display:flex;position:absolute;left:0;right:0}.camera-top{top:0}.camera-top>span{background:#173a2d88;border-radius:4px;padding:5px 8px}.camera-bottom{background:linear-gradient(#0000,#071e16b0);bottom:0}.camera-bottom small{color:#cfddc6;font-size:10px}.camera-guide{pointer-events:none;position:absolute;inset:23% 12%}.camera-guide span{border:2px solid #e4f2c2;width:25px;height:25px;position:absolute}.camera-guide span:first-child{border-bottom:0;border-right:0;top:0;left:0}.camera-guide span:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.camera-guide span:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.camera-guide span:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.replay-label{color:#dbe9b8;letter-spacing:2px;flex-direction:column;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.replay-label small{letter-spacing:0;color:#a0b595;margin-top:10px}.result-card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:16px;padding:24px}.result-card h2{margin:18px 0 8px;font-size:25px}.result-card p{margin-bottom:5px;font-size:12px}.result-card .section-heading{margin:0}.result-card .section-heading .muted{font-size:10px}.tester-controls{flex-wrap:wrap;gap:10px;margin:16px 0 22px;display:flex}.tester-controls button{flex:1;padding:12px 9px;font-size:12px}.diagnostics{margin-top:20px}.stage-list{padding:0;font-size:11px;list-style:none}.stage-list li{border-bottom:1px solid #edf0e8;justify-content:space-between;padding:9px 0;display:flex}.diagnostics p{font-size:11px}.mini-metrics{grid-template-columns:repeat(3,1fr);margin:20px 0;display:grid}.mini-metrics strong{font-size:19px;display:block}.mini-metrics small{font-size:10px}.tester-footer{color:#87937d;text-align:center;padding:24px 0;font-size:10px}.annotation-sheet{z-index:10;background:#0c281c77;justify-content:center;align-items:flex-end;padding:15px;display:flex;position:fixed;inset:0}.annotation-sheet>section{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90dvh;padding:25px;overflow:auto;box-shadow:0 15px 80px #173d3350}.annotation-sheet h2{margin:0;font-size:19px}.annotation-sheet p{font-size:12px}@media (width>=1600px){.main{padding-left:60px;padding-right:60px}}@media (width<=1100px){.workspace{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:25px 15px}.main{padding:0 25px 40px}.title-row{flex-direction:column;align-items:flex-start}.two-col{grid-template-columns:1fr}.metrics{padding:22px 16px}.metrics>div{padding-left:15px}.metrics small{font-size:9px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.workspace{display:block}.sidebar{height:auto;padding:19px 18px;position:static}.sidebar .brandmark{font-size:24px}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:10px;margin-top:17px;overflow:auto}.sidebar nav button{padding:8px 10px;font-size:11px}.nav-index{display:none}.main{padding:0 18px 35px}.topbar{min-height:55px;margin-bottom:28px}.title-row{gap:18px;margin-bottom:22px}.title-row h1{font-size:28px}.title-row p{font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:24px}.metrics>div:nth-child(3){border:0;padding-left:0}.metrics strong{font-size:32px}.panel{padding:20px}.upload-zone{flex-direction:column;align-items:flex-start;padding:22px}.capture-row{flex-wrap:wrap;gap:12px}.capture-row>div:nth-child(2){min-width:160px}.reference-grid{gap:14px}.reference-card>div:last-child{padding:12px}.form-grid{grid-template-columns:1fr}.form-grid.four{grid-template-columns:1fr 1fr}.build-row{flex-direction:column}.build-row>div:last-child{text-align:left;align-items:center;gap:15px;display:flex}.build-row>div:last-child p{margin:0}.filters input:not([type=checkbox]){max-width:none}.filters select{width:100%}.tabs{gap:20px}.tester-main{padding:25px 16px}.tester-main .panel{padding:21px}.tester-intro h1{font-size:28px}.method-option{gap:9px;padding:15px 10px}.method-option strong{font-size:12px}.method-option .badge{font-size:8px}.tester-controls{gap:7px}.tester-controls button{font-size:11px}.result-card{padding:20px}.result-card h2{font-size:22px}.login{background:#eff2e7;padding:30px 25px}.login>section{margin:55px 0}.login h1{font-size:42px}.annotation-sheet{padding:0}.annotation-sheet>section{border-radius:16px 16px 0 0;padding:23px}.code-editor{min-height:500px}.history-row{align-items:flex-start;gap:15px}.section-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}