:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#25323e;background:#f4f6f8;font-synthesis:none;--green:#12634e;--muted:#73808b;--border:#e2e7eb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:var(--green);text-decoration:none}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#122e2b;color:#c6d5cf;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:22px;font-weight:750;letter-spacing:-.8px;margin-bottom:58px}.brand>span:last-child{font-weight:350;color:#b4cbc2}.brand-mark{background:#bdeec3;color:#183c2f;border-radius:9px;padding:3px 7px;font-size:25px}.nav-label{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#78978b;margin:0 12px 16px}.nav-item{display:flex;gap:12px;width:100%;border:0;text-align:left;border-radius:6px;background:transparent;color:#b4c8be;font-size:12px;padding:15px 11px;margin-bottom:6px}.nav-item.active{color:#e3f4e7;background:#264b40}.sidebar-bottom{margin-top:auto;padding:20px 10px;font-size:11px;color:#b8cec2}.sidebar-bottom p{line-height:1.8;color:#719489;margin:18px 0 0}.status-dot,.address-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7edbab;margin-right:7px}main{margin-left:236px;padding:0 40px 32px;max-width:2000px}header{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:11px}.breadcrumb{color:#687782}.breadcrumb span{margin:0 12px;color:#afb6bc}.header-actions{display:flex;gap:20px;align-items:center}.environment{font-size:10px;border:1px solid #d5e3db;border-radius:20px;padding:6px 11px;color:#44745e;background:#edf5ee}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:36px 0 28px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.8px;color:#4c8a70}h1{font-size:30px;letter-spacing:-1.1px;margin:10px 0}h1+p{font-size:12px;color:var(--muted);margin:0}.button{border-radius:5px;padding:11px 16px;font-size:11px;font-weight:600;white-space:nowrap;min-height:38px}.button.primary{background:var(--green);border:1px solid var(--green);color:#fff}.button.secondary{background:#fff;border:1px solid #d6dedb;color:#345b4e}.button:disabled{opacity:.6;cursor:wait}.filters{background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;align-items:flex-end;padding:20px;gap:16px}label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#63747e;font-weight:600}input,select{border:1px solid #dce3e5;background:#fff;color:#3a4850;border-radius:4px;padding:10px;font-size:11px;min-height:37px;min-width:0}.site-filter{flex:1.2}.path-filter{flex:1}.filters>label{min-width:120px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.metrics article{border:1px solid var(--border);background:#fff;border-radius:7px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}.metrics article>span{font-size:10px;color:#6a7c83}.metrics strong{font-size:28px;letter-spacing:-1px}.metrics em{font-size:13px;font-weight:400;font-style:normal;color:#93a0a7}.metrics small{font-size:9px;color:#8b989f}.explorer{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.explorer-toolbar{height:65px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.tabs{display:flex;gap:4px;background:#f2f5f4;padding:4px;border-radius:5px}.tabs button{border:0;border-radius:4px;color:#7a8589;background:transparent;padding:9px 13px;font-size:10px}.tabs [aria-selected=true]{background:#fff;box-shadow:0 1px 4px #0001;color:#285d48;font-weight:650}.overlay-control{display:flex;gap:9px;align-items:center;font-size:9px;color:#7c8990}.overlay-control input{width:80px;min-height:0;padding:0;accent-color:#286c52}.overlay-control output{width:27px}.addressbar{height:39px;background:#fafbfb;border-top:1px solid #edf0f1;border-bottom:1px solid #e5e9eb;display:flex;align-items:center;padding:0 23px;font-size:10px;color:#82908f;gap:6px}.address-dot{background:#a7b5ae}#open-page{margin-left:auto;font-size:9px}.preview-viewport{height:530px;overflow:auto;background:#e9eeec;padding:28px 24px}#stage{position:relative;isolation:isolate;background:white;box-shadow:0 4px 18px #173e2918;margin:0 auto;width:1280px;height:1500px;transform-origin:top left}#page-frame{width:100%;height:100%;border:0;pointer-events:none}#heatmap{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}#empty{position:absolute;top:150px;left:10%;width:80%;padding:28px;background:#fffffff0;text-align:center;border:1px solid var(--border);border-radius:6px;font-size:16px;line-height:1.7}#empty span{font-size:11px;color:var(--muted)}.explorer-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;font-size:9px;color:#8c999c}.explorer-footer>span:first-child{display:flex;align-items:center;gap:8px}.gradient{width:90px;height:5px;border-radius:5px;background:linear-gradient(90deg,#377bff,#46dcb8,#e7ef68,#ff9d34,#ed422b)}.hint{font-size:10px;line-height:1.7;color:#859299;margin:15px 2px}.notice{background:#fff7de;color:#80662a;border:1px solid #eedeae;border-radius:5px;font-size:11px;padding:12px 15px;margin-bottom:18px}.notice.error{background:#fff0ed;border-color:#f0c4b9;color:#8a3f2e}dialog{border:1px solid var(--border);border-radius:10px;padding:28px;width:560px;max-width:92vw;color:#35433d}dialog::backdrop{background:#102e2acc;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:23px;letter-spacing:-.6px;margin:8px 0}.dialog-heading button{border:0;background:transparent;font-size:26px;color:#7d8f85}dialog p{font-size:12px;line-height:1.6;color:#7c8c83}dialog label{margin-bottom:13px}dialog input{font-size:12px}dialog pre{white-space:pre-wrap;word-break:break-all;font-size:10px;line-height:1.7;padding:15px;border:1px solid #dee6df;background:#f5f8f5;border-radius:5px}.install{border-top:1px solid var(--border);margin-top:20px;padding-top:10px}h3{font-size:14px}dialog .small{font-size:10px}code{font-size:.95em}[hidden]{display:none!important}@media(min-width:1600px){main{padding-left:55px;padding-right:55px}.page-heading{margin-top:44px}}@media(max-width:1100px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.brand{font-size:19px}main{margin-left:190px;padding:0 22px 24px}.filters{flex-wrap:wrap}.filters>label{flex:1 1 35%}.filters button{width:100%}.page-heading{gap:15px}h1{font-size:25px}.explorer-toolbar{padding:0 12px}.overlay-control input{width:45px}.tabs button{padding:9px}}@media(max-width:700px){.sidebar{display:none}main{margin-left:0;padding:0 16px 24px}.page-heading{align-items:flex-start;flex-direction:column;margin-top:25px}.page-heading .button{align-self:flex-start}h1{font-size:27px}.metrics{gap:8px}.metrics article{padding:15px 10px}.metrics strong{font-size:23px}.metrics small{font-size:8px;line-height:1.5}.metrics article>span{font-size:9px}.explorer-toolbar{height:auto;min-height:90px;flex-wrap:wrap;padding:12px}.tabs{width:100%;justify-content:space-around}.overlay-control{margin-left:auto}.explorer-footer{gap:20px;line-height:1.7}.breadcrumb{font-size:10px}.header-actions{gap:10px}.environment{font-size:8px}.preview-viewport{padding:15px;height:500px}.addressbar{padding:0 12px}#preview-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}