.r8-runtime{display:grid;gap:16px}.r8-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}.r8-subnav{position:sticky;top:18px;display:grid;gap:8px}.r8-subnav a,.r8-subnav button{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-weight:800;font-size:12px;text-align:left;text-decoration:none}.r8-subnav small{color:var(--muted);font-weight:700}.r8-stack{display:grid;gap:16px}.r8-level{border-left:5px solid #3178ff}.r8-level:nth-child(2){border-left-color:#29d9ef}.r8-level:nth-child(3){border-left-color:#8d62ff}.r8-level:nth-child(4){border-left-color:#f59e0b}.r8-level:nth-child(5){border-left-color:#14b8a6}.r8-level:nth-child(6){border-left-color:#a78bfa}.r8-level:nth-child(7){border-left-color:#64748b}.r8-kicker{margin:0 0 4px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.r8-card-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.r8-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.r8-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.r8-mini{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-3)}.r8-mini span{display:block;color:var(--muted);font-size:10px;font-weight:800;margin-bottom:4px}.r8-mini b{font-size:11px;color:var(--text)}.r8-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:11px}.r8-boundary{padding:12px;border:1px solid rgba(245,158,11,.42);border-radius:12px;background:rgba(245,158,11,.1);color:#f8d48b;font-size:11px;font-weight:800;margin:0 0 12px}.r8-timeline{display:grid;gap:8px}.r8-event{display:grid;grid-template-columns:120px 1fr 90px;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.r8-event small{color:var(--muted);font-weight:800}.r8-panel{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.r8-panel h3,.r8-form h3{margin:0 0 10px;font-size:13px}.r8-form{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.r8-form.compact{padding:10px;margin-top:10px}.r8-form label{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:850}.r8-form input,.r8-form textarea,.r8-form select,.r8-panel select{width:100%;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#0b121b;color:var(--text);font:inherit;font-size:11px}.r8-form textarea{min-height:74px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.r8-form small{color:var(--muted);font-size:10px}.r8-check{display:flex!important;align-items:center;gap:7px}.r8-check input{width:auto}.r8-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.r8-actions{display:flex;gap:8px;flex-wrap:wrap}.r8-status{min-height:20px;margin:0;color:var(--muted);font-size:11px}.r8-status.ok{color:#7ee3a0}.r8-status.error{color:#ff9c9c}.r8-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#1f2937;color:#cbd5e1;font-size:10px;font-weight:850}.r8-pill.good{background:#14532d;color:#dcfce7}.r8-pill.warn{background:#7c2d12;color:#ffedd5}.r8-pill.neutral{background:#1f2937;color:#cbd5e1}.r8-endpoints{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.r8-endpoints code{padding:4px 7px;border:1px solid #1d4ed8;border-radius:999px;background:#102033;color:#bfdbfe;font-size:9px}.r8-muted{color:var(--muted)}.r8-json{max-height:240px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:10px;background:#070c12;color:#dceafa;font-size:10px}.r8-level table{width:100%;border-collapse:collapse}.r8-level th,.r8-level td{padding:8px;border-bottom:1px solid var(--line);font-size:11px;text-align:left;vertical-align:top}.r8-level table button,.r8-form button{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-3);color:var(--text);font-weight:850;font-size:10px}.r8-form .primary-button,.r8-level .primary-button{background:var(--accent);color:#fff;border-color:var(--accent)}.r8-compat-note{margin-top:16px}@media(max-width:1200px){.r8-grid-3,.r8-card-grid{grid-template-columns:1fr}}@media(max-width:1050px){.r8-shell{grid-template-columns:1fr}.r8-subnav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.r8-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.r8-subnav,.r8-mini-grid,.r8-two{grid-template-columns:1fr}.r8-event{grid-template-columns:1fr}}