.code-section{padding:74px max(25px,calc((100vw - 1430px)/2));background:radial-gradient(circle at 80% 3%,#2d74643b,transparent 30%),#0b1d2b;border-top:1px solid #315266;scroll-margin-top:20px}
.code-heading{display:grid;grid-template-columns:1fr minmax(280px,.75fr);gap:35px;align-items:end;margin-bottom:29px}.code-heading h2{font-size:clamp(31px,3.8vw,52px);line-height:1.07;letter-spacing:-.045em;margin:9px 0 0}.code-heading h2 em{font-style:normal;color:#82e2d4}.code-heading>p{max-width:540px;color:#adc9d2;line-height:1.65;font-size:13px;margin:0 0 3px}
.code-schema{margin:0 0 19px;padding:22px 26px;border:1px solid #75c9ad72;border-radius:14px;background:linear-gradient(120deg,#133748,#0d2736 62%,#122c39);box-shadow:inset 0 0 55px #50c9ac0b}.code-schema figcaption,.code-detail-label{font-size:10px;letter-spacing:.16em;font-weight:850;color:#84e3d1}.schema-parts{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:14px}.schema-parts>span{display:flex;flex-direction:column;min-width:110px;padding:10px 13px;background:#091f2f;border:1px solid #416a78;border-radius:8px}.schema-parts>span:nth-of-type(2){border-color:#e7bd8280}.schema-parts b{font:700 16px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f2f8ef;white-space:nowrap}.schema-parts small{font-size:10px;color:#90b8c3;margin-top:5px}.schema-parts i{font:700 22px/48px ui-monospace,monospace;color:#e9c48d}.code-schema p{font-size:11px;color:#a3c1c9;margin:15px 0 0}.code-schema code,.code-rules code{font:600 11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f0d5a4}
.code-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);gap:17px;align-items:start}.code-browser,.code-engine{border:1px solid #315267;border-radius:12px;background:#102a3b;min-width:0}.code-toolbar{display:grid;grid-template-columns:1.1fr .65fr 1.1fr 1.7fr;gap:8px;padding:17px;border-bottom:1px solid #315267}.code-toolbar label,.code-engine-form label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#8eb6c4;font-size:10px;font-weight:750;letter-spacing:.07em}.code-toolbar input,.code-toolbar select,.code-engine-form input,.code-engine-form select{min-width:0;width:100%;padding:9px 10px;border:1px solid #416579;border-radius:7px;background:#091f2e;color:#e4f4f5;font:12px/1.25 Inter,"Segoe UI",Arial,sans-serif;outline:0}.code-toolbar input:focus,.code-toolbar select:focus,.code-engine-form input:focus,.code-engine-form select:focus{border-color:#7ee4d3;box-shadow:0 0 0 2px #7ee4d322}.code-toolbar input::placeholder,.code-engine-form input::placeholder{color:#6f99a8}.code-table-meta{display:flex;justify-content:space-between;gap:10px;padding:11px 17px;color:#8eacbb;font-size:10px}.code-table-meta strong{color:#a4ecdc}.code-table-wrap{overflow-x:auto}.code-table-wrap table{border-collapse:collapse;width:100%;min-width:620px;text-align:left}.code-table-wrap th{padding:10px 13px;background:#0b2332;color:#83adbb;letter-spacing:.1em;font-size:9px}.code-table-wrap td{padding:11px 13px;border-top:1px solid #294b5d;vertical-align:middle;color:#c7dde5;font-size:11px}.code-table-wrap td:first-child{width:43%}.code-table-wrap tr:hover td{background:#1a3e4d}.code-table-wrap tr.is-selected td{background:#1c4a52}.code-row-button{max-width:100%;padding:0;border:0;background:none;color:#e8ce9a;text-align:left;overflow-wrap:anywhere;font:700 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.code-row-button:hover{text-decoration:underline}.code-table-wrap td strong{display:block;color:#e6f3f5;font-size:11px}.code-table-wrap td small{display:block;color:#82a3b2;margin-top:3px;font-size:10px}.code-layer-cell{color:#91e0d2!important;font-weight:800}.code-kind-cell{white-space:nowrap}.code-empty{text-align:center;padding:30px!important;color:#9db8c5}.code-pager{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-top:1px solid #315267;color:#a8c7d1;font-size:11px}.code-pager button,.code-copy,.code-graph-link{border:1px solid #4c7581;background:#173c4b;color:#bcebdc;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:750}.code-pager button:disabled{opacity:.38;cursor:default}.code-pager button:not(:disabled):hover,.code-copy:hover,.code-graph-link:hover{background:#245a62}
.code-engine{padding:20px}.code-engine h3{font-size:23px;line-height:1.1;margin:8px 0}.code-engine>p:not(.section-label):not(.code-message){color:#a9c5cf;font-size:11px;line-height:1.55;margin:0 0 18px}.code-engine-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.code-engine-form>button{grid-column:1/-1;padding:9px 11px;border:1px solid #77d4c1;border-radius:7px;background:#82dfce;color:#092734;font-size:11px;font-weight:850}.code-engine-form>button:hover{background:#adf4e5}.code-engine-form .code-decode-label{grid-column:1/-1;margin-top:5px}.code-engine-form>button.code-secondary{background:#193e4b;color:#d8f1ec;border-color:#527a85}.code-message{min-height:19px;margin:11px 0 0;color:#a4ecdc;font-size:10px;line-height:1.4}.code-message[data-state=error]{color:#ffbdab}.code-detail{margin-top:15px;padding-top:17px;border-top:1px solid #315267}.code-detail h4{font-size:17px;line-height:1.2;margin:8px 0 9px}.code-output,.code-relation{display:block;overflow-wrap:anywhere;font:700 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f4d6a1;background:#0a2130;border:1px solid #476071;border-radius:6px;padding:8px}.code-copy{margin-top:8px}.code-facts{display:grid;grid-template-columns:95px 1fr;gap:8px 5px;margin:17px 0}.code-facts dt{color:#779faf;font-size:10px}.code-facts dd{margin:0;color:#e0eff0;font-size:10px}.code-relation{margin-top:7px;color:#b7eddf}.code-relation-note{color:#8eb0bc;font-size:10px;line-height:1.45}.code-path{padding-top:16px;border-top:1px solid #315267}.code-path-track{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}.code-path-track i{font-style:normal;color:#eec78b}.code-path-chip{padding:6px 8px;background:#173a47;border:1px solid #4d7a7e;border-radius:6px;color:#d2e9e7;font-size:10px}.code-path-chip b{color:#82e2d4}.code-graph-link{width:100%;margin-top:16px}
.detail-kok{display:flex;flex-direction:column;align-items:start;gap:5px;margin-top:15px;padding:10px;background:#0d3040;border:1px solid #497b79;border-radius:7px}.detail-kok span{font-size:9px;letter-spacing:.13em;color:#8ce5d4;font-weight:800}.detail-kok code{overflow-wrap:anywhere;color:#f4d6a1;font:700 10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.detail-kok a{font-size:10px;color:#9ce6d9;text-decoration:none}.detail-kok a:hover{text-decoration:underline}
.code-rules{margin-top:18px;border:1px solid #315267;border-radius:10px;background:#102b3d}.code-rules summary{padding:15px 18px;cursor:pointer;color:#deeeec;font-size:12px;font-weight:800}.code-rules-body{padding:0 18px 18px;color:#acc8d3;font-size:12px;line-height:1.7}.code-rules-body p{margin:10px 0}.code-rules code{background:#193d4b;padding:2px 4px;border-radius:4px}
@media(max-width:1150px){.code-toolbar{grid-template-columns:1fr 1fr}.code-query-label{grid-column:1/-1}.code-heading{grid-template-columns:1fr}.code-heading>p{max-width:760px}}
@media(max-width:900px){.code-layout{grid-template-columns:1fr}.code-engine-form{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.code-section{padding:48px 17px}.code-heading h2{font-size:35px}.schema-parts{gap:5px}.schema-parts>span{min-width:90px;padding:8px}.schema-parts b{font-size:12px}.schema-parts i{font-size:15px;line-height:41px}.code-toolbar{grid-template-columns:1fr 1fr}.code-toolbar label:nth-child(3),.code-query-label{grid-column:1/-1}.code-engine-form{grid-template-columns:1fr}.code-engine-form .code-decode-label{grid-column:1}.code-engine-form>button{grid-column:1}}
.schema-parts>span{flex:0 0 auto;width:max-content}