.zi-range{display:flex;gap:.6rem;align-items:center;margin-bottom:.9rem}
.zi-range input{flex:1;min-width:0;padding:0;border:0;accent-color:var(--redline)}
.zi-range output{min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}
.zi-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,11.5rem);gap:.75rem}
.zi-stage{position:relative;padding:12px;background:color-mix(in srgb,var(--fg) 4%,transparent)}
.zi-stage code{font-size:.85em;color:var(--muted)}
.zi-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:.5rem;height:48px;padding:0 .75rem;border:1px solid var(--rule);background:var(--bg);box-shadow:0 6px 16px -10px rgba(0,0,0,.35)}
.zi-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem;height:112px;margin-top:22px;padding:.6rem .75rem;border:1px solid var(--rule);border-radius:8px;background:var(--bg)}
.zi-card.is-transform{transform:translateZ(0)}
.zi-card.is-opacity{opacity:.99}
.zi-card.is-isolate{isolation:isolate}
.zi-card.is-z{z-index:3}
.zi-card-css{overflow-wrap:anywhere}
.zi-tip{position:absolute;top:-34px;left:14px;padding:.35rem .6rem;border-radius:6px;background:var(--redline);color:#fff;white-space:nowrap;box-shadow:0 6px 18px -8px rgba(0,0,0,.45)}
.zi-tree{padding:.6rem;border:1px solid var(--rule)}
.zi-tree-title{margin-bottom:.4rem;color:var(--muted)}
.zi-node{padding:.3rem .45rem;border:1px solid var(--rule)}
.zi-node .zi-node{margin-top:.35rem}
.zi-node p{display:flex;justify-content:space-between;gap:.5rem}
.zi-node b{color:var(--muted);font-weight:inherit;text-align:right}
.zi-node.is-flat{border-style:dashed}
.zi-node.is-tip{border-color:var(--redline);color:var(--redline)}
.zi-node.is-tip b{color:inherit}
.zi-esc-stage{overflow:hidden}
.zi-esc-card{margin-top:10px;transform:translateZ(0);overflow:hidden;align-items:flex-start}
.zi-anchor{margin:14px 0 auto;min-height:2rem;padding:.2rem .7rem;border:1px solid var(--rule);border-radius:6px;background:var(--bg);color:inherit;font:inherit}
.zi-esc-inner{top:0}
.zi-pop{position:fixed;inset:auto;top:0;left:0;margin:0;border:0;overflow:visible}
@media (max-width:520px){.zi-wrap{grid-template-columns:minmax(0,1fr)}}