:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#edf1f5;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#185adb;border:1px solid #185adb;border-radius:6px;padding:.72rem 1rem;font-weight:650}button:hover:not(:disabled){background:#104ab9}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #185adb40}.app-shell{background:#f9fbfc;border:1px solid #cad2dd;border-radius:10px;width:min(1180px,100% - 32px);margin:24px auto;overflow:hidden;box-shadow:0 18px 45px #29374c1a}.topbar{background:#172033;border-bottom:1px solid #d7dee7;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:12px 24px;display:flex}.brand{letter-spacing:-.01em;background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:1rem;display:flex}.brand:hover:not(:disabled){background:0 0}.brand-mark{color:#172033;background:#f8a528;border-radius:5px;place-items:center;width:35px;height:35px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:800;display:grid}.tenant-chip{color:#aeb9ca;align-items:center;gap:8px;font-size:.85rem;display:flex}.tenant-chip>span{background:#738096;border-radius:50%;width:8px;height:8px}.tenant-chip.connected>span{background:#60d394}.tabs{background:#fff;border-bottom:1px solid #d7dee7;gap:2px;padding:0 24px;display:flex}.tabs button{color:#637086;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:15px 17px 12px;font-size:.9rem}.tabs button:hover:not(:disabled){color:#172033;background:#f3f6f9}.tabs button.active{color:#172033;border-bottom-color:#f59a23}main{min-height:620px}.workspace{max-width:720px;padding:52px}.page-header{margin-bottom:32px}.page-header h2{color:#101827;letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(1.7rem,4vw,2.25rem)}.page-header p{color:#647086;max-width:620px;margin:0;line-height:1.6}.page-header .kicker{color:#c56600;font-size:.83rem;font-weight:750}.form-stack{gap:20px;display:grid}label{color:#303b4e;gap:8px;font-size:.87rem;font-weight:650;display:grid}input,textarea{color:#111827;background:#fff;border:1px solid #bfc9d6;border-radius:6px;width:100%;padding:.76rem .85rem}input:hover,textarea:hover{border-color:#8e9caf}.action-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.secondary{color:#283448;background:#fff;border-color:#aeb9c8}.secondary:hover:not(:disabled){background:#edf2f7}.or-divider{color:#778398;font-size:.82rem}.status{color:#3c485b;background:#fff7e9;border-left:3px solid #f59a23;margin-top:22px;padding:10px 13px;line-height:1.5}.editor-layout,.invoke-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:36px;max-width:none;display:grid}.code-input{resize:vertical;tab-size:2;min-height:365px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.6}.check-row{align-items:center;gap:10px;width:fit-content;font-weight:500;display:flex}.check-row input{accent-color:#185adb;width:16px;height:16px}.result-panel{background:#172033;border:1px solid #cad3df;border-radius:7px;align-self:start;overflow:hidden}.result-heading{border-bottom:1px solid #344057;justify-content:space-between;align-items:baseline;gap:12px;padding:15px 17px;display:flex}.result-heading h3{color:#fff;margin:0;font-size:.9rem}.result-heading span{color:#94a1b4;font-size:.73rem}.result-panel pre{color:#c9f0dc;white-space:pre-wrap;word-break:break-word;min-height:420px;max-height:600px;margin:0;padding:18px;font:.78rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.request-preview{background:#edf2f7;border:1px solid #c6cfdb;border-radius:6px;align-items:center;gap:12px;padding:11px 13px;display:flex;overflow:hidden}.request-preview span{color:#16704b;font-size:.75rem;font-weight:800}.request-preview code{color:#455269;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}@media (width<=800px){.app-shell{border:0;border-radius:0;width:100%;margin:0}.workspace,.editor-layout,.invoke-layout{grid-template-columns:1fr;padding:32px 20px}.topbar{padding:12px 18px}.tenant-chip{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.tabs{padding:0 8px}.result-panel pre{min-height:260px}}