:root{font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25303d;background:#f7f8fa}*{box-sizing:border-box}body{margin:0}header{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e5eb;padding:0 32px;background:white}.brand{font-size:18px;font-weight:650;color:#25303d;text-decoration:none}.brand span{font-size:13px;font-weight:400;color:#9099a4}main{padding:40px 32px 80px;max-width:1320px;margin:auto}h1{font-size:30px;line-height:1.3;letter-spacing:-.8px;margin:12px 0}h2{font-size:14px;margin:0;font-weight:600}h3{font-size:17px;margin:10px 0}.intro{margin-bottom:32px}.intro>p{color:#737e8b}.eyebrow{color:#8d97a3;font-size:10px;letter-spacing:1.4px;font-weight:600}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.panel{background:white;border:1px solid #e0e5eb;border-radius:6px;padding:24px;min-width:0}.panel-heading,.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.muted{color:#8993a0;font-size:12px}.input-row,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input-row input{flex:1;min-width:150px}button,input,select{font:inherit;min-height:34px;border:1px solid #d3dae3;border-radius:4px;background:#fff;padding:6px 11px}button{cursor:pointer;color:#39485b;font-size:12px}button:hover{background:#f1f4f8}button:disabled{opacity:.5;cursor:wait}input:focus,select:focus{outline:2px solid #b1c6e6;outline-offset:1px}input{color:#25303d}a{color:#486b9a;text-underline-offset:3px}label{font-size:12px;color:#748091}pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6f8;padding:18px;border:1px solid #e4e8ed;border-radius:5px;line-height:1.8}code{font-size:12px;overflow-wrap:anywhere}.demo{margin-top:24px;padding:24px;border:1px dashed #cfd8e3;border-radius:5px}.demo p{font-size:12px;color:#7a8796}.demo-label{font-size:12px;color:#8b96a2}kbd{font-size:11px;border:1px solid #d9dfe7;border-radius:3px;padding:2px 5px;background:#f8f9fb}.point-list{list-style:none;padding:0;margin:0}.point-list li{padding:13px 0;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;gap:12px;align-items:center}.point-list a{font-family:ui-monospace,monospace;font-size:12px}.point-list small{display:block;color:#949eaa;font-size:10px;margin-top:4px}.point-list button{flex-shrink:0}.integration{margin-top:28px;padding:24px;background:#fff;border:1px solid #e0e5eb;border-radius:6px;font-size:12px;color:#7b8794}.integration pre{max-width:800px}.point{max-width:1000px;margin:auto}.point h1{font-size:26px}.point dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;margin:28px 0}.point dt{font-size:12px;color:#919ba7}.point dd{margin:0;overflow-wrap:anywhere}#last-point{display:flex;align-items:center;gap:12px;background:#f4f7fb;padding:12px;font-size:12px;overflow-wrap:anywhere}#operation-status{font-size:12px;color:#667c97}#operation-status.error{color:#b04c4c}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#29333f;color:#fff;font-size:12px;border-radius:5px;padding:12px 18px;max-width:90vw;box-shadow:0 8px 30px #1f2a3a18}#connect-form{padding-bottom:12px}#connect-form label{display:block;margin-bottom:7px}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 20px}main{padding:26px 16px 60px}.workspace{grid-template-columns:1fr}.panel{padding:18px}h1{font-size:25px}.point dl{grid-template-columns:1fr;gap:7px}.point dd{margin-bottom:10px}.title-row{flex-wrap:wrap}}