:root{font:15px/1.65 system-ui,sans-serif;color:#203047;background:#f5f7fb}body{margin:0}main{max-width:1240px;margin:0 auto;padding:30px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:34px;letter-spacing:-1px;margin:0}h2{font-size:24px}p{color:#52637a}a{color:#315ed5}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #c6d2e4;background:white;border-radius:6px;padding:6px 12px;color:#233b61}button:hover{background:#e8effb}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.toolbar input,.toolbar select{border:1px solid #c6d2e4;border-radius:6px;padding:5px}.badge{font-size:12px;background:#e1e9fb;padding:4px 10px;border-radius:20px;color:#3156a5}.nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.nav a{padding:10px 14px;background:white;border:1px solid #dbe4f1;border-radius:8px;text-decoration:none}.notes{background:white;border:1px solid #dbe4f1;padding:16px;border-radius:8px;margin:16px 0}pre{overflow:auto;padding:18px;background:#15243a;color:#dce8fb;border-radius:8px;font:13px/1.6 monospace;max-height:540px}.tabs{display:flex;gap:4px}.tabs button[aria-selected=true]{background:#315ed5;color:white}iframe{width:100%;height:620px;border:1px solid #c6d2e4;border-radius:8px;background:#fff}.example-title{display:flex;justify-content:space-between;align-items:center}.manual-section{margin-bottom:60px}.result{white-space:pre-wrap;max-height:180px;overflow:auto}table{border-collapse:collapse;width:100%;background:white}th,td{padding:8px;border:1px solid #dce4ef;text-align:left}code{font-family:monospace}.muted{color:#60728b}
:root{background:#f4f6fa;color:#23344e;font-size:14px}main{padding:28px;max-width:1320px}h1{font-size:28px;color:#1b2e4b}h2{font-size:21px;letter-spacing:-.5px}.toolbar{background:#fff;border:1px solid #e1e7f0;padding:12px;border-radius:10px;gap:7px}button{font-size:12px;border-radius:7px;padding:7px 11px}.nav a{font-size:12px;padding:8px 12px}.notes{font-size:12px;background:#f8fbff;box-shadow:none}.manual-section{background:white;padding:22px;border:1px solid #e1e7f0;border-radius:14px}.manual-section iframe{box-sizing:border-box}.example-title h2{margin-top:0}.tabs button{min-width:70px}.tabs{margin-top:14px}a{text-underline-offset:3px}@media(max-width:700px){main{padding:14px}.manual-section{padding:12px}header{gap:12px;flex-wrap:wrap}iframe{height:700px}}