:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202826;background:#f6f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button,a,summary{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}.rail{position:fixed;inset:0 auto 0 0;width:226px;background:#fcfcfa;border-right:1px solid #e1e5de;padding:34px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-size:17px;line-height:1.2;letter-spacing:-.3px}.brand b{font-weight:500;color:#768078}.mark{background:#173d31;color:#c8edb7;width:42px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:650;font-size:24px}.rail-label{font-size:10px;letter-spacing:1.5px;color:#9ba39a;margin:58px 12px 15px}.rail>a:not(.brand){display:flex;gap:11px;font-size:13px;color:#717b72;padding:13px 12px;border-radius:7px;margin-bottom:5px}.rail>a.rail-active{background:#eaf0e6;color:#284b37;font-weight:550}.rail-bottom{margin-top:auto;font-size:12px;color:#526052;line-height:1.8;padding:14px 9px}.rail-bottom small{display:block;font-size:10px;color:#969e94}.dot{display:inline-block;width:6px;height:6px;background:#6b9f50;border-radius:50%;margin-right:8px}main{margin-left:226px;padding:0 46px;max-width:1660px}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e5de;font-size:10px;letter-spacing:1.3px;color:#8b958a}header b{font-weight:400;margin:0 12px;color:#bac0b5}.badge{border:1px solid #d7dfd1;padding:7px 10px;border-radius:4px;font-size:9px;color:#75856d;letter-spacing:1px}.intro{padding:42px 0 32px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#6b805c;margin:0 0 16px;font-weight:600}h1{font-weight:500;font-size:47px;line-height:1.1;letter-spacing:-2px;margin:0 0 19px}h2,h3,p{margin-top:0}.intro>p:not(.eyebrow){color:#7a8478;font-size:14px;line-height:1.65}.intro-grid{display:flex;gap:16px;align-items:center;margin-top:25px;font-size:10px;color:#8b9785}.intro-grid b{font-size:11px;font-weight:500;color:#475843;margin-left:5px}.intro-grid i{font-size:12px;color:#bbc4b4;font-style:normal}.workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:stretch}.panel{background:#fff;border:1px solid #dde3d7;border-radius:11px;overflow:hidden}.input-panel,.status-panel{padding:25px}.panel-title{display:flex;gap:12px;align-items:center;padding-bottom:23px;border-bottom:1px solid #edf0e9;margin-bottom:23px}.section-number{height:32px;width:32px;border:1px solid #e3e8dd;background:#f6f8f3;display:grid;place-items:center;border-radius:7px;font-size:11px;color:#819575;flex-shrink:0}.panel-title h2{font-size:15px;letter-spacing:-.3px;font-weight:550;margin:0 0 5px}.panel-title p{font-size:11px;color:#91998c;margin:0}label{display:block;font-size:11px;font-weight:550;color:#53604d;margin:0 0 9px}.url-input{display:flex;border:1px solid #dbe1d5;border-radius:7px;align-items:center;padding:0 12px;gap:10px}.url-input span{color:#809470;font-size:18px}.url-input input{border:0;min-width:0;width:100%;padding:13px 0;background:transparent;font-size:12px;color:#263326;outline:none}.url-input:focus-within{outline:2px solid #b1cca2;outline-offset:2px}input::placeholder,textarea::placeholder{color:#a5ad9e}select,textarea{border:1px solid #dce2d6;border-radius:6px;padding:11px;font-size:12px;background:#fff;color:#47563f;max-width:100%}.field-row{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:21px}.field-row select{width:100%}.field-note{font-size:10px;color:#939d8b;line-height:1.55;padding-top:25px}.additional{margin:21px 0}.additional summary{font-size:11px;color:#5b6e50}.additional summary span{float:right;color:#a5ad9d;font-size:10px}.additional[open] summary{margin-bottom:15px}textarea{width:100%;resize:vertical}.scope-note{display:flex;gap:9px;padding:12px;background:#f6f8f2;border:1px solid #edf0e6;border-radius:6px;color:#89977c;margin:22px 0 18px}.scope-note p{font-size:10px;line-height:1.6;margin:0}.scope-note>span{font-size:13px}.primary{background:#214b38;color:#f2f6eb;padding:13px 16px;border-radius:7px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:500}.primary:hover{background:#173b2a}.input-panel .primary{width:100%;justify-content:space-between}.primary:disabled{opacity:.55;cursor:wait}.secondary{background:white;border:1px solid #d6dfcd;padding:11px 14px;color:#526847;border-radius:6px;font-size:11px}.status-pill{font-size:9px;white-space:nowrap;margin-left:auto;background:#f4f6ef;border:1px solid #e2e7d9;padding:5px 8px;border-radius:20px;color:#859376}.status-pill.running,.status-pill.queued{color:#396e47;background:#edf6e9}.status-pill.needs-review{color:#997030;background:#fbf4e7}.status-pill.failed,.status-pill.cancelled{color:#a2463a;background:#fcf0ed}.status-pill.verified{color:#296b43;background:#e8f6e9}#empty-state{text-align:center;padding:32px 0 18px}.orbit{margin:0 auto 23px;position:relative;width:88px;height:88px;border:1px solid #e4eadd;border-radius:50%;display:grid;place-items:center;background:#f9fbf6}.orbit:after{content:'';position:absolute;inset:11px;border:1px dashed #dce5d1;border-radius:50%}.orbit span{color:#81a26a;background:#eef4e6;border-radius:11px;display:grid;place-items:center;width:38px;height:38px;font-size:24px;z-index:1}#empty-state h3{font-size:16px;font-weight:500;letter-spacing:-.4px;margin-bottom:10px}#empty-state p{font-size:12px;color:#929c8a;line-height:1.7}.empty-tags{display:flex;justify-content:center;gap:7px;margin-top:21px}.empty-tags span{font-size:9px;border:1px solid #e1e7d9;padding:6px 8px;border-radius:4px;color:#8b9b7e}.hidden{display:none!important}.error{color:#ac4035;font-size:12px;line-height:1.5;margin-top:12px}.progress-top{display:flex;justify-content:space-between;font-size:11px;color:#708460}.progress-track{height:6px;background:#edf1e7;border-radius:8px;margin:10px 0 18px;overflow:hidden}#progress{height:100%;width:0;background:#7ea361;transition:width .35s}#job-message{font-size:12px;line-height:1.6;color:#56654c;overflow-wrap:anywhere;white-space:pre-wrap;max-height:170px;overflow:auto}#stages{display:flex;padding:0;list-style:none;gap:10px;flex-wrap:wrap}#stages li{font-size:9px;color:#a4ad9a;border-bottom:2px solid #e9eee1;padding-bottom:6px;flex:1}#stages li.current{color:#345d2d;border-color:#7ea361}#summary{font-size:11px;line-height:1.7;color:#6f7c62}#summary ul{padding-left:17px}.actions{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.activity{font-size:11px;color:#7d8d70;margin-top:20px}.activity summary{cursor:pointer}.activity ul{padding:10px 0 0;list-style:none;max-height:130px;overflow:auto}.activity li{font-size:10px;padding:5px 0;overflow-wrap:anywhere;color:#94a087}.qa-panel{margin-top:24px;padding:25px}.qa-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.qa-controls label{margin:0}.qa-controls select{max-width:70%}.diff-toggle{display:flex;align-items:center;gap:6px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-grid figure{margin:0;background:#f0f3ec;border:1px solid #dce4d4;border-radius:6px;overflow:hidden}.comparison-grid figcaption{font-size:9px;letter-spacing:1px;color:#7f9270;padding:10px}.comparison-grid img{display:block;width:100%;height:auto}.qa-panel>p,#qa-details{font-size:11px;line-height:1.6;color:#788b68}#qa-details summary{padding:10px 0;color:#526d40}#qa-details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f0;padding:14px;border-radius:5px;max-height:300px;overflow:auto}#history{padding:34px 0}.history-heading{display:flex;justify-content:space-between;align-items:center}.history-heading h2{font-size:15px;font-weight:500;letter-spacing:-.3px}.history-heading>span{font-size:10px;color:#98a18e}.jobs-list{background:white;border:1px solid #e0e5d8;border-radius:7px;overflow:hidden}.jobs-list>p{font-size:12px;color:#9aa48f;padding:18px;margin:0}.job-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:white;padding:16px 18px;border-bottom:1px solid #edf1e6}.job-row:last-child{border:0}.job-row:hover{background:#f9fbf5}.job-row .site-icon{height:32px;width:32px;background:#f0f5e8;border-radius:6px;display:grid;place-items:center;color:#809a68}.job-row strong{font-size:11px;font-weight:500;display:block;overflow-wrap:anywhere}.job-row small{font-size:9px;color:#a1aa96;display:block;margin-top:4px}.job-row .status-pill{margin-left:auto}footer{border-top:1px solid #e2e7d9;padding:22px 0;display:flex;justify-content:space-between;color:#94a089;font-size:10px}footer>span{color:#a6ae9b}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #789e60;outline-offset:3px}@media(min-width:1500px){main{padding:0 70px}.intro{padding:50px 0 38px}.workspace{max-width:1150px}}@media(max-width:1100px){.rail{width:185px;padding:30px 15px}main{margin-left:185px;padding:0 26px}.workspace{grid-template-columns:1fr}.intro br{display:none}.intro h1{font-size:43px}#empty-state{padding:15px 0}.status-panel{min-height:325px}}@media(max-width:650px){.rail{position:static;width:auto;height:auto;display:block;padding:18px 22px;border-right:0;border-bottom:1px solid #e1e5de}.brand{font-size:14px}.brand br{display:none}.brand b{margin-left:4px}.mark{width:32px;height:34px;font-size:20px}.rail-label,.rail>a:not(.brand),.rail-bottom{display:none}main{margin:0;padding:0 20px}header{height:56px;font-size:8px}.intro{padding:30px 0}.intro h1{font-size:39px}.intro-grid{gap:8px;flex-wrap:wrap}.intro-grid b{font-size:10px}.intro-grid i{font-size:9px}.input-panel,.status-panel,.qa-panel{padding:19px}.field-row{grid-template-columns:1fr}.field-note{padding:0}.panel-title{gap:9px}.panel-title h2{font-size:14px}.panel-title p{font-size:10px}.comparison-grid{grid-template-columns:1fr}.qa-controls select{max-width:100%}footer{gap:15px;line-height:1.5;flex-direction:column}.intro>p:not(.eyebrow){font-size:13px}.empty-tags{gap:4px}.empty-tags span{font-size:8px}.history-heading>span{font-size:8px}.job-row{padding:13px}.status-pill{font-size:8px}}
.project-panel{margin:0 0 32px}.project-address{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.project-address>label{grid-column:1/-1}.project-address .primary{margin:0}.page-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.page-tools input{min-width:180px;flex:1}.page-tools input,.staging select{padding:12px;border:1px solid #d6ded8;border-radius:8px;font:inherit}.page-list{max-height:450px;overflow:auto;border:1px solid #dce3df;border-radius:12px}.page-row{display:grid;grid-template-columns:24px minmax(140px,1fr) auto auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #e5eae7}.page-row:last-child{border:0}.page-path{overflow-wrap:anywhere}.page-path small{display:block;color:#65756c;font-size:12px;margin-top:5px}.page-row input,.check-line input{accent-color:#27684e;width:18px;height:18px}.page-row button{padding:8px 12px}.workflow-note{font-size:13px;color:#65756c;line-height:1.6}.combined,.staging{border-top:1px solid #dce3df;padding-top:24px;margin-top:28px}.staging .check-line{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.5}.staging select{display:block;max-width:100%;width:100%}.staging pre,.combined pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;background:#f2f5f3;padding:16px;border-radius:8px;font-size:12px}.staging details,.combined details{margin-top:20px}.legacy>summary{cursor:pointer;padding:20px 0;font-weight:600}.project-panel .actions{flex-wrap:wrap}.page-row .status-pill{white-space:normal}.project-panel h3{font-size:20px}.project-panel p{line-height:1.6}#project-error:empty{display:none}#device-code{font-size:20px;letter-spacing:2px}button:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.project-address{grid-template-columns:1fr}.page-row{grid-template-columns:24px 1fr}.page-row .status-pill{grid-column:2}.page-row button{grid-column:2;justify-self:start}.project-panel{padding:20px}.page-tools{gap:8px}.page-tools label{width:100%}.page-tools select{max-width:100%}}
.page-tools label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;width:auto;font-size:13px}.page-tools input[type=checkbox]{min-width:0;width:18px;height:18px;flex:none;accent-color:#27684e}
.project-panel{padding:28px}.page-row{grid-template-columns:24px minmax(140px,1fr) auto}.page-actions{grid-column:2/-1;display:flex;gap:8px;flex-wrap:wrap}.page-actions button{white-space:nowrap}.page-row button{grid-column:auto}@media(max-width:760px){.project-panel{padding:20px}.page-row{grid-template-columns:24px 1fr}.page-actions{grid-column:2}}
.page-review{grid-column:2/-1;font-size:13px;min-width:0}.page-review summary{cursor:pointer;font-weight:600;color:#27684e}.page-review select,.page-review textarea{display:block;width:100%;margin:12px 0;padding:12px;border:1px solid #d6ded8;border-radius:8px}.page-review p{max-width:700px}.page-review textarea{min-height:90px}
.page-inspector{margin:28px 0;padding:24px;background:#f5f8f6;border:1px solid #d6ded8;border-radius:12px;scroll-margin-top:20px}.page-inspector iframe{width:100%;height:620px;border:1px solid #d6ded8;border-radius:8px;background:white;margin:20px 0}.page-inspector .qa-panel{margin-top:24px}#check-findings{line-height:1.6;font-size:14px}#inspector-route{font-weight:650;overflow-wrap:anywhere}@media(max-width:760px){.page-inspector{padding:14px}.page-inspector iframe{height:480px}}
.browser-readiness{padding:18px;background:#f5f8f6;border:1px solid #d6ded8;border-radius:10px;margin:20px 0}.browser-readiness h3{margin:0 0 10px}#browser-state{font-weight:600}#browser-action{font-size:13px;line-height:1.6}