:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182a30;background:#f5f7f8;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{background:#126d68;color:#fff;border:1px solid #126d68;border-radius:7px;padding:11px 17px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#fff;border-color:#dbe3e5;color:#40565b}.danger{color:#a13d3d;background:#fff;border-color:#ecdada}input,select,textarea{width:100%;border:1px solid #d6dfe2;background:#fff;color:#243e46;border-radius:6px;padding:11px;margin-top:7px}input:focus,textarea:focus,select:focus{outline:2px solid #58ada0;outline-offset:1px}label{display:block;font-size:13px;font-weight:600}small{font-size:12px;color:#6b7c81}p{line-height:1.7;color:#61757b}h1{font-size:30px;letter-spacing:-1px;font-weight:650;margin:0}h2{font-size:19px;font-weight:650;margin:8px 0 14px}h3{font-size:14px}.shell{display:flex;min-height:100vh}aside{width:244px;background:#fff;border-right:1px solid #e2e8e9;padding:32px 19px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;color:#12796f;letter-spacing:-1px}.brand>span{color:#173b40;font-size:24px;letter-spacing:-.6px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}.workspace{font-size:10px;letter-spacing:1.6px;color:#8c9b9f;margin:48px 10px 15px}nav button{display:flex;align-items:center;gap:12px;color:#65757a;background:none;border:0;width:100%;text-align:left;font-size:13px;padding:14px 12px;margin:5px 0;font-weight:500}nav button span{font-size:21px}nav button.active{background:#e9f4f1;color:#176e63;font-weight:650}.aside-bottom{margin-top:auto;padding:18px 10px 0;font-size:12px;color:#5a7278}.aside-bottom small{display:block;margin:10px 0 16px;font-size:10px}.aside-bottom button{padding:8px 0;background:none;border:0;color:#6a7e85;font-size:12px}.dot{display:inline-block;width:7px;height:7px;background:#35a387;border-radius:50%;margin-right:7px}main{margin-left:244px;width:calc(100% - 244px);padding:0 40px;max-width:1700px}header{height:78px;border-bottom:1px solid #e2e7e9;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#839297}.badge{color:#2b8574;border:1px solid #d9e8e2;background:#eff8f3;border-radius:20px;padding:7px 12px;font-size:10px;letter-spacing:0}.page-title{display:flex;justify-content:space-between;align-items:center;margin:34px 0 27px;gap:15px}.page-title p{margin:8px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stats article,section{background:#fff;border:1px solid #e1e7e8;border-radius:10px;padding:25px}.stats article>span{display:block;color:#64797e;font-size:12px}.stats strong{display:block;font-size:36px;font-weight:600;margin:12px 0 6px;letter-spacing:-1px}section{margin-bottom:24px}.hero{background:#eaf4f0;position:relative;padding:32px;border-color:#d8e9e1}.hero h2{font-size:28px;line-height:1.35;letter-spacing:-.7px;margin-top:18px}.hero p{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#428777}.steps{display:flex;gap:30px;flex-wrap:wrap;margin:25px 0;color:#39695f;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section-head h2{margin:0}.source-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ecf0f1;padding:18px 0;gap:15px}.source-row small{display:block;margin:6px 0;overflow-wrap:anywhere}.source-row>span{color:#6d7f84;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px;padding:9px 12px}.empty{text-align:center;color:#85969b;padding:35px 20px;border:1px dashed #dce5e7;border-radius:6px;line-height:1.6}.info{font-size:12px;color:#73848a;border-left:3px solid #b5ccc5;padding:8px 16px;line-height:1.7}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.context{grid-template-columns:repeat(3,1fr)}.check{display:flex;gap:10px;align-items:center;font-weight:400;color:#61757b;margin:22px 0}.check input{width:auto;margin:0}.pill{display:inline-block;border-radius:4px;background:#f3f1e6;padding:5px 8px;font-size:11px;color:#927a3f}.green{background:#e9f5ee;color:#2e8266}.selection{display:flex;align-items:center;gap:20px}.selection label{max-width:600px;flex:1}.muted{font-size:12px;color:#7e8e93}.inline{display:flex;gap:12px;align-items:center;margin:16px 0}.inline input{margin:0;flex:1;min-width:0}.inline button{white-space:nowrap}.screen{width:100%;height:auto;display:block;border:1px solid #d3dfe0;cursor:crosshair;background:#eee}.capture{background:#fafcfc;color:#344f56;border:1px solid #e3eaea;width:100%;display:flex;align-items:center;gap:12px;margin:8px 0;text-align:left;font-size:12px}.capture>span:nth-child(3){flex:1;overflow-wrap:anywhere}.capture.chosen{border-color:#248b78;background:#f0f8f5}details{margin-top:20px}summary{cursor:pointer;font-weight:600;color:#34786b}textarea,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}textarea{resize:vertical;margin-bottom:15px}pre{background:#f4f7f8;border:1px solid #e4eaec;border-radius:6px;padding:17px;overflow:auto;max-height:370px;line-height:1.7;color:#345960}.inspect>div{min-width:0}.mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.error,.notice,.working{padding:14px 18px;margin:14px 0;border-radius:7px;line-height:1.5}.error{background:#fff0ef;color:#a43832}.notice{background:#e7f5ed;color:#297853}.working{background:#edf2f8;color:#476482}.secret{display:block;overflow-wrap:anywhere;margin:15px 0}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 20%,#dcefe5,transparent 60%),#f4f7f6}.login>.brand{position:absolute;left:40px;top:30px}.login-card{max-width:460px;background:#fff;padding:42px;border-radius:15px;border:1px solid #e3eae7;box-shadow:0 20px 80px #234a3610}.login h1{font-size:42px;margin-top:20px}.login form{margin:28px 0}.login form button{width:100%;margin-top:20px}.loading{padding:40px;color:#176e63}footer{border-top:1px solid #e1e7e8;margin-top:36px;padding:22px 0;color:#8c9c9f;font-size:11px;display:flex;justify-content:space-between}@media(max-width:1100px){main{padding:0 24px}.actions{justify-content:flex-start}.source-row,.section-head{flex-wrap:wrap}.mapping{grid-template-columns:1fr 1fr}}@media(max-width:760px){aside{position:static;width:100%;padding:18px}.shell{display:block}aside .workspace,.aside-bottom,.brand small{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{width:auto;white-space:nowrap;font-size:11px;padding:10px}nav button span{display:none}main{margin:0;width:100%;padding:0 18px}header{height:55px}.page-title{align-items:flex-start;flex-direction:column}h1{font-size:25px}.stats{gap:8px}.stats article{padding:15px 10px}.stats strong{font-size:30px}.stats small{font-size:10px}.hero{padding:24px}.hero h2{font-size:24px}.grid,.mapping,.context{grid-template-columns:1fr}.login-card{margin:100px 20px 20px;padding:30px}.steps{gap:12px}.source-row{align-items:flex-start}.capture{flex-wrap:wrap}section{padding:20px}.inline{flex-wrap:wrap}}.browser-diagnostics{max-height:300px;overflow:auto;font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.browser-diagnostics>div{padding:10px;border-bottom:1px solid #e1e7e8}.screen{min-height:180px}
