@layer starlight,tokens,overrides,landing,hero;@layer hero{.hg-wrapper{position:relative;width:100%;max-width:1020px;margin:2.5rem auto 3rem;font-family:var(--sl-font, ui-sans-serif, system-ui, sans-serif)}.hg-card{position:relative;z-index:1;background:var(--qk-code-bg);border:1px solid var(--sl-color-gray-5);border-radius:var(--qk-radius-md, 8px);overflow:hidden}.hg-header{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--sl-color-hairline, var(--sl-color-gray-5));background:var(--sl-color-gray-6, var(--sl-color-gray-6))}.hg-title{flex:1;text-align:left;font-size:var(--qk-text-xs);color:var(--sl-color-gray-3);font-family:var(--sl-font-mono, ui-monospace, Menlo, monospace);letter-spacing:0}.hg-badge{font-size:var(--qk-text-xs);color:var(--sl-color-gray-3);font-weight:500;font-family:var(--sl-font-mono, ui-monospace, Menlo, monospace);letter-spacing:var(--qk-tracking-caps);text-transform:uppercase}.hg-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);min-height:300px;overflow:hidden}@media(max-width:640px){.hg-body{grid-template-columns:minmax(0,1fr)}.hg-code{border-right:0;border-bottom:1px solid var(--sl-color-hairline, var(--sl-color-gray-5))}}.hg-code{border-right:1px solid var(--sl-color-hairline, var(--sl-color-gray-5));display:flex;flex-direction:column;min-width:0;overflow:hidden}.code-file-tab{font-size:var(--qk-text-xs);font-family:var(--sl-font-mono, ui-monospace, Menlo, monospace);color:var(--sl-color-gray-3);padding:6px 16px;background:var(--sl-color-gray-6, var(--sl-color-gray-6));border-bottom:1px solid var(--sl-color-hairline, var(--sl-color-gray-5));letter-spacing:0}.hg-card pre{margin:0;padding:14px 12px 16px;overflow-x:hidden;overflow-y:hidden;font-size:var(--qk-text-xs);line-height:var(--qk-text-sm-lh);font-family:var(--sl-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--sl-color-text);background:transparent;white-space:pre}.hg-card code{background:none}.kw{color:var(--qk-syntax-keyword)}.fn{color:var(--qk-syntax-type)}.tp{color:var(--qk-syntax-default)}.st{color:var(--qk-syntax-string)}.c{color:var(--sl-color-gray-3)}.hg-trace{min-width:0;padding:16px 14px;display:flex;flex-direction:column;justify-content:center;gap:0}.trace-row{display:flex}.trace-connector{width:1px;height:14px;margin-left:20px;background:var(--sl-color-gray-5)}.trace-node{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--qk-radius-sm, 6px);border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);width:100%;position:relative}.tn-icon{flex-shrink:0;color:var(--sl-color-gray-3);display:flex}.tn-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tn-label{font-family:var(--sl-font-mono, ui-monospace, Menlo, monospace);font-size:var(--qk-text-xs);line-height:var(--qk-text-xs-lh);color:var(--sl-color-gray-3);text-transform:uppercase;letter-spacing:var(--qk-tracking-caps)}.tn-value{font-size:var(--qk-text-sm);line-height:var(--qk-text-sm-lh);font-weight:500;color:var(--sl-color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-node,.tool-node,.wire-node,.agent-node{border-color:var(--sl-color-gray-5);background:var(--sl-color-bg)}.result-node{border-color:var(--sl-color-white);background:var(--sl-color-bg)}}