:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#162235;background:#f3f5f8}
body.lab-page{max-width:1120px;margin:48px auto;padding:0 24px;font-size:15px;line-height:1.55}
a{color:#075bb5}h1{font-size:32px;letter-spacing:-.04em;line-height:1.2}h2{font-size:19px;letter-spacing:-.02em}p{max-width:850px}
.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750;text-transform:uppercase;color:#607086}.card{background:#fff;border:1px solid #dce2eb;border-radius:14px;padding:24px;margin:22px 0;box-shadow:0 5px 18px #20345206}
.flow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.flow span{background:#eaf1f9;padding:10px 14px;border-radius:8px;font-size:13px}.flow b{color:#7c899b}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case{display:flex;flex-direction:column;border:1px solid #e0e6ee;padding:16px;border-radius:10px;text-decoration:none;background:#fff;color:#192a40}.case:hover{border-color:#0b68c5;background:#f7fbff}.case small{margin-top:5px;color:#64758b}.tag{font-size:12px;color:#64758b}
code,pre{font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap;background:#edf1f6;border-radius:6px;padding:5px}pre{padding:16px;max-height:420px;overflow:auto}button{font:inherit;cursor:pointer;border:1px solid #ced7e2;background:#fff;color:#17365c;border-radius:7px;padding:8px 12px}button:hover{background:#eaf3fc}
table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e4e9f0}th{color:#62748a}
.notice{border-color:#dac27d;background:#fffaf0}select{display:block;box-sizing:border-box;width:100%;max-width:650px;margin:8px 0 12px;padding:11px;border:1px solid #ccd7e5;border-radius:7px;background:white;font:inherit;color:inherit}.check{display:flex;gap:9px;align-items:flex-start;margin:18px 0}.check input{margin-top:4px}.table-scroll{overflow-x:auto}.table-scroll table{min-width:600px}#experiment-form .lab-controls{display:flex;gap:10px;flex-wrap:wrap}[hidden]{display:none!important}
.verify-card{max-width:480px;margin:72px auto;padding:32px}.verify-card button{margin-top:20px}.verification-error{color:#9f231b;background:#fff1f0;border-radius:7px;padding:12px}
#lab-panel{position:fixed;z-index:9999;top:12px;left:12px;right:12px;background:#fff;border:1px solid #ccd7e5;border-radius:9px;padding:10px 14px;box-shadow:0 4px 16px #20345214;font:12px/1.5 system-ui,sans-serif;color:#18314f;text-align:left}
#lab-panel summary{cursor:pointer;font-weight:650}#lab-panel .lab-controls{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}#lab-intent{display:block;max-height:58px;overflow:auto;font-size:11px}#lab-events{max-height:170px;margin:8px 0;font-size:10px}#lab-panel a{color:#075bb5}
@media(max-width:650px){.grid{grid-template-columns:1fr}body.lab-page{margin:28px auto;padding:0 16px}h1{font-size:27px}.card{padding:18px}.flow span{padding:7px 10px}#lab-panel{left:6px;right:6px;top:6px}}