#responseBox{max-height:400px;}

    .sidebar { border-right: 1px solid #e6e8ef; background:#fff; border-radius: 12px; padding: 12px; height: calc(100vh - 76px); overflow:auto; }
    .main { background:#fff; border-radius: 12px; padding: 14px; box-shadow: 0 6px 18px rgba(16,24,40,0.08); }

    .section-title { font-weight: 800; letter-spacing: 0.2px; }

    .endpoint-group { display:flex; gap: 8px; align-items: stretch; }
    .endpoint-group .method { width: 132px; flex: 0 0 auto; }
    .endpoint-group .endpoint { flex: 1 1 auto; }

    .mini { font-size: 12px; color:#6c7280; }

    .panel { background: #fff; border: 1px solid #eef0f6; border-radius: 10px; padding: 12px; }
    pre { background:#1e1e1e; color:#fff; border-radius: 10px; padding: 12px; min-height: 170px; overflow:auto; }

    .dyn-row { display:flex; gap:8px; align-items:center; margin-bottom: 8px; }
    .dyn-row input, .dyn-row select { flex:1 1 auto; }

    .toast-box { position: fixed; right: 14px; bottom: 14px; z-index: 9999; width: min(420px, calc(100% - 28px)); }

    @media (max-width: 980px) {
      .layout { flex-direction: column; }
      .sidebar { height: auto; border-right: none; border-bottom: 1px solid #e6e8ef; }
    }
#loaderOverlay {
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.5);
  z-index:9999;
  color:white;
  font-size:30px;
  font-weight:bold;
  text-align:center;
  padding-top:20%;
}

#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2000;
  text-align: center;
}