.cg-wrap{min-height:100dvh;display:flex;flex-direction:column}.cg-main{flex:1;max-width:960px;margin:0 auto;width:100%;padding:calc(var(--nav-h) + 56px) 24px 80px}.cg-main h1{font-size:clamp(1.7rem,3.8vw,2.3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.cg-lede{color:var(--text-muted);font-size:1rem;line-height:1.65;margin-bottom:28px}.cg-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-meta)}.cg-drop{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;border:1px dashed var(--border);background:var(--bg-card);text-align:center;cursor:pointer}.cg-drop.is-over,.cg-drop:hover,.cg-drop:focus-within{border-color:var(--accent)}.cg-drop strong{font-size:1.05rem;color:var(--text)}.cg-drop span{font-size:.88rem;color:var(--text-muted)}.cg-drop input{position:absolute;width:1px;height:1px;opacity:0}.cg-source{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.cg-source:empty{display:none}.cg-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 14px;border:1px solid var(--border);border-top:none;background:var(--bg-card)}.cg-example{font-family:var(--font-mono);font-size:12px;padding:6px 11px;border:1px solid var(--accent);background:none;color:var(--accent);cursor:pointer}.cg-example:hover{background:var(--accent);color:var(--panel)}.cg-example-download{font-family:var(--font-mono);font-size:12px;background:none;border:none;padding:0;color:var(--accent-bright);text-decoration:underline;cursor:pointer;margin-left:auto}.cg-example-download[hidden]{display:none}.cg-options{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-top:none}.cg-field{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-right:1px solid var(--border)}.cg-field:nth-child(4){border-right:none}.cg-field input[type=text],.cg-field select{font-family:var(--font-mono);font-size:13px;padding:6px 8px;border:1px solid var(--border);background:var(--bg);color:var(--text);width:100%}.cg-check{grid-column:1 / -1;flex-direction:row;align-items:center;gap:8px;font-size:.88rem;color:var(--text-muted);border-top:1px solid var(--border);border-right:none}.cg-error:not(:empty){margin-top:16px;padding:10px 14px;border:1px solid var(--bpmnkit-danger, #dc2626);color:var(--bpmnkit-danger, #dc2626);font-size:.9rem}.cg-results{margin-top:28px}.cg-results[hidden]{display:none}.cg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);background:var(--bg-card)}.cg-summary{flex:1;font-size:.9rem;color:var(--text)}.cg-btn{font-family:var(--font-mono);font-size:12px;padding:7px 13px;border:1px solid var(--accent);background:var(--accent);color:var(--panel);cursor:pointer}.cg-btn.secondary{background:none;color:var(--accent)}.cg-btn:disabled{opacity:.5;cursor:not-allowed}.cg-status{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-meta)}.cg-list{border:1px solid var(--border);border-top:none}.cg-row{border-bottom:1px solid var(--border)}.cg-row:last-child{border-bottom:none}.cg-row summary{display:flex;align-items:center;gap:12px;padding:9px 14px;cursor:pointer;list-style:none}.cg-row summary::-webkit-details-marker{display:none}.cg-method{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);width:56px;flex-shrink:0}.cg-name{font-size:.9rem;color:var(--text)}.cg-path{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cg-json{margin:0;padding:14px;max-height:360px;overflow:auto;background:var(--code-bg);color:var(--code-fg);font-family:var(--font-mono);font-size:12px;line-height:1.55}.cg-next{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);font-size:.92rem;color:var(--text-muted);line-height:1.7}.cg-next h2{font-size:1.15rem;font-weight:600;color:var(--text);margin-bottom:8px}.cg-next a{color:var(--accent-bright)}@media(max-width:640px){.cg-options{grid-template-columns:1fr}.cg-field{border-right:none;border-bottom:1px solid var(--border)}.cg-check{border-top:none;border-bottom:none}.cg-path{display:none}}