.apollo-layout{display:grid;grid-template-columns:460px 1fr;gap:16px}@media(max-width:1000px){.apollo-layout{grid-template-columns:1fr}}.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.code-editor{width:100%;min-height:200px;padding:14px;background:#0d1117;border:1px solid var(--border);border-radius:8px;color:#adbac7;font-family:monospace;font-size:12px;line-height:1.6;resize:vertical;outline:none}.code-editor:focus{border-color:var(--accent)}.apollo-form{margin-top:14px}.placeholder-msg{color:var(--muted);font-size:13px;text-align:center;padding:40px}.apollo-error{color:var(--error);padding:20px;text-align:center}.apollo-gateway{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--accent);border-radius:10px;padding:16px 20px;margin-bottom:16px;text-align:center}.apollo-gateway-name{color:var(--accent);font-size:16px;font-weight:700}.apollo-gateway-label{color:var(--muted);font-size:11px;text-transform:uppercase;margin-top:4px}.apollo-subgraph{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin:8px 0;position:relative}.apollo-subgraph-name{font-weight:600;color:var(--text);font-size:14px}.apollo-subgraph-url{color:var(--muted);font-size:11px;margin-top:2px}.apollo-entity-tag{display:inline-block;background:var(--accent);color:#fff;font-size:10px;padding:2px 8px;border-radius:4px;margin:3px 4px 3px 0}.apollo-arrow{text-align:center;color:var(--muted);font-size:14px;padding:4px 0}.apollo-branch{border-left:2px solid var(--border);margin-left:20px;padding-left:16px}.apollo-submit-btn{width:100%;margin-top:12px}