.compat-api-test-view[data-v-d4c0b97b]{background:#f5f7fb;flex-direction:column;height:100%;min-height:0;padding:18px 22px;display:flex;overflow:hidden}.compat-api-test-view__header[data-v-d4c0b97b]{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.compat-api-test-view__header h2[data-v-d4c0b97b]{color:#111827;margin:0;font-size:22px;font-weight:700}.compat-api-test-view__header p[data-v-d4c0b97b]{color:#64748b;margin:4px 0 0;font-size:13px}.compat-api-test-view__header-actions[data-v-d4c0b97b]{align-items:center;gap:10px;display:flex}.compat-api-test-view__body[data-v-d4c0b97b]{flex:1;grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:0;display:grid}.compat-api-test-view__sidebar[data-v-d4c0b97b],.compat-api-test-view__panel[data-v-d4c0b97b]{background:#fff;border:1px solid #dbe3ef;border-radius:8px}.compat-api-test-view__sidebar[data-v-d4c0b97b]{flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow:auto}.compat-api-test-view__sidebar-title[data-v-d4c0b97b]{color:#475569;font-size:13px;font-weight:700}.compat-api-test-view__case[data-v-d4c0b97b]{justify-content:space-between;width:100%;min-height:38px;margin-left:0}.compat-api-test-view__case+.compat-api-test-view__case[data-v-d4c0b97b]{margin-left:0}.compat-api-test-view__case--active[data-v-d4c0b97b]{font-weight:600}.compat-api-test-view__case-title[data-v-d4c0b97b]{text-align:left;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.compat-api-test-view__workspace[data-v-d4c0b97b]{grid-template-rows:minmax(0,1.12fr) minmax(190px,.88fr);gap:16px;min-height:0;display:grid}.compat-api-test-view__panel[data-v-d4c0b97b]{flex-direction:column;min-height:0;padding:14px;display:flex}.compat-api-test-view__panel-header[data-v-d4c0b97b],.compat-api-test-view__section-header[data-v-d4c0b97b]{justify-content:space-between;align-items:center;gap:12px;display:flex}.compat-api-test-view__panel-header[data-v-d4c0b97b]{margin-bottom:12px}.compat-api-test-view__panel-header>span[data-v-d4c0b97b]{color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Consolas,SFMono-Regular,monospace;font-size:12px;overflow:hidden}.compat-api-test-view__request-line[data-v-d4c0b97b]{grid-template-columns:110px minmax(0,1fr);gap:10px;margin-bottom:14px;display:grid}.compat-api-test-view__method[data-v-d4c0b97b]{width:110px}.compat-api-test-view__description[data-v-d4c0b97b]{color:#64748b;margin:-4px 0 12px;font-size:13px}.compat-api-test-view__section[data-v-d4c0b97b]{margin-top:12px}.compat-api-test-view__section--body[data-v-d4c0b97b]{flex-direction:column;flex:1;min-height:0;display:flex}.compat-api-test-view__params[data-v-d4c0b97b]{flex-direction:column;gap:8px;max-height:136px;margin-top:8px;display:flex;overflow:auto}.compat-api-test-view__param-row[data-v-d4c0b97b]{grid-template-columns:28px minmax(130px,.7fr) minmax(160px,1fr) 56px;align-items:center;gap:8px;display:grid}.compat-api-test-view__textarea[data-v-d4c0b97b]{flex:1;min-height:0;margin-top:8px}.compat-api-test-view__textarea[data-v-d4c0b97b] .el-textarea__inner,.compat-api-test-view__response[data-v-d4c0b97b] .el-textarea__inner{resize:none;height:100%;min-height:160px;font-family:Consolas,SFMono-Regular,monospace;font-size:13px;line-height:1.45}.compat-api-test-view__panel--response[data-v-d4c0b97b]{min-height:190px}.compat-api-test-view__response-meta[data-v-d4c0b97b]{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.compat-api-test-view__response[data-v-d4c0b97b]{flex:1;min-height:0}@media (width<=1180px){.compat-api-test-view__body[data-v-d4c0b97b]{grid-template-columns:220px minmax(0,1fr)}}