.ramg{margin-bottom:2rem;}
.ramg-layout{display:flex;flex-direction:column;gap:1.5rem;}
@media (min-width:992px){.ramg-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:1.75rem;}}
.ramg-config{padding:1.25rem;background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.08));border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.04);}
.ramg-segmented{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:1.25rem;padding:0.25rem;background:var(--surface-muted,rgba(0,0,0,.04));border-radius:12px;}
.ramg-seg{padding:0.5rem 0.9rem;font-size:0.8125rem;font-weight:500;color:var(--text-muted,#555);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent;}
.ramg-seg:hover{color:var(--text-main,#111);background:rgba(255,255,255,.7);}
.ramg-seg.is-active{color:#fff;background:var(--primary,#0d6efd);}
.ramg-pane{display:flex;flex-direction:column;gap:1rem;}
.ramg-pane[hidden]{display:none !important;}
.ramg-grid{display:grid;grid-template-columns:1fr;gap:0.75rem 1rem;}
@media (min-width:480px){.ramg-grid{grid-template-columns:1fr 1fr;}}
.ramg-field-full{grid-column:1 / -1;}
.ramg-field{margin-bottom:0;}
.ramg-label{display:block;font-size:0.8125rem;font-weight:600;color:var(--text-muted,#555);margin-bottom:0.35rem;}
.ramg-input,.ramg-select{width:100%;padding:0.6rem 0.85rem;font-size:0.9375rem;line-height:1.4;color:var(--text-main,#111);background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.12));border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;}
.ramg-input:focus,.ramg-select:focus{border-color:var(--primary,#0d6efd);box-shadow:0 0 0 3px rgba(13,110,253,.12);outline:none;}
.ramg-input::placeholder{color:var(--text-muted);opacity:.8;}
.ramg-textarea{resize:vertical;min-height:4rem;}
.ramg-code-in{font-family:ui-monospace,monospace;font-size:0.8125rem;}
.ramg-cta{padding:0.65rem 1.25rem;font-size:0.9375rem;font-weight:600;color:#fff;background:var(--primary,#0d6efd);border:none;border-radius:10px;cursor:pointer;transition:background .2s ease;-webkit-tap-highlight-color:transparent;}
.ramg-cta:hover{background:#0b5ed7;}
.ramg-cta-secondary{background:var(--surface-muted,rgba(0,0,0,.06));color:var(--text-main,#111);border:1px solid var(--border,rgba(0,0,0,.12));}
.ramg-cta-secondary:hover{background:var(--surface-muted,rgba(0,0,0,.1));}
.ramg-cta-success{background:#198754;}
.ramg-cta-success:hover{background:#157347;}
.ramg-endpoints{display:flex;flex-direction:column;gap:0.5rem;max-height:280px;overflow-y:auto;margin-top:1rem;padding:0.5rem;background:var(--surface-muted,rgba(0,0,0,.02));border-radius:10px;border:1px solid var(--border,rgba(0,0,0,.06));}
.ramg-endpoint{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.6rem 0.85rem;background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.08));border-radius:8px;}
.ramg-endpoint-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;}
.ramg-method{display:inline-block;padding:0.2rem 0.5rem;font-size:0.6875rem;font-weight:700;letter-spacing:0.02em;border-radius:4px;color:#fff;}
.ramg-method.get{background:#198754;}
.ramg-method.post{background:#0d6efd;}
.ramg-method.put{background:#fd7e14;}
.ramg-method.delete{background:#dc3545;}
.ramg-method.patch{background:#6f42c1;}
.ramg-status{display:inline-block;padding:0.2rem 0.5rem;font-size:0.6875rem;font-weight:600;border-radius:4px;}
.ramg-status.s200,.ramg-status.s201{background:#d4edda;color:#155724;}
.ramg-status.s400,.ramg-status.s404,.ramg-status.s500{background:#f8d7da;color:#721c24;}
.ramg-endpoint-path{font-weight:600;color:var(--text-main,#111);}
.ramg-endpoint-desc{font-size:0.8125rem;color:var(--text-muted,#555);}
.ramg-endpoint-remove{padding:0.35rem 0.6rem;font-size:0.8125rem;color:#fff;background:#dc3545;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease;-webkit-tap-highlight-color:transparent;}
.ramg-endpoint-remove:hover{background:#c82333;}
.ramg-headers{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.5rem;}
.ramg-header-row{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;}
.ramg-header-row .ramg-input{flex:1;min-width:8rem;}
.ramg-btn-icon{flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;font-size:1.25rem;line-height:1;color:var(--text-muted);background:transparent;border:1px solid var(--border,rgba(0,0,0,.12));border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease;}
.ramg-btn-icon:hover{color:#dc3545;background:rgba(220,53,69,.08);}
.ramg-remove-header{display:inline-flex;align-items:center;justify-content:center;}
.ramg-link{padding:0;font-size:0.875rem;font-weight:500;color:var(--primary,#0d6efd);background:transparent;border:none;cursor:pointer;text-decoration:underline;-webkit-tap-highlight-color:transparent;}
.ramg-link:hover{text-decoration:none;}
.ramg-data-types{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:1rem;}
.ramg-dtype{padding:0.45rem 0.85rem;font-size:0.8125rem;font-weight:500;color:var(--text-muted,#555);background:var(--surface-muted,rgba(0,0,0,.04));border:1px solid var(--border,rgba(0,0,0,.1));border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent;}
.ramg-dtype:hover{color:var(--text-main,#111);border-color:var(--border,rgba(0,0,0,.2));}
.ramg-dtype.is-active{color:#fff;background:var(--primary,#0d6efd);border-color:var(--primary,#0d6efd);}
.ramg-out{display:flex;flex-direction:column;padding:1.25rem;background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.08));border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.04);min-height:200px;}
@media (min-width:992px){.ramg-out{position:sticky;top:1rem;}}
.ramg-out-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:0.75rem;}
.ramg-out-title{font-size:1rem;font-weight:600;color:var(--text-main,#111);}
.ramg-out-actions{display:flex;gap:0.5rem;}
.ramg-out-btn{padding:0.45rem 0.9rem;font-size:0.8125rem;font-weight:500;color:var(--text-muted,#555);background:var(--surface-muted,rgba(0,0,0,.06));border:1px solid var(--border,rgba(0,0,0,.12));border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;}
.ramg-out-btn:hover{color:var(--text-main,#111);background:var(--surface-muted,rgba(0,0,0,.1));}
.ramg-out-btn-primary{color:#fff;background:#198754;border-color:#198754;}
.ramg-out-btn-primary:hover{background:#157347;}
.ramg-code-out{margin:0;padding:1rem;font-family:ui-monospace,monospace;font-size:0.8125rem;line-height:1.5;color:#e2e8f0;background:#1e293b;border-radius:10px;white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto;-webkit-overflow-scrolling:touch;}
.ramg-preview{margin-top:1rem;padding:1rem;background:var(--surface-muted,rgba(0,0,0,.02));border:1px solid var(--border,rgba(0,0,0,.08));border-radius:10px;}
.ramg-preview-title{display:block;font-size:0.8125rem;font-weight:600;color:var(--text-muted,#555);margin-bottom:0.5rem;}
.ramg-preview-body pre{margin:0;padding:0.75rem;font-size:0.8125rem;line-height:1.5;background:var(--surface,#fff);border-radius:6px;overflow-x:auto;}