.api-anat,.api-demo,.cdn-anat,.cdn-demo,.dns-anat,.dns-demo,.dom-anat,.dom-demo,.http-anat,.http-demo,.https-anat,.https-demo,.json-anat,.json-demo,.url-anat,.url-demo{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.dom-demo{display:flex;flex-direction:column;gap:8px}.dom-demo-search{border:1px solid var(--border);border-radius:8px;color:var(--text-2);box-shadow:0 0 0 3px rgba(99,102,241,.08)}.dom-demo-row,.dom-demo-search{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;font-size:12px}.dom-demo-row{border:1px solid var(--border-light);border-radius:8px;color:var(--text)}.dom-demo-row .dom-name{font-weight:600}.dom-demo-row .dom-price{margin-left:auto;color:var(--text-2)}.dom-demo-row .dom-state{font-size:12px;padding:1px 7px;border-radius:99px}.dom-demo-row .dom-state.ok{color:var(--green);background:var(--green-light)}.dom-demo-row .dom-state.taken{color:var(--text-3);background:var(--bg-hover)}.dom-demo-buy{font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:5px;padding:3px 9px}.dom-demo-row :is(.dom-name,.dom-state,.dom-price,.dom-demo-buy){white-space:nowrap}@media (max-width:720px){.dom-demo-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.dom-demo-row .dom-state{justify-self:end}.dom-demo-row .dom-price{grid-column:1;grid-row:2;margin-left:0}.dom-demo-row .dom-demo-buy{grid-column:2;grid-row:2;justify-self:end}.dom-demo-row:not(:has(.dom-demo-buy)) .dom-price{grid-column:2;justify-self:end}}.dom-anat{display:inline-flex;align-items:center;gap:2px;font-size:15px;font-weight:600}.dom-anat .dom-seg{padding:3px 8px;border-radius:6px;background:#fff;border:1px solid var(--border)}.dom-anat .dom-seg.sub{color:var(--brand)}.dom-anat .dom-seg.root{color:var(--text);border-color:var(--brand)}.dom-anat .dom-seg.tld{color:#ff7d00}.dom-anat .dom-dot{color:var(--text-3)}.dns-demo{display:flex;align-items:stretch;gap:6px}.dns-node{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 6px;text-align:center}.dns-node .dns-ico{font-size:18px;line-height:1}.dns-node .dns-name{font-size:12px;font-weight:600;color:var(--text);font-family:-apple-system,PingFang SC,sans-serif}.dns-node .dns-sub{line-height:1.4}.dns-arrow,.dns-node .dns-sub{font-size:12px;color:var(--text-3)}.dns-arrow{align-self:center;flex:none}.dns-anat{display:flex;align-items:stretch;gap:6px}.dns-anat .dns-node .ap{display:contents}.dns-anat .dns-a{align-self:center;font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:5px;padding:3px 8px;white-space:nowrap;flex:none}.url-demo{display:flex;flex-direction:column;gap:10px}.url-bar{display:flex;align-items:stretch;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px}.url-seg{padding:7px 4px;color:var(--text);white-space:nowrap}.url-seg.proto{background:var(--green-light);color:var(--green)}.url-seg.host{background:var(--brand-light);color:var(--brand);font-weight:600}.url-seg.path{background:#fff7e8;color:#ff7d00}.url-seg.query{background:#f3e8ff;color:#7c3aed}.url-seg.hash{background:var(--bg-hover);color:var(--text-2)}.url-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-3);font-family:-apple-system,PingFang SC,sans-serif}.url-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.url-anat .url-bar{font-size:13px}.url-anat .ap{white-space:nowrap}.api-demo{display:flex;flex-direction:column;gap:8px}.api-req,.api-resp{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.7;color:var(--text)}.api-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:4px;padding:1px 6px;margin-bottom:4px}.api-req .api-tag{color:var(--brand);background:var(--brand-light)}.api-resp .api-tag{color:var(--green);background:var(--green-light)}.api-method{font-weight:700;color:var(--brand)}.api-key-token{color:#ff7d00}.api-status-ok{color:var(--green);font-weight:700}.api-arrow{text-align:center;color:var(--text-3);font-size:12px;line-height:1}.api-anat .api-code{font-size:12px;line-height:2}.api-anat .api-line{display:block}.http-demo{display:flex;flex-direction:column;gap:8px}.http-msg{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.8;color:var(--text-2)}.http-msg .http-title{font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:.5px}.http-method-get{color:var(--green);font-weight:700}.http-method-post{color:var(--brand);font-weight:700}.http-url{color:var(--text)}.http-head{color:var(--text-3)}.http-body{display:block;margin-top:4px;background:var(--bg-soft);border:1px dashed var(--border);border-radius:5px;padding:4px 8px;color:var(--text)}.http-anat .http-msg{font-size:12px}.http-anat .ap{white-space:nowrap}.json-anat,.json-demo{background:#1d2129;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.8;color:#c9cdd4}.json-anat pre,.json-demo pre{margin:0;white-space:pre-wrap}.json-k{color:#7db3ff}.json-s{color:#a6d189}.json-n{color:#ffb86c}.json-b{color:#f38ba8}.json-p{color:#6b7280}.json-anat .ap{white-space:nowrap}.https-demo{display:flex;flex-direction:column;gap:10px}.https-bar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:99px;padding:7px 14px;font-size:12px;color:var(--text)}.https-bar .https-lock{color:var(--green);font-size:12px}.https-bar .https-warn{font-size:12px;color:var(--red);background:var(--red-light);border-radius:99px;padding:2px 8px;flex:none}.https-bar.ok{border-color:#b7eb8f}.https-bar.bad{border-color:#ffa39e}.https-cap{font-size:12px;color:var(--text-3);text-align:center;font-family:-apple-system,PingFang SC,sans-serif}.https-anat{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.https-anat .https-cert{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--text-2);line-height:1.5}.https-anat .https-cert b{font-size:12px;color:var(--text);font-family:-apple-system,PingFang SC,sans-serif}.https-anat .https-tunnel{flex:1 1;min-width:60px;height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--green-light) 0 10px,#d3f2c2 10px 20px);border:1px solid #b7eb8f;position:relative}.cdn-demo{display:flex;align-items:stretch;gap:6px}.cdn-origin{flex:1.1 1;display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid var(--brand);border-radius:8px;padding:8px 6px}.cdn-edges{flex:1.6 1;display:flex;flex-direction:column;gap:5px}.cdn-edge{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border-light);border-radius:7px;padding:4px 10px;font-size:12px;color:var(--text-2);font-family:-apple-system,PingFang SC,sans-serif}.cdn-edge .cdn-ms{margin-left:auto;color:var(--green);font-family:ui-monospace,Menlo,monospace}.cdn-node-name{font-size:12px;font-weight:600;color:var(--text);font-family:-apple-system,PingFang SC,sans-serif}.cdn-arrow,.cdn-node-sub{font-size:12px;color:var(--text-3)}.cdn-arrow{align-self:center;flex:none}.cdn-anat{display:flex;align-items:stretch;gap:6px}.cdn-anat .cdn-cache{align-self:center;font-size:12px;color:#ff7d00;background:#fff7e8;border-radius:5px;padding:3px 8px;white-space:nowrap;flex:none}.stack-map{display:flex;flex-direction:column;gap:9px;width:100%;max-width:310px;color:var(--text);font-size:12px}.dh-demo .stack-map{max-width:720px;gap:14px;font-size:14px}.stack-map *{box-sizing:border-box}.stack-window{overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg);box-shadow:0 7px 20px rgba(29,33,41,.06)}.stack-window-bar{display:flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}.stack-window-bar i{width:5px;height:5px;border-radius:50%;background:var(--border)}.stack-window-bar span{min-width:0;flex:1 1;margin-left:4px;overflow:hidden;color:var(--text-3);font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.stack-front-nav{display:flex;align-items:center;justify-content:space-between;padding:7px 10px}.stack-front-nav b{font-size:11px;letter-spacing:.7px}.stack-front-nav span{color:var(--text-3);font-size:11px}.stack-front-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(62px,.8fr);grid-gap:12px;gap:12px;align-items:center;padding:10px;background:var(--bg-soft)}.stack-front-page>span{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.stack-front-page small{color:var(--brand);font-size:11px}.stack-front-page strong{color:var(--text);font-size:12px;line-height:1.25}.stack-front-page em{color:var(--text-3);font-size:11px;font-style:normal;line-height:1.5}.stack-front-page>span>b{padding:4px 7px;border-radius:5px;background:var(--brand);color:#fff;font-size:11px}.stack-front-page>i{display:flex;flex-direction:column;gap:5px;min-width:0;padding:8px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg);box-shadow:0 4px 12px rgba(29,33,41,.06)}.stack-front-page>i:before{content:"UI";color:var(--text-2);font-size:11px;font-style:normal;font-weight:700}.stack-front-page u{display:block;height:5px;border-radius:99px;background:var(--bg-hover);text-decoration:none}.stack-front-page u:nth-child(2){width:76%}.stack-front-page u:nth-child(3){width:56%;background:color-mix(in srgb,var(--brand) 22%,var(--bg))}.stack-layer-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px}.stack-layer-row span{display:flex;min-width:0;align-items:center;justify-content:center;gap:4px;padding:5px 4px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg);color:var(--text-3);font-size:11px;white-space:nowrap}.stack-layer-row b{color:var(--text);font-size:11px}.stack-map-back{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--bg);box-shadow:0 7px 20px rgba(29,33,41,.06)}.stack-request,.stack-response{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft)}.stack-request>span{color:var(--text-3);font-size:11px}.stack-request>b,.stack-response>b{padding:2px 5px;border-radius:4px;background:color-mix(in srgb,var(--brand) 12%,var(--bg));color:var(--brand);font-size:11px}.stack-request code,.stack-response code{min-width:0;overflow:hidden;color:var(--text-2);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.stack-request>i,.stack-response>i{margin-left:auto;color:var(--text-3);font-size:11px;font-style:normal;white-space:nowrap}.stack-back-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;grid-gap:5px;gap:5px}.stack-back-pipeline>span{display:flex;min-width:0;min-height:58px;flex-direction:column;justify-content:center;gap:3px;padding:7px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg)}.stack-back-pipeline>span>i{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,var(--bg));color:var(--brand);font-size:11px;font-style:normal}.stack-back-pipeline b{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.stack-back-pipeline small{color:var(--text-3);font-size:11px;line-height:1.3}.stack-back-pipeline>em{color:var(--text-3);font-size:11px;font-style:normal}.stack-response{flex-direction:row-reverse}.stack-response>i{margin:0 auto 0 0}.dh-demo .stack-window{border-radius:12px}.dh-demo .stack-window-bar{height:30px;gap:6px;padding:0 11px}.dh-demo .stack-window-bar i{width:7px;height:7px}.dh-demo .stack-window-bar span{margin-left:7px;font-size:11px}.dh-demo .stack-front-nav{padding:11px 16px}.dh-demo .stack-front-nav b{font-size:12px;letter-spacing:1px}.dh-demo .stack-front-nav span{font-size:11px}.dh-demo .stack-front-page{grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr);gap:22px;padding:18px}.dh-demo .stack-front-page>span{gap:7px}.dh-demo .stack-front-page small{font-size:12px}.dh-demo .stack-front-page strong{font-size:19px}.dh-demo .stack-front-page em{font-size:11px}.dh-demo .stack-front-page>span>b{padding:7px 11px;border-radius:7px;font-size:11px}.dh-demo .stack-front-page>i{gap:8px;padding:14px;border-radius:10px}.dh-demo .stack-front-page>i:before{font-size:11px}.dh-demo .stack-front-page u{height:7px}.dh-demo .stack-layer-row{gap:8px}.dh-demo .stack-layer-row span{gap:6px;padding:9px 7px;border-radius:8px;font-size:11px}.dh-demo .stack-layer-row b{font-size:11px}.dh-demo .stack-map-back{gap:14px;padding:18px;border-radius:12px}.dh-demo .stack-request,.dh-demo .stack-response{gap:10px;padding:11px 14px;border-radius:9px}.dh-demo .stack-request>span{font-size:11px}.dh-demo .stack-request>b,.dh-demo .stack-response>b{padding:3px 7px;border-radius:5px;font-size:11px}.dh-demo .stack-request code,.dh-demo .stack-request>i,.dh-demo .stack-response code,.dh-demo .stack-response>i{font-size:11px}.dh-demo .stack-back-pipeline{gap:9px}.dh-demo .stack-back-pipeline>span{min-height:94px;gap:5px;padding:12px;border-radius:9px}.dh-demo .stack-back-pipeline>span>i{width:22px;height:22px;font-size:11px}.dh-demo .stack-back-pipeline b{font-size:13px}.dh-demo .stack-back-pipeline small{font-size:12px;line-height:1.45}.dh-demo .stack-back-pipeline>em{font-size:12px}.frontend-anat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;width:min(100%,530px)}.frontend-anat-part{display:flex;min-width:0;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg)}.frontend-anat-part b{color:var(--text);font-size:11px}.frontend-anat-part small{color:var(--text-3);font-size:11px;line-height:1.4}.frontend-anat-part.structure{border-top:2px solid #e07a5f}.frontend-anat-part.style{border-top:2px solid var(--brand)}.frontend-anat-part.behavior{border-top:2px solid #4d9b73}.frontend-anat-screen{grid-column:1/-1;display:flex;min-height:66px;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg)}.frontend-anat-screen:before{content:"";align-self:stretch;height:13px;border-bottom:1px solid var(--border-light);background:radial-gradient(circle at 9px 6px,var(--border) 0 2px,transparent 2.5px)}.frontend-anat-screen small{color:var(--brand);font-size:11px}.frontend-anat-screen b{color:var(--text);font-size:12px}.frontend-anat-screen i{width:64px;height:5px;border-radius:99px;background:var(--brand)}.foundation-scene{display:flex;width:100%;min-width:0;flex-direction:column;gap:7px}.foundation-scene-head{color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.5px}.foundation-note{color:var(--text-3);font-size:11px;line-height:1.45}.foundation-flow{display:flex;min-width:0;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.foundation-arrow{color:var(--text-3);font-size:11px}.foundation-step{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-2);font-size:11px;font-weight:600;white-space:nowrap}.foundation-box.blue,.foundation-step.blue{border-color:var(--border);background:var(--bg);color:var(--brand)}.foundation-box.green,.foundation-step.green{border-color:var(--border);background:var(--bg);color:var(--green)}.foundation-box.orange,.foundation-step.orange{border-color:var(--border);background:var(--bg);color:#c65d08}.foundation-box.red,.foundation-step.red{border-color:var(--border);background:var(--bg);color:var(--red)}.foundation-boxes{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));grid-gap:6px;gap:6px}.foundation-box{display:flex;min-width:0;flex-direction:column;gap:3px;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.foundation-box small,.foundation-compare small{color:var(--text-3);font-size:10px;font-weight:500}.foundation-box b{color:currentColor;font-size:11px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.foundation-code{display:flex;width:100%;min-width:0;flex-direction:column;gap:3px;padding:8px 10px;overflow:hidden;border:1px solid #243044;border-radius:7px;background:#111827;color:#d5def0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.foundation-code span{overflow-wrap:anywhere}.foundation-code em{color:#8390a7;font-style:normal}.foundation-code b{color:#9cc2ff;font-weight:650}.foundation-code b.success{color:#79d6a3}.foundation-code b.danger{color:#ff9f9f}.foundation-compare{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;grid-gap:6px;gap:6px}.foundation-compare>span{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:3px;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.foundation-compare>span.green,.foundation-compare>span.red{border-color:var(--border);background:var(--bg)}.foundation-compare>span.green b{color:var(--green)}.foundation-compare>span.red b{color:var(--red)}.foundation-compare b{color:var(--text);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.foundation-compare>i{align-self:center;color:var(--text-3);font-size:11px;font-style:normal}.foundation-scene-ui{width:min(100%,720px);margin:0 auto;overflow:hidden;border:0;border-radius:0;background:var(--bg)}.scene-shot:has(.foundation-scene-ui) .sc-bar{display:none}.scene-shot:has(.foundation-scene-ui) .sc-body{min-height:0;padding:0}.foundation-scene-ui-head{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}.foundation-scene-ui-head span{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.foundation-scene-ui-head b{color:var(--text);font-size:14px}.foundation-scene-ui-body{display:flex;min-height:96px;align-items:center;justify-content:center;padding:16px}.foundation-scene-ui-foot{padding:9px 16px;border-top:1px solid var(--border-light);color:var(--text-3);font-size:11px;line-height:1.5}.foundation-scene-ui .foundation-boxes,.foundation-scene-ui .foundation-code,.foundation-scene-ui .foundation-compare{max-width:620px}.foundation-scene-ui .foundation-box{min-height:52px;justify-content:center}.foundation-scene-ui .foundation-box small,.foundation-scene-ui .foundation-compare small{font-size:11px}.foundation-scene-ui .foundation-box b,.foundation-scene-ui .foundation-compare b{font-size:12px}.foundation-scene-ui .foundation-step{min-height:30px;padding:5px 10px;font-size:12px}.foundation-scene-ui .foundation-code{padding:12px 14px;font-size:11px;line-height:1.55}.foundation-ui-hero{display:flex;max-width:520px;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.foundation-ui-hero>.foundation-ui-kicker{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:1px}.foundation-ui-hero h3{margin:0;color:var(--text);font-size:22px;line-height:1.2}.foundation-ui-hero p{margin:0;color:var(--text-2);font-size:12px}.foundation-ui-form{display:flex;width:min(100%,440px);flex-direction:column;align-items:stretch;gap:9px}.foundation-ui-field{display:flex;flex-direction:column;gap:4px}.foundation-ui-field>span{color:var(--text-2);font-size:11px}.foundation-ui-field>b{min-height:34px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font-size:12px;font-weight:500}.foundation-ui-field.error>b{border-color:color-mix(in srgb,var(--red) 55%,var(--border));background:var(--red-light);color:var(--red)}.foundation-ui-action{display:inline-flex;min-height:32px;align-items:center;justify-content:center;align-self:flex-start;padding:6px 12px;border:1px solid transparent;border-radius:7px;background:var(--brand);color:#fff;font-size:12px;font-weight:650}.foundation-ui-action.red{background:var(--red)}.foundation-ui-action.neutral{border-color:var(--border);background:var(--bg);color:var(--text-2)}@media (max-width:720px){.stack-front-page{grid-template-columns:minmax(0,1fr) 72px}.stack-back-pipeline{grid-template-columns:1fr}.stack-back-pipeline>em{display:none}.stack-back-pipeline>span{min-height:48px}.frontend-anat{grid-template-columns:1fr}.frontend-anat-screen{grid-column:1}.foundation-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-scene-ui-head{padding:10px 12px}.foundation-scene-ui-body{min-height:84px;padding:12px}.foundation-scene-ui-foot{padding:8px 12px}.foundation-ui-hero h3{font-size:18px}}.sl-demo{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}.sl-io{display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff}.sl-io small{color:var(--text-3);font-size:10px}.sl-io b{color:var(--text-2);font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sl-arrow{color:var(--text-3);font-size:12px;font-style:normal}.sl-fn{display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--border));border-radius:8px;background:var(--brand-light)}.sl-fn b{color:var(--brand);font-size:12px}.sl-fn small{color:var(--text-3);font-size:10px}.sl-note{flex-basis:100%;color:var(--text-3);font-size:11px;text-align:center}.auth-demo,.az-demo,.fw-demo,.route-demo,.sql-demo,.val-demo{display:grid;grid-gap:10px;gap:10px;width:100%;max-width:360px}.fw-pipe{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;grid-gap:4px;gap:4px}.auth-anat>i,.auth-flow>i,.fw-anat>i,.fw-pipe>i,.val-anat>i{align-self:center;color:var(--text-3);font-size:12px;font-style:normal}.fw-anat-step,.fw-step{display:grid;grid-gap:2px;gap:2px;min-width:0;padding:8px 7px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg);text-align:center}.fw-anat-step small,.fw-step small{color:var(--text-3);font-size:10px}.fw-anat-step b,.fw-step b{color:var(--text);font-size:12px}.fw-step em{color:var(--text-3);font-size:10px;font-style:normal;line-height:1.3;overflow-wrap:anywhere}.fw-anat-step.on,.fw-step.on{border-color:color-mix(in srgb,var(--brand) 30%,var(--border));background:var(--brand-light)}.fw-anat-step.on b,.fw-step.on b{color:var(--brand)}.fw-note,.route-note{color:var(--text-3);font-size:11px;text-align:center;line-height:1.4}.fw-anat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.fw-variant{color:var(--text-2);font-size:12px}.route-board{display:grid;grid-gap:6px;gap:6px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.route-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;min-height:32px;padding:6px 8px;border:1px solid transparent;border-radius:7px;background:var(--bg-soft)}.route-row.on{border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:color-mix(in srgb,var(--brand-light) 55%,var(--bg))}.m-del,.m-get,.m-patch,.m-post,.route-row b{display:inline-grid;place-items:center;min-width:44px;min-height:20px;border-radius:4px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.02em}.m-get,.route-row b.m-get{background:#16a34a}.m-post,.route-row b.m-post{background:var(--brand)}.m-patch{background:#d97706}.m-del{background:#dc2626}.route-row code{min-width:0;overflow:hidden;color:var(--text);font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.route-row span{color:var(--text-3);font-size:11px;white-space:nowrap}.route-anat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.route-piece{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.route-piece.path{color:var(--text);background:var(--bg-soft)}.route-piece.query{color:var(--text-3);background:var(--bg-soft)}.sql-demo{max-width:320px}.sql-query{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border:1px solid #243044;border-radius:10px;background:#171a22;color:#dbe4ff;font:500 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}.sql-query b{color:#93c5fd;font-weight:700}.sql-query.compact{padding:8px 10px;font-size:11px}.sql-bridge{display:flex;justify-content:center}.sql-bridge span{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;color:var(--brand);background:var(--brand-light);font-size:11px;font-weight:650}.sql-table{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:12px}.sql-head,.sql-row{display:grid;grid-template-columns:32px 1fr 1fr}.sql-head span,.sql-row span{padding:6px 8px;border-bottom:1px solid var(--border-light)}.sql-head span{color:var(--text-3);background:var(--bg-soft);font-size:11px;font-weight:700}.sql-row span{color:var(--text-2)}.sql-row:last-child span{border-bottom:0}.sql-row.hit span{color:var(--text);background:color-mix(in srgb,var(--brand) 10%,var(--bg));font-weight:650}.sql-row.dim span{color:var(--text-3);opacity:.72}.sql-anat{display:grid;grid-gap:8px;gap:8px;width:min(100%,320px)}.sql-variant{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.val-form{display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.val-form label{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;min-height:34px;padding:6px 8px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-soft)}.val-form label>span{color:var(--text-3);font-size:11px}.val-form label>b{min-width:0;color:var(--text);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.val-form label>i{font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}.val-form label.ok{border-color:color-mix(in srgb,var(--green) 30%,var(--border))}.val-form label.ok>i{color:color-mix(in srgb,var(--green) 80%,var(--text))}.val-form label.bad{border-color:color-mix(in srgb,var(--red) 34%,var(--border));background:color-mix(in srgb,var(--red) 6%,var(--bg))}.val-form label.bad>b,.val-form label.bad>i{color:#b42318}.val-gate{display:grid;grid-gap:2px;gap:2px;justify-items:center;padding:8px;border-radius:8px;background:color-mix(in srgb,var(--red) 7%,var(--bg));border:1px solid color-mix(in srgb,var(--red) 22%,var(--border));text-align:center}.val-gate small{color:var(--text-3);font-size:10px}.val-gate strong{color:#b42318;font-size:12px}.val-anat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.auth-piece,.az-piece,.val-piece{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text-2);font-size:12px;font-weight:650}.auth-piece.on,.val-piece.rules{border-color:color-mix(in srgb,var(--brand) 28%,var(--border));color:var(--brand);background:var(--brand-light)}.auth-piece.ok,.val-piece.ok{border-color:color-mix(in srgb,var(--green) 30%,var(--border));color:color-mix(in srgb,var(--green) 78%,var(--text));background:color-mix(in srgb,var(--green) 8%,var(--bg))}.val-piece.bad{border-color:color-mix(in srgb,var(--red) 30%,var(--border));color:#b42318;background:color-mix(in srgb,var(--red) 6%,var(--bg))}.val-or{color:var(--text-3);font-size:11px}.auth-card{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:0 8px 20px color-mix(in srgb,var(--text) 5%,transparent)}.auth-card label{display:grid;grid-gap:4px;gap:4px}.auth-card label>span{color:var(--text-3);font-size:11px}.auth-card label>b{min-height:32px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--bg-soft);font-size:12px;font-weight:500}.auth-card button{min-height:34px;border:0;border-radius:8px;color:#fff;background:var(--brand);font-size:12px;font-weight:700;cursor:default}.auth-anat,.auth-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.auth-flow span{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border:1px solid var(--border-light);border-radius:999px;color:var(--text-3);background:var(--bg);font-size:11px;font-weight:650}.auth-flow span.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:var(--brand-light)}.auth-flow span.ok{color:color-mix(in srgb,var(--green) 78%,var(--text));border-color:color-mix(in srgb,var(--green) 28%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--bg))}.auth-variant{color:var(--text-2);font-size:12px}.auth-variant code{font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.az-who{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.az-who small{color:var(--text-3);font-size:11px}.az-who b{color:var(--text);font-size:12px}.az-matrix{display:grid;grid-gap:4px;gap:4px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.az-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;min-height:30px;padding:5px 8px;border-radius:6px;background:var(--bg-soft);font-size:12px}.az-row span{color:var(--text-2)}.az-row em{min-width:40px;padding:2px 7px;border-radius:999px;font-size:11px;font-style:normal;font-weight:750;text-align:center}.az-row em.ok{color:color-mix(in srgb,var(--green) 78%,var(--text));background:color-mix(in srgb,var(--green) 10%,var(--bg))}.az-row em.no{color:#b42318;background:color-mix(in srgb,var(--red) 8%,var(--bg))}.az-anat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.az-can{color:var(--text-3);font-size:11px}.az-piece.action{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:var(--brand-light)}.az-piece.resource{color:color-mix(in srgb,var(--green) 72%,var(--text));border-color:color-mix(in srgb,var(--green) 28%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--bg))}.az-variant{color:var(--text-2);font-size:12px}.az-variant.mono{font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.dh-demo .auth-demo,.dh-demo .az-demo,.dh-demo .fw-demo,.dh-demo .route-demo,.dh-demo .sql-demo,.dh-demo .val-demo{max-width:420px}.dh-demo .fw-step{min-height:78px;padding:12px 10px}.dh-demo .sql-query{font-size:13px;padding:14px 16px}.dh-demo .auth-card{padding:16px}@media (min-width:721px){.detail-hero .dh-demo :is(.fw-demo,.route-demo,.sql-demo,.val-demo,.auth-demo,.az-demo){width:100%;max-width:none}.detail-hero .dh-demo .fw-step{min-height:104px}.detail-hero .dh-demo .sql-demo{grid-template-columns:minmax(0,.9fr) auto minmax(0,1.1fr);align-items:stretch}.detail-hero .dh-demo .sql-bridge{align-items:center}.detail-hero .dh-demo .val-demo{grid-template-columns:minmax(0,1.35fr) minmax(220px,.75fr);align-items:stretch}.detail-hero .dh-demo .auth-demo{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:center;gap:28px}.detail-hero .dh-demo .auth-flow{flex-wrap:nowrap;justify-content:space-between}.detail-hero .dh-demo .az-demo{grid-template-columns:minmax(190px,.6fr) minmax(0,1.4fr);align-items:stretch;gap:18px}.detail-hero .dh-demo .az-who{flex-direction:column;align-items:flex-start;justify-content:center}}@media (max-width:720px){.auth-demo,.az-demo,.fw-demo,.route-demo,.sql-demo,.val-demo{max-width:100%}.fw-pipe{grid-template-columns:minmax(0,1fr);gap:6px}.fw-pipe>i{justify-self:center;transform:rotate(90deg)}.fw-step{min-height:0}.route-row{grid-template-columns:48px minmax(0,1fr)}.route-row span{grid-column:2;white-space:normal}.sql-query{font-size:11px;padding:10px}.sql-head,.sql-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)}.val-form label{grid-template-columns:40px minmax(0,1fr);gap:4px 8px}.val-form label>i{grid-column:2;justify-self:start}.auth-card{padding:10px}.auth-flow{gap:4px}.auth-flow span{font-size:10px;padding:3px 6px}.az-who{flex-wrap:wrap}.dh-demo .fw-step{min-height:0;padding:10px 8px}}.foundation-card-visual{width:min(420px,100%);min-width:0;color:var(--text);font-size:11px}.foundation-card-visual *,.foundation-card-visual :after,.foundation-card-visual :before{box-sizing:border-box}.foundation-card-visual button,.foundation-card-visual code,.foundation-card-visual input{font:inherit}.foundation-card-visual button{border:0;cursor:default}.fc-foot{color:var(--text-3);font-size:10px;line-height:1.35;text-align:center}.fc-component{display:grid;grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr);grid-gap:9px 12px;gap:9px 12px;align-items:center}.fc-component-source{display:grid;grid-gap:4px;gap:4px;padding:11px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:9px;background:var(--brand-light)}.fc-component-pages small,.fc-component-source small{color:var(--text-3);font-size:9px}.fc-component-source b{color:var(--brand);font-size:13px}.fc-component-source code{color:var(--text-2);font-size:9px}.fc-component-pages{display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;grid-gap:4px;gap:4px}.fc-component-pages span{display:grid;grid-gap:5px;gap:5px;min-width:0;padding:10px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.fc-component-pages span b{overflow:hidden;font-size:9px;text-overflow:ellipsis}.fc-component-pages i{height:1px;background:var(--brand)}.fc-component .fc-foot{grid-column:1/-1}.fc-state{display:grid;grid-gap:9px;gap:9px}.fc-state-form{display:grid;grid-template-columns:1fr auto;grid-gap:4px 8px;gap:4px 8px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}.fc-state-form small{grid-column:1/-1;color:var(--text-3);font-size:9px}.fc-state-form b{align-self:center}.fc-state-form button{padding:4px 8px;border-radius:6px;color:#15803d;background:var(--green-light)}.fc-state-track{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.fc-state-track span{padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);white-space:nowrap}.fc-state-track em,.fc-state-track i{color:var(--text-3);font-size:9px;font-style:normal}.fc-state-track .ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));color:#15803d;background:var(--green-light)}.fc-state-track .fail{color:var(--red);background:var(--red-light)}.fc-port{display:grid;grid-gap:8px;gap:8px}.fc-port-address{display:flex;align-items:center;justify-content:center;gap:9px}.fc-port-address code{padding:5px 9px;border-radius:6px;color:var(--brand);background:var(--brand-light);font-weight:700}.fc-port-address b{color:var(--text-2);font-size:10px}.fc-port-sockets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.fc-port-sockets span{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:9px 5px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.fc-port-sockets span.active{border-color:color-mix(in srgb,var(--brand) 42%,var(--border));background:var(--brand-light)}.fc-port-sockets code{color:var(--brand);font-weight:700}.fc-port-sockets b{color:var(--text-2);font-size:10px}.fc-box-model{display:grid;grid-template-columns:minmax(155px,1.15fr) minmax(110px,.85fr);align-items:center;grid-gap:8px 14px;gap:8px 14px}.fc-box-layers span{display:grid;place-items:center;width:100%;height:100%;font-size:9px}.fc-box-layers .margin{padding:6px;border:1px dashed var(--border);color:var(--text-3);background:var(--bg-soft)}.fc-box-layers .border{padding:6px;color:var(--text-2);background:var(--text-2)}.fc-box-layers .padding{padding:9px;color:var(--brand);background:var(--brand-light)}.fc-box-layers b{width:100%;padding:9px 5px;color:var(--text);background:var(--bg);font-size:10px;text-align:center}.fc-box-equation{display:grid;justify-items:center;grid-gap:6px;gap:6px}.fc-box-equation code{color:var(--text-3);font-size:10px}.fc-box-equation strong{color:var(--brand);font-size:18px}.fc-box-model .fc-foot{grid-column:1/-1}.fc-overflow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(105px,.7fr);align-items:center;grid-gap:12px;gap:12px}.fc-overflow-window{position:relative;height:78px;overflow:hidden;display:grid;grid-gap:3px;gap:3px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.fc-overflow-window small{color:var(--red);font-size:8px}.fc-overflow-window span{color:var(--text-2);font-size:9px}.fc-overflow-window button{justify-self:start;margin-top:3px;padding:5px 8px;border-radius:5px;color:white;background:var(--brand)}.fc-overflow-window i{position:absolute;right:0;bottom:0;left:0;height:13px;border-top:1px dashed var(--red);color:var(--red);background:color-mix(in srgb,var(--red-light) 88%,transparent);font-size:8px;font-style:normal;text-align:right}.fc-overflow-note{display:grid;grid-gap:6px;gap:6px;text-align:center}.fc-overflow-note span{padding:5px;border-radius:6px;font-size:9px}.fc-overflow-note .fail{color:var(--red);background:var(--red-light)}.fc-overflow-note .ok{color:#15803d;background:var(--green-light)}.fc-overflow-note b{color:var(--text-3)}.fc-cors{display:grid;grid-gap:8px;gap:8px}.fc-cors-request{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:7px;gap:7px}.fc-cors-request span{display:grid;grid-gap:3px;gap:3px;min-width:0;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);text-align:center}.fc-cors-request small{color:var(--text-3);font-size:9px}.fc-cors-request b{overflow:hidden;font-size:10px;text-overflow:ellipsis}.fc-cors-request i{color:var(--brand);font-style:normal}.fc-cors-response{display:flex;align-items:center;gap:7px}.fc-cors-response code{min-width:0;flex:1 1;overflow:hidden;padding:6px 8px;border-radius:6px;color:var(--brand);background:var(--brand-light);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.fc-cors-response .ok{color:#15803d;font-size:9px;white-space:nowrap}.fc-storage{display:grid;grid-gap:8px;gap:8px}.fc-storage-devices{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:7px;gap:7px}.fc-storage-devices section{display:grid;grid-gap:4px;gap:4px;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:8px;background:var(--brand-light)}.fc-storage-devices section.empty{border-color:var(--border);background:var(--bg)}.fc-storage-devices small{color:var(--text-3);font-size:9px}.fc-storage-devices b,.fc-storage-devices code{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.fc-storage-devices>i{color:var(--red);font-size:9px;font-style:normal;text-align:center}.fc-storage-server{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:8px;gap:8px;color:var(--text-3);font-size:9px;text-align:center}.fc-storage-server b{padding:5px 8px;border-radius:6px;color:#15803d;background:var(--green-light);font-size:10px}.fc-seo{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:8px 12px;gap:8px 12px;align-items:center}.fc-seo article,.fc-seo-result{display:grid;grid-gap:4px;gap:4px;min-width:0;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.fc-seo small{color:var(--text-3);font-size:9px}.fc-seo article span{color:var(--text-2);font-size:9px;line-height:1.4}.fc-seo-result a{color:var(--brand);font-size:11px;font-weight:650}.fc-seo-result code{color:#15803d;font-size:9px}.fc-seo .fc-foot{grid-column:1/-1}.fc-redirect{display:grid;grid-gap:8px;gap:8px}.fc-redirect-bar{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:8px;gap:8px;padding:6px 9px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.fc-redirect-bar small{color:var(--text-3);font-size:9px}.fc-redirect-bar code{overflow:hidden;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap}.fc-redirect-network{display:flex;align-items:stretch;justify-content:center;gap:5px}.fc-redirect-network span{display:grid;grid-gap:2px;gap:2px;min-width:0;padding:6px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.fc-redirect-network span.location{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:var(--brand-light)}.fc-redirect-network span.ok{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:var(--green-light)}.fc-redirect-network span b{font-size:9px}.fc-redirect-network span code{overflow:hidden;color:var(--text-3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.fc-redirect-network>i{align-self:center;color:var(--brand);font-size:9px;font-style:normal}.fc-chat{overflow:hidden;display:grid;border:1px solid var(--border);border-radius:9px;background:var(--bg)}.fc-chat-head{display:flex;justify-content:space-between;padding:6px 9px;border-bottom:1px solid var(--border-light)}.fc-chat-head small{color:#15803d;font-size:9px}.fc-chat-messages{display:grid;grid-gap:4px;gap:4px;padding:7px 9px}.fc-chat-messages p{width:-moz-fit-content;width:fit-content;max-width:82%;margin:0;padding:4px 7px;border-radius:6px;color:var(--text-2);background:var(--bg-soft);font-size:9px}.fc-chat-messages p.user{justify-self:end;color:var(--brand);background:var(--brand-light)}.fc-chat-messages p.error{color:var(--red);background:var(--red-light)}.fc-chat-input{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-top:1px solid var(--border-light);color:var(--text-3);font-size:9px}.fc-chat-input button{padding:4px 7px;border-radius:5px;color:white;background:var(--brand)}.fc-responsive{display:grid;grid-template-columns:minmax(0,1.35fr) auto minmax(80px,.65fr);align-items:center;grid-gap:7px;gap:7px}.fc-responsive>b{color:var(--brand);font-size:9px;font-weight:600}.fc-responsive-view{overflow:hidden;display:grid;grid-gap:4px;gap:4px;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.fc-responsive-view>small{color:var(--text-3);font-size:8px}.fc-responsive-view header{padding:4px;color:white;background:var(--text);font-size:8px;white-space:nowrap}.fc-responsive-view section{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px}.fc-responsive-view section i{height:36px;border-radius:3px;background:var(--brand-light)}.fc-responsive-view.mobile section{grid-template-columns:1fr}.fc-responsive-view.mobile section i{height:10px}.fc-responsive .fc-foot{grid-column:1/-1}.fc-search{display:grid;grid-gap:7px;gap:7px}.fc-search-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:7px;gap:7px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--brand) 40%,var(--border));border-radius:8px;background:var(--bg)}.fc-search-input span{color:var(--brand);font-size:15px}.fc-search-input i{color:var(--text-3);font-style:normal}.fc-search-results{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.fc-search-results article{display:grid;grid-gap:3px;gap:3px;padding:7px 9px;border-radius:7px;background:var(--bg-soft)}.fc-search-results small{color:var(--text-3);font-size:9px}.fc-search-results mark{color:var(--brand);background:color-mix(in srgb,var(--brand-light) 65%,transparent)}.fc-filter{display:grid;grid-gap:7px;gap:7px}.fc-filter-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.fc-filter-controls span{padding:4px 7px;border-radius:999px;color:var(--brand);background:var(--brand-light);font-size:9px}.fc-filter-controls button{margin-left:auto;color:var(--text-3);background:transparent;font-size:9px}.fc-filter-list{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;padding-right:48px}.fc-filter-list article{display:grid;grid-gap:3px;gap:3px;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.fc-filter-list small{color:var(--text-3);font-size:9px}.fc-filter-list>i{position:absolute;top:50%;right:0;color:var(--brand);font-size:9px;font-style:normal;transform:translateY(-50%)}.fc-chart{display:grid;grid-gap:6px;gap:6px}.fc-chart-head{display:flex;align-items:center;justify-content:space-between}.fc-chart-head small{color:var(--text-3);font-size:9px}.fc-chart-bars{height:76px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;grid-gap:6px;gap:6px;padding:5px 8px 0;border-bottom:1px solid var(--border)}.fc-chart-bars span{position:relative;height:100%;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:end;grid-gap:3px;gap:3px}.fc-chart-bars span i{width:70%;height:var(--v);border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--brand) 35%,var(--bg-soft))}.fc-chart-bars span.max i{background:var(--brand)}.fc-chart-bars small{color:var(--text-3);font-size:8px}.fc-chart-bars span b{position:absolute;top:0;color:var(--brand);font-size:9px}.fc-dark-mode{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:7px;gap:7px}.fc-dark-mode>i{color:var(--brand);font-style:normal}.fc-theme{display:grid;grid-gap:5px;gap:5px;padding:9px;border:1px solid #d8dce5;border-radius:8px;color:#20232b;background:#fff}.fc-theme small{color:#6b7280;font-size:9px}.fc-theme span{font-size:9px}.fc-theme button{justify-self:start;padding:4px 7px;border-radius:5px;color:#fff;background:#3156d3}.fc-theme.dark{border-color:#3d4452;color:#f3f4f6;background:#171a21}.fc-theme.dark small,.fc-theme.dark span{color:#aeb4c0}.fc-dark-mode .fc-foot{grid-column:1/-1}.fc-design-token{display:grid;grid-gap:0;gap:0}.fc-token-source{justify-self:center;display:grid;grid-gap:3px;gap:3px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:7px;background:var(--brand-light)}.fc-token-source small{color:var(--text-3);font-size:8px}.fc-token-source code{color:var(--brand);font-size:9px;font-weight:700}.fc-token-links{width:68%;height:15px;justify-self:center;display:grid;grid-template-columns:repeat(3,1fr)}.fc-token-links i{border-top:1px solid var(--brand);border-left:1px solid var(--brand)}.fc-token-links i:last-child{border-right:1px solid var(--brand)}.fc-token-components{display:grid;grid-template-columns:.75fr 1fr 1fr;align-items:stretch;grid-gap:6px;gap:6px}.fc-token-components article,.fc-token-components button,.fc-token-components label{min-width:0;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.fc-token-components button{align-self:center;color:white;background:var(--brand)}.fc-token-components label{display:grid;grid-gap:3px;gap:3px;color:var(--text-3);font-size:8px}.fc-token-components input{min-width:0;width:100%;border:0;color:var(--text);background:transparent;font-size:9px}.fc-token-components article{display:grid;grid-gap:3px;gap:3px;border-color:var(--brand)}.fc-token-components article small{color:var(--brand);font-size:8px}.fc-token-components article b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.fc-design-token .fc-foot{margin-top:6px}@media (max-width:560px){.fc-box-model,.fc-component,.fc-overflow,.fc-seo{grid-template-columns:minmax(0,1fr)}.fc-box-model .fc-foot,.fc-component .fc-foot,.fc-seo .fc-foot{grid-column:1}.fc-overflow-note{grid-template-columns:1fr auto 1fr;align-items:center}.fc-redirect-network{gap:3px}.fc-redirect-network span{padding:5px 3px}}.server-log-mini{width:min(420px,100%);overflow:hidden;display:grid;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--bg);font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.server-log-mini-head{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}.server-log-mini-head code{color:var(--brand)}.server-log-mini-lines{display:grid;padding:5px 9px}.server-log-mini-lines span{display:grid;grid-template-columns:52px minmax(80px,1fr) minmax(90px,1.2fr);grid-gap:7px;gap:7px;padding:4px 0;color:var(--text-2);border-bottom:1px solid var(--border-light)}.server-log-mini-lines span:last-child{border-bottom:0}.server-log-mini-lines i{color:var(--text-3);font-style:normal}.server-log-mini-lines code{overflow:hidden;color:var(--brand);text-overflow:ellipsis;white-space:nowrap}.server-log-mini-lines .ok b,.server-log-mini-lines .ok code{color:#15803d}.server-log-mini>small{padding:5px 9px;color:var(--text-3);background:var(--bg-soft);text-align:center}