.ed-data{--df-ink:#101319;--df-muted:#515b6a;--df-line:rgba(16,19,25,.14);max-width:1180px;margin:0 auto;padding:clamp(64px,9vw,120px) clamp(20px,5vw,40px) 0;color:var(--df-ink);scroll-margin-top:90px}
.ed-data-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end}
.ed-data-kicker{margin:0 0 18px;font:12px/1.5 'JetBrains Mono',monospace;color:var(--df-muted)}
.ed-data h2{margin:0;font:300 clamp(27px,3.4vw,44px)/1.16 Unbounded,sans-serif;letter-spacing:-.035em;text-wrap:balance}
.ed-data-color{background-image:linear-gradient(115deg,#2a3444 8%,#b4318f 26%,#c98a12 40%,#0f8a5e 54%,#2f6fd0 68%,#6b3fd4 80%,#2a3444 96%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:holoShift 6.9s ease-in-out infinite}
.ed-data-intro{max-width:40ch;margin:0 0 3px;font:400 16px/1.7 Onest,sans-serif;color:var(--df-muted);text-wrap:pretty}
.ed-data-choose{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 24px;padding-top:24px;border-top:1px solid var(--df-line)}
.ed-data-choose>span{font-size:14px;color:var(--df-muted)}
.ed-data-modes{display:flex;gap:6px;flex-wrap:wrap}
.ed-data-modes button{min-height:44px;padding:10px 18px;border:0;border-radius:8px;background:transparent;color:var(--df-muted);font:500 14px/1.4 Onest,sans-serif;cursor:pointer;transition:background-color 180ms ease-out,color 180ms ease-out,transform 150ms ease-out}
.ed-data-modes button:hover{background:rgba(16,19,25,.06);color:var(--df-ink)}
.ed-data-modes button[aria-pressed=true]{background:var(--df-ink);color:#fff}
.ed-data-modes button:focus-visible{outline:2px solid #356c7a;outline-offset:3px}
.ed-data-modes button:active{transform:scale(.96)}
.ed-data-flow{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:36px;align-items:stretch}
.ed-data-flow>div{min-width:0;padding:24px 0;position:relative}
.ed-data-step{display:flex;gap:10px;margin:0 0 24px;font:11px/1.5 'JetBrains Mono',monospace;color:var(--df-muted)}
.ed-data-step>span{font-variant-numeric:tabular-nums}
.ed-data h3{font:400 19px/1.35 Onest,sans-serif;margin:0 0 24px;letter-spacing:-.025em;text-wrap:balance}
.ed-data-source-list{display:grid;gap:20px}
.ed-data-source{display:flex;align-items:center;gap:12px}
.ed-data-source-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid var(--df-line);border-radius:8px;font:10px 'JetBrains Mono',monospace;background:#f6f7f9}
.ed-data-source strong{font:500 15px/1.4 Onest,sans-serif}
.ed-data-source p{font:400 13px/1.5 Onest,sans-serif;margin:3px 0 0;color:var(--df-muted)}
.ed-data .ed-data-engine{padding:24px;border-radius:16px;isolation:isolate;background:linear-gradient(155deg,#f6f4fb,#cfd6ea 30%,#b9c6d8 48%,#8b96a6 70%,#e8e4f2 88%,#eef1f7)}
.ed-data-engine>span{border-radius:inherit;overflow:hidden}
.ed-data-engine>.ed-data-step,.ed-data-engine>h3,.ed-data-engine>.ed-data-actions,.ed-data-engine>.ed-data-engine-note{position:relative;z-index:2}
.ed-data-engine::before,.ed-data-engine::after{content:'→';position:absolute;top:50%;color:var(--df-muted);font-size:22px;line-height:1;transform:translateY(-50%)}
.ed-data-engine::before{left:-28px}.ed-data-engine::after{right:-28px}
.ed-data-actions{list-style:none;padding:0;margin:0;counter-reset:actions}
.ed-data-actions li{counter-increment:actions;display:flex;gap:10px;padding:12px 0;font:400 14px/1.5 Onest,sans-serif;border-top:1px solid rgba(16,19,25,.1)}
.ed-data-actions li::before{content:counter(actions);font:11px/1.9 'JetBrains Mono',monospace;color:var(--df-muted)}
.ed-data-engine-note{display:flex;align-items:center;gap:8px;margin-top:18px;font:400 12px/1.5 Onest,sans-serif;color:var(--df-muted)}
.ed-data-output{padding:18px;border:1px solid var(--df-line);border-radius:10px;background:rgba(255,255,255,.6)}
.ed-data-output-top{display:flex;justify-content:space-between;gap:8px;font:10px/1.5 'JetBrains Mono',monospace;color:var(--df-muted);margin-bottom:20px}
.ed-data-output strong{display:block;font:500 16px/1.4 Onest,sans-serif;text-wrap:balance}
.ed-data-output p{margin:10px 0 20px;font:400 13px/1.6 Onest,sans-serif;color:var(--df-muted)}
.ed-data-output-status{display:flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid var(--df-line);font:400 11px/1.5 Onest,sans-serif;color:#356c7a}
.ed-data-output-status>span:first-child{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.ed-data-caption{font:400 11px/1.6 Onest,sans-serif;margin:20px 0 0;color:var(--df-muted)}
.ed-data-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;border-top:1px solid var(--df-line);padding-top:24px;margin-top:28px}
.ed-data-controls h4{margin:0 0 8px;font:500 14px/1.5 Onest,sans-serif}
.ed-data-controls p{margin:0;font:400 13px/1.6 Onest,sans-serif;color:var(--df-muted);text-wrap:pretty}
.ed-data-example-note{margin:24px 0 0;font:400 11px/1.6 Onest,sans-serif;color:var(--df-muted)}
@media(max-width:850px){.ed-data-heading{grid-template-columns:1fr;gap:24px}.ed-data-intro{max-width:60ch}.ed-data-flow{gap:24px}.ed-data .ed-data-engine{padding:20px 16px}.ed-data-engine::before{left:-19px}.ed-data-engine::after{right:-19px}.ed-data-controls{gap:24px}}
@media(max-width:640px){.ed-data-choose{align-items:flex-start;flex-direction:column;gap:12px;margin-top:28px}.ed-data-modes{width:100%}.ed-data-modes button{flex:1;padding:10px 12px}.ed-data-flow{grid-template-columns:1fr;gap:20px}.ed-data-flow>div{padding:16px 0}.ed-data-step{margin-bottom:12px}.ed-data h3{margin-bottom:18px}.ed-data-source-list{gap:14px}.ed-data .ed-data-engine{padding:24px}.ed-data-engine::before{content:'↓';top:-14px;left:50%;transform:translateX(-50%)}.ed-data-engine::after{content:'↓';top:auto;bottom:-18px;right:auto;left:50%;transform:translateX(-50%)}.ed-data-controls{grid-template-columns:1fr;gap:20px;margin-top:16px}.ed-data-caption{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.ed-data-modes button{transition:none}.ed-data-modes button:active{transform:none}.ed-data-color,.ed-data-engine [data-foil-flow],.ed-data-engine [data-sheen]>span{animation:none!important}}