:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#171918;background:#f8f9f8;letter-spacing:0;--line:#e2e5e3;--muted:#717773;--soft:#f1f3f2;--green:#157347;--red:#b43b3b}*{box-sizing:border-box}body{margin:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px 1fr 210px;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column;gap:2px;font-size:13px}.brand small{font-size:10px;color:var(--muted);font-weight:400}.mark{width:30px;height:30px;border:1px solid #222;border-radius:5px;display:grid;place-items:center;font:600 10px ui-monospace}.topbar nav{display:flex;justify-content:center;gap:4px}.topbar nav a{padding:9px 13px;border-radius:5px;text-decoration:none;color:#646a66;font-size:13px}.topbar nav a:hover,.topbar nav a.active{background:var(--soft);color:#111}.runtime{justify-self:end;font:11px ui-monospace;color:#68706b}.runtime i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1b9b5b;margin-right:7px;box-shadow:0 0 0 3px #e6f5ec}main{max-width:1280px;margin:auto;padding:34px 28px 70px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-head h1{font-size:25px;font-weight:600;margin:0 0 7px}.page-head p{font-size:13px;color:var(--muted);margin:0}.btn{height:34px;border:1px solid #d1d5d2;background:#fff;color:#202320;border-radius:5px;padding:0 12px;font-size:12px;cursor:pointer}.btn:hover{border-color:#8d948f}.btn.primary{background:#181b19;color:#fff;border-color:#181b19}.btn:disabled{opacity:.45;cursor:not-allowed}.notice{display:flex;gap:13px;align-items:center;padding:13px 15px;border:1px solid var(--line);background:#fff;margin-bottom:14px;font-size:12px}.notice span{color:var(--muted)}.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.item-card{background:#fff;border:1px solid var(--line);padding:17px;min-height:255px}.item-top{display:flex;justify-content:space-between}.provider-mark{width:34px;height:34px;background:#202321;color:#fff;display:grid;place-items:center;border-radius:5px;font:10px ui-monospace}.item-actions{display:flex;gap:5px}.item-card h2{font-size:15px;margin:18px 0 4px}.mono{font:11px ui-monospace;color:var(--muted);margin:0}.item-card dl{margin:19px 0}.item-card dl div{display:grid;grid-template-columns:70px 1fr;padding:6px 0;border-top:1px solid #eff1f0;font-size:11px}.item-card dt{color:var(--muted)}.item-card dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer{display:flex;justify-content:flex-end;gap:6px}.badge{display:inline-flex;align-items:center;width:max-content;height:20px;padding:0 6px;border-radius:3px;border:1px solid #d8dcda;background:#f7f8f7;font:10px ui-monospace}.badge.green{color:var(--green);border-color:#b8ddc9;background:#f3faf6}.badge.red{color:var(--red);border-color:#e4bdbd;background:#fff5f5}.muted-badge{color:#7d827f}.workspace{height:calc(100vh - 166px);min-height:570px;display:grid;grid-template-columns:300px 1fr;border:1px solid var(--line);background:#fff}.asset-list{border-right:1px solid var(--line);overflow:auto;background:#fbfcfb}.list-title{height:46px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.list-title span{color:var(--muted);font:10px ui-monospace}.asset-list button{display:grid;width:100%;text-align:left;border:0;border-bottom:1px solid #eceeec;background:transparent;padding:13px 14px;cursor:pointer;gap:4px}.asset-list button:hover,.asset-list button.active{background:#fff}.asset-list button.active{box-shadow:inset 3px 0 #181b19}.asset-list strong{font-size:12px}.asset-list small{font:9px ui-monospace;color:#8a908c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-list button>span{font-size:9px;color:#8a908c}.asset-list button>.badge{grid-column:2;grid-row:1/3;align-self:center}.editor-pane{min-width:0;display:flex;flex-direction:column}.editor-head{height:74px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.editor-head h2{font-size:16px;margin:5px 0 0}.crumb{font:9px ui-monospace;color:#8b908d}.editor-head>div:last-child{display:flex;gap:6px}.editor-meta{height:34px;display:flex;gap:20px;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);font:9px ui-monospace;color:#7d837f;background:#fafbfa}.editor-pane>textarea{border:0;resize:none;outline:0;flex:1;padding:20px;font:12px/1.75 ui-monospace;background:#fff;color:#242724;tab-size:2}.connector-workspace{height:auto;min-height:620px}.connector-form{padding:24px;max-width:820px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5e645f}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #d3d7d4;border-radius:4px;background:#fff;padding:0 10px;height:37px;font:12px inherit;outline:0}.form-grid textarea{height:150px;padding:10px;font-family:ui-monospace;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#6d746f}.form-grid .span-2{grid-column:1/-1}.form-grid .check{flex-direction:row;align-items:center}.form-grid .check input{width:15px;height:15px}.sticky-actions{margin-top:auto;padding:14px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:7px}.result-hint{margin-right:auto;font-size:11px;color:var(--muted)}.result-hint.success{color:var(--green)}.result-hint.failure{color:var(--red)}.empty,.loading{min-height:240px;display:grid;place-items:center;color:#848a86;font-size:12px}.drawer-wrap{position:fixed;inset:0;z-index:50}.drawer-shade{position:absolute;inset:0;background:#0005}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(580px,100vw);background:#fff;box-shadow:-20px 0 70px #0002;display:flex;flex-direction:column}.drawer-title{height:66px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-title h2{font-size:17px}.icon-btn{border:0;background:transparent;font-size:24px;cursor:pointer;color:#666}.drawer-body{padding:22px;overflow:auto}.drawer-actions{margin-top:auto;padding:15px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:7px}#toast{position:fixed;right:24px;bottom:24px;padding:11px 14px;background:#202321;color:#fff;border-radius:5px;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s;z-index:80;max-width:440px}#toast.ok,#toast.error{opacity:1;transform:none}#toast.error{background:#9e3434}@media(max-width:850px){.topbar{grid-template-columns:1fr auto;padding:0 14px}.runtime{display:none}.topbar nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);height:54px;z-index:30}.topbar nav a{flex:1;text-align:center;padding:18px 4px}main{padding:24px 13px 70px}.list-grid{grid-template-columns:1fr}.workspace{grid-template-columns:1fr;height:auto}.asset-list{border-right:0;max-height:260px}.editor-pane{min-height:600px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.page-head{align-items:flex-start;gap:14px}.page-head p{max-width:230px}}