:root{color:#edf2ed;font-synthesis:none;background:#101412;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}.page{max-width:1120px;margin:auto;padding:0 40px}header{border-bottom:1px solid #29302b;justify-content:space-between;align-items:center;height:108px;display:flex}.brand{color:#f6f8f4;letter-spacing:-1px;align-items:center;font-size:25px;font-weight:750;text-decoration:none;display:flex}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:400}.brand-icon{color:#182119;background:#c9f883;border-radius:10px;place-items:center;width:34px;height:34px;margin-right:12px;font-size:23px;display:grid}.brand-dot{color:#c9f883}.environment,.small-label{letter-spacing:2px;color:#94a095;font-size:10px}.environment{border:1px solid #354037;border-radius:5px;padding:9px 12px}main{max-width:660px;margin:64px auto}.eyebrow{letter-spacing:2px;color:#c9f883;align-items:center;gap:9px;font-size:10px;display:flex}.eyebrow span{background:#c9f883;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-2px;margin:23px 0;font-size:clamp(36px,5vw,56px);line-height:1.12}h1 em{color:#c9f883;font-style:normal}.intro{color:#a3afa5;max-width:520px;margin-bottom:35px;font-size:15px;line-height:1.7}.panel{background:#191f1b;border:1px solid #354037;border-radius:16px;padding:27px}.panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}h2{margin:9px 0 0;font-size:18px;font-weight:550}.status{color:#cad2c6;background:#2b342c;border-radius:20px;padding:8px 12px;font-size:11px}.status.online{color:#c9f883;background:#2c3a24}.status.offline{color:#ffb8ad;background:#432c29}.services{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 18px;display:grid}.services>div{border:1px solid #333c34;border-radius:9px;align-items:center;gap:12px;padding:17px 13px;display:flex}.service-icon{color:#b6c8b5;font-size:27px}h3{margin:0;font-size:14px}.services p{color:#9ca99e;margin:5px 0 0;font-size:11px}.check{color:#c9f883;margin-left:auto}.response{background:#111612;border:1px solid #29332b;border-radius:8px;min-height:165px;padding:17px;font-family:Consolas,monospace;font-size:12px}.response>span{color:#91a18e;font-size:11px}.response code{white-space:pre-wrap;overflow-wrap:anywhere;color:#c9d7c3;margin:14px 0;display:block}.response p{color:#d2c7b6;line-height:1.6}.response small{color:#859282;margin-top:12px;font-size:10px;display:block}button{color:#1a2815;cursor:pointer;background:#c9f883;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:15px 18px;font:600 13px Segoe UI,sans-serif;display:flex}button:hover{background:#d7ffa1}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #fff}.note{color:#849285;text-align:center;margin-top:20px;font-size:11px;line-height:1.6}footer{color:#77877a;letter-spacing:1px;border-top:1px solid #29302b;justify-content:space-between;padding:24px 0;font-size:10px;display:flex}@media (width<=540px){.page{padding:0 20px}header{height:82px}.environment{letter-spacing:1px;padding:7px;font-size:8px}.brand{font-size:21px}main{margin:42px auto}.panel{padding:20px}.services{grid-template-columns:1fr}.status{padding:7px 9px}h2{font-size:16px}footer{font-size:9px}}.scan-lab{background:#191f1b;border:1px solid #354037;border-radius:16px;padding:26px}.lab-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-description{color:#a3afa5;margin:20px 0;font-size:13px;line-height:1.7}.scan-view{background:#000;border:1px solid #344137;border-radius:8px;overflow:hidden}.scan-view canvas{width:100%;height:auto;display:block}.viewer-meta{color:#9aab9c;justify-content:space-between;gap:12px;margin:12px 0 25px;font-size:10px;display:flex}.viewer-meta>span:first-child{overflow-wrap:anywhere;min-width:0}.viewer-meta>span:last-child{flex-shrink:0}.lab-controls{grid-template-columns:1fr;gap:12px;display:grid}.file-label{flex-direction:column;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.file-label input{color:#aab6ac;max-width:100%;font-size:12px}.file-label input::file-selector-button{color:#d9edce;cursor:pointer;background:#303d31;border:1px solid #53674c;border-radius:6px;margin-right:10px;padding:10px 12px}.local-note{color:#91a18e;margin-bottom:12px;font-size:11px}.slider-label{color:#afbbaf;justify-content:space-between;gap:12px;font-size:12px;display:flex}.slider-label strong{color:#d6efc0}.lab-controls input[type=range]{accent-color:#c9f883;cursor:pointer;width:100%;margin:0 0 13px}.lab-controls input:disabled{opacity:.3}.lab-controls select{color:#dbe7d5;background:#101812;border:1px solid #3e4d3d;border-radius:6px;width:100%;margin-bottom:15px;padding:12px}.lab-stats{color:#899c8a;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;display:grid}.lab-stats span{background:#111812;border-radius:6px;padding:13px;line-height:1.6}.lab-stats strong{color:#c9f883;font-size:23px;font-weight:500;display:block}.lab-actions{flex-wrap:wrap;gap:10px;display:flex}.lab-actions button{flex:1;justify-content:center;width:auto;margin-top:5px;padding:13px 11px;font-size:12px}.lab-actions .secondary{color:#deebd5;background:#29362a;border:1px solid #3d5038}.lab-actions .secondary:hover{background:#354635}.experiment-notes{color:#91a18e;border-top:1px solid #354037;margin-top:24px;padding-top:8px;font-size:11px;line-height:1.8}.experiment-notes strong{color:#c2d4b9}.connection-details{margin-top:28px}.connection-details summary{cursor:pointer;color:#97ab92;padding:14px 0;font-size:12px}.load-error{color:#ffb8ad;font-size:12px}@media (width>=900px){main{max-width:800px}}@media (width<=540px){.scan-lab{padding:16px}.lab-actions{flex-direction:column}.lab-actions button{width:100%}.viewer-meta{flex-wrap:wrap;font-size:9px}}.drm-video{aspect-ratio:16/9;background:#050705;border:1px solid #354037;border-radius:9px;width:100%;display:block}.drm-message{color:#c7dbbb;overflow-wrap:anywhere;background:#101812;border-radius:7px;padding:14px;font-size:13px;line-height:1.7}.drm-info{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.drm-info>div{background:#101812;border-radius:7px;min-width:0;padding:13px}.drm-info dt{color:#96a78f;margin-bottom:7px;font-size:10px}.drm-info dd{color:#c9f883;overflow-wrap:anywhere;margin:0;font-size:12px}.drm-source{color:#b8d59e;font-size:11px}.drm-lab select:disabled{opacity:.6}.drm-lab .local-note{line-height:1.7}.previous-experiments{margin-top:28px}.previous-experiments>summary{cursor:pointer;color:#c9dbbf;padding:15px 0;font-size:14px}@media (width<=540px){.drm-info{grid-template-columns:1fr}}.pg-results{grid-template-columns:1fr 1fr;gap:16px;margin:25px 0;display:grid}.pg-results article{background:#101812;border:1px solid #354037;border-radius:9px;min-width:0;padding:16px}.pg-results h3{margin-bottom:15px;font-size:13px;line-height:1.6}.pg-results img{max-width:100%;height:auto;margin:auto;display:block}.pg-results a,.experiment-notes a{color:#c9f883;font-size:12px}.pg-results a{margin-top:14px;display:inline-block}.pg-placeholder{color:#8fa18e;min-height:110px;font-size:12px;line-height:1.8}.pg-zoom{z-index:100;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.pg-zoom img{object-fit:contain;max-width:100%;max-height:80vh}.pg-zoom button{width:auto;margin:0}.pg-metrics{white-space:pre-wrap;overflow-wrap:anywhere;color:#a8b69d;font-size:11px}progress{accent-color:#c9f883;width:100%}@media (width<=600px){.pg-results{grid-template-columns:1fr}}