body{margin:0;font-family:Inter,system-ui,sans-serif}.app-layout{display:flex;height:100vh}.sidebar{width:280px;border-right:1px solid #e5e7eb;padding:16px;background:#fafafa}.sidebar-heading{font-size:13px;font-weight:600;margin-bottom:12px}.sidebar-group-title{font-size:12px;color:#6b7280;margin:12px 0 6px}.sidebar-item{display:flex;gap:8px;padding:8px;border-radius:6px;margin:5px 0;background:#eef2ff}.sidebar-item.active{background:#9daddd}.content{flex:1;padding:32px;overflow-y:auto}.endpoint-line{display:flex;gap:10px;align-items:center}.endpoint-line a{color:#2563eb;text-decoration:none}.method{font-size:12px;padding:2px 8px;border-radius:4px;font-weight:600}.method.get{background:#dcfce7;color:#166534}.query-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb}.query-row input{width:250px;padding:6px}.muted{color:#6b7280;font-size:13px}.language-tabs span{margin-right:12px;cursor:pointer}.language-tabs .active{font-weight:600}.curl-panel{background:#1f2937;color:#e5e7eb;border-radius:8px;margin-top:16px}.curl-header{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #374151}.curl-panel pre{padding:16px}.response-panel{padding:0 16px;margin-top:16px;border:1px solid #e5e7eb;border-radius:8px;border:1px solid #374151}.response-header{padding:12px;border-bottom:1px solid #e5e7eb}.status-row{padding:12px}.status{padding:4px 8px;margin-right:6px;border-radius:6px;background:#f3f4f6}.status.success{background:#dcfce7;color:#166534}.response-placeholder{padding:16px;color:#6b7280}.page-grid{display:grid;grid-template-columns:60% 40%;gap:32px;align-items:start}.right-column{position:sticky;top:24px}.right-column>*{margin-bottom:16px}.right-column,.right-panel{min-width:0;width:100%;overflow:hidden}.curl-panel pre,.response-panel pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.response-panel,.curl-panel{width:100%;overflow:hidden}.page-grid>*,.page-grid>*>*{min-width:0}.toast{position:fixed;bottom:20px;right:20px;background:#1f2937;color:#fff;padding:10px 16px;border-radius:6px;font-size:14px;box-shadow:0 4px 10px #00000026;z-index:1000;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(10px)}}.dot-loader{display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:#6366f1}.dots{display:inline-flex;margin-left:4px}.dots i{font-style:normal;opacity:0;animation:dotFade 1.4s infinite}.dots i:nth-child(1){animation-delay:0s}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dotFade{0%{opacity:0}20%{opacity:1}to{opacity:0}}