.zr-intro{padding:28px 0 30px}.zr-eyebrow{display:block;font:11px ui-monospace,monospace;letter-spacing:.16em;color:#8c7699}.tool-page .zr-intro h1{display:block;font-size:clamp(36px,4.7vw,58px);line-height:1.22;letter-spacing:-.055em;color:#463b4d;font-weight:650;margin:17px 0}.zr-intro h1 em{font-style:normal;color:#9a7ba8}.zr-intro>p{color:#8b7f92;font-size:14px;line-height:1.85;margin:0}.zr-mobile-break{display:none}.zr-lab{--zr-ink:#58475f;--zr-muted:#95849d;--zr-purple:#92729f;--zr-edge:#e3dae8;background:#fcfafd;color:var(--zr-ink);border:1px solid var(--zr-edge);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 270px;box-shadow:0 18px 65px #55406709}.zr-scene{min-width:0;background:linear-gradient(145deg,#f9f6fa,#f3eff5 60%,#f9f6f1);padding-bottom:20px;position:relative}.zr-scene-top{display:flex;justify-content:space-between;gap:12px;padding:24px 25px 0;color:#a18baa;font:10px ui-monospace,monospace;letter-spacing:.1em}.zr-scene-top span:last-child{color:#887394;letter-spacing:0;font-size:11px}.zr-gap-heading{display:flex;flex-direction:column;align-items:center;padding-top:31px;position:relative;z-index:1}.zr-gap-heading>span:first-child{font-size:13px;color:#9c8ba7;letter-spacing:.12em}.zr-gap-heading strong{font:500 clamp(32px,4.3vw,53px)/1.35 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.065em;color:#775e88;font-variant-numeric:tabular-nums;max-width:100%;padding:4px 10px;overflow-wrap:anywhere}.zr-gap-heading>span:last-child{font-size:11px;color:#a28fad;margin-top:4px}#zr-track{width:100%;height:auto;display:block;margin-top:-22px}.zr-camera-caption{display:flex;justify-content:space-between;gap:14px;padding:0 28px;margin-top:-4px;font:11px ui-monospace,monospace;color:#a28bac;min-height:18px}.zr-observation{padding:18px 25px 12px;text-align:center;min-height:62px;display:grid;place-items:center}.zr-observation p{font-size:14px;line-height:1.7;margin:0;color:#8b7499;max-width:38em}.zr-main-actions{display:flex;justify-content:center;gap:10px;padding:0 24px}.zr-lab button{font:inherit;cursor:pointer;color:#886d98;border:1px solid #d9cce1;min-height:44px;padding:11px 15px;border-radius:9px;background:#fcfafd;line-height:1.4;font-size:13px}.zr-lab button:hover:not(:disabled){background:#efe6f4;border-color:#b49bc1}.zr-lab button:disabled{cursor:default;opacity:.45}.zr-lab button.zr-primary{background:#987aab;border-color:#987aab;color:#fff;min-width:190px;box-shadow:0 5px 18px #92729f20}.zr-lab button.zr-primary:hover:not(:disabled){background:#89679e}.zr-primary>span{margin-left:19px}.zr-play-note,.zr-status{font-size:10px;color:#a591ae;line-height:1.8;text-align:center;margin:11px 24px 0}.zr-status{min-height:18px;margin-top:6px}.zr-controls{padding:30px 23px;border-left:1px solid var(--zr-edge);background:#fcfafd}.zr-control-heading>span,.zr-shrink-history>span{font:9px ui-monospace,monospace;letter-spacing:.12em;color:#ac97b7}.zr-control-heading h2{font-size:17px;letter-spacing:-.025em;font-weight:500;margin:9px 0 29px;color:#80658e}.zr-controls>label{display:block;font-size:12px;color:#8c7897;margin-top:23px}.zr-controls output{float:right;font:11px ui-monospace,monospace;color:#92789f}.zr-lab input[type=range]{width:100%;height:22px;accent-color:#a28ab1;cursor:pointer;display:block;margin-top:10px}.zr-control-note{font-size:10px;line-height:1.9;color:#aa98b3;margin:11px 0 0}.zr-shrink-history{border-top:1px solid #e8dfee;margin-top:28px;padding-top:22px}.zr-shrink-history>span{font-family:inherit;font-size:11px;letter-spacing:.05em}.zr-shrink-history>p{font-size:11px;color:#a38aaf;line-height:1.8;margin:12px 0 0}#zr-gap-history{display:flex;flex-direction:column;gap:12px;margin-top:19px}.zr-history-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;font-size:10px;color:#a791b0}.zr-history-row>div{display:flex;align-items:center;gap:8px;min-width:0}.zr-history-row i{display:block;height:5px;border-radius:5px;background:#c7b2d4;flex:none}.zr-history-row b{font:10px ui-monospace,monospace;white-space:nowrap;letter-spacing:-.025em;color:#a28aad}.zr-history-row:last-child i{background:#9673a6}.zr-history-row:last-child b{color:#82618f}.zr-legend{display:flex;gap:23px;border-top:1px solid #e8dfee;margin-top:27px;padding-top:19px;font-size:11px;color:#a28aad}.zr-legend>span{display:flex;align-items:center;gap:7px}.zr-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.zr-dot.rabbit{background:#9c7bad}.zr-dot.turtle{background:#849362}.zr-model-note{font-size:10px;color:#ae9bb6;line-height:1.9;border-left:2px solid #ddcfe5;padding-left:10px;margin-top:18px}.zr-explanation{grid-column:1/-1;background:#fcfafd;border-top:1px solid var(--zr-edge)}.zr-explanation>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;padding:22px 28px;color:#977eaa;min-height:65px;font-size:13px}.zr-explanation>summary::-webkit-details-marker{display:none}.zr-explanation>summary small{color:#ac99b7;font-size:11px}.zr-summary-arrow{margin-left:auto;font-size:19px;color:#ac99b7}.zr-explanation[open] .zr-summary-arrow{transform:rotate(45deg)}.zr-explanation-body{padding:14px 30px 30px;border-top:1px solid #eee6f2}.zr-insight{max-width:740px;margin:13px 0 28px}.zr-insight>span{font:10px ui-monospace,monospace;letter-spacing:.15em;color:#aa91b5}.zr-insight h2{font-size:29px;line-height:1.5;letter-spacing:-.04em;font-weight:500;color:#82678f;margin:12px 0 16px}.zr-insight p{font-size:13px;line-height:1.95;color:#9a86a5;margin:0 0 13px}.zr-insight strong{color:#81618e;font-weight:500}.zr-modebar{display:flex;gap:10px;margin-bottom:18px}.zr-modebar button{font-size:12px}.zr-modebar button[aria-pressed=true]{background:#eee5f3;border-color:#cbb6d7}#zr-complete-view{background:#f6f1f8;border:1px solid #e5d9ec;border-radius:13px;padding:16px 20px;margin-bottom:20px}#zr-full-track{display:block;width:100%;height:auto}.zr-full-readout{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:12px;color:#9a82a8}.zr-full-readout b{font:12px ui-monospace,monospace}#zr-full-observation{font-size:12px;line-height:1.8;color:#967ea3}.zr-explain-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:22px 0;border-top:1px solid #e6dcec;border-bottom:1px solid #e6dcec}.zr-explain-metrics>div>span{display:block;font-size:11px;color:#a994b4;margin-bottom:7px}.zr-explain-metrics strong{font:15px ui-monospace,monospace;color:#8b6f9a;overflow-wrap:anywhere}.zr-explain-metrics p{font-size:10px;line-height:1.7;color:#ad9ab6;margin:6px 0 0}.zr-explain-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:19px}.zr-explain-actions button{font-size:11px}.zr-time-section{margin-top:29px}.zr-time-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.zr-time-heading h2{font-size:16px;font-weight:500;color:#90759e}.zr-time-heading>span{font-size:11px;color:#a58caf}.zr-time-section svg{display:block;width:100%;height:auto;overflow:visible}.zr-axis-label{fill:#a18cac;font:13px sans-serif}.zr-axis-zero,#zr-axis-end{fill:#af9bba;font:11px ui-monospace,monospace}#zr-limit-axis-text{fill:#9777a6;font:12px sans-serif}.zr-sequence{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:13px}.zr-sequence>span{font:10px ui-monospace,monospace;border:1px solid #e7deec;border-radius:6px;padding:7px 10px;color:#a48eae;background:#fbf8fd}.zr-sequence>span.zr-sequence-hint{font:11px sans-serif;border:0;background:none;color:#ae9bb8;padding-left:3px}.zr-lab [hidden]{display:none!important}#zr-continuous-controls{margin-top:12px}#zr-continuous-controls>label{font-size:12px;color:#9b82a9}#zr-continuous-controls output{float:right;font:12px ui-monospace,monospace}#zr-continuous-controls p{font-size:11px;line-height:1.8;color:#ad99b7;margin:7px 0}.zr-resolution{font-size:11px;color:#a08b75;background:#f7f0e7;border:1px solid #e7dcca;border-radius:8px;padding:12px 14px;margin:14px 24px 0;line-height:1.8}.zr-notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:29px 0 10px}.zr-notes h3{font-size:15px;font-weight:500;color:#9378a0;margin:0 0 12px}.zr-notes p{font-size:12px;line-height:1.9;color:#a18eac;margin:0 0 11px}.zr-sources{display:flex;flex-wrap:wrap;gap:15px 25px}.zr-sources a,.zr-related a{color:#9677a3;font-size:11px;line-height:1.9;text-decoration:underline;text-underline-offset:4px}.zr-lab :focus-visible{outline:2px solid #9673a6;outline-offset:4px}.zr-related{display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap;border-top:1px solid #e8e0ec;padding:24px 4px 17px;margin-top:30px}.zr-related>span{color:#b3a1bd;font-size:11px}@media(max-width:1000px){.zr-lab{grid-template-columns:minmax(0,1fr) 235px}.zr-controls{padding:27px 18px}.zr-main-actions{padding:0 18px;gap:8px}.zr-lab button.zr-primary{min-width:155px}.zr-lab button{padding:11px 12px}.zr-gap-heading{padding-top:27px}.zr-scene-top{font-size:8px;padding:23px 20px 0}.zr-camera-caption{padding:0 22px;font-size:10px}}@media(max-width:720px){.zr-intro{padding:18px 0 24px}.tool-page .zr-intro h1{font-size:39px}.zr-intro>p{font-size:12px}.zr-eyebrow{font-size:9px}.zr-mobile-break{display:block}.zr-lab{grid-template-columns:minmax(0,1fr);border-radius:16px}.zr-scene{padding-bottom:17px}.zr-scene-top{padding:20px 18px 0;font-size:8px;gap:8px}.zr-scene-top span:last-child{font-size:10px}.zr-gap-heading{padding-top:24px}.zr-gap-heading strong{font-size:39px}.zr-gap-heading>span:first-child{font-size:12px}.zr-gap-heading>span:last-child{font-size:10px}#zr-track{margin-top:-6px}.zr-camera-caption{padding:0 19px;font-size:9px;margin-top:5px}.zr-observation{padding:17px 20px 13px;min-height:75px}.zr-observation p{font-size:12px}.zr-main-actions{gap:7px;padding:0 17px}.zr-lab button{font-size:11px;padding:10px}.zr-lab button.zr-primary{min-width:0;flex:1}.zr-primary>span{margin-left:8px}#zr-reset span{display:none}#zr-reset{width:44px}.zr-play-note,.zr-status{font-size:9px;margin-left:17px;margin-right:17px}.zr-controls{border-left:0;border-top:1px solid var(--zr-edge);padding:22px 21px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px}.zr-control-heading{grid-column:1/-1}.zr-control-heading h2{margin-bottom:2px}.zr-controls>label{grid-column:1/-1;margin-top:21px}.zr-controls>.zr-control-note,.zr-model-note{grid-column:1/-1}.zr-shrink-history{grid-column:1/-1;margin-top:24px;padding-top:19px}.zr-legend{grid-column:1/-1;margin-top:22px}#zr-gap-history{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px}.zr-history-row{grid-template-columns:25px minmax(0,1fr);gap:4px}.zr-history-row>div{gap:6px}.zr-history-row b{font-size:9px}.zr-explanation>summary{padding:20px;font-size:12px;gap:11px}.zr-explanation>summary small{font-size:10px}.zr-explanation-body{padding:12px 20px 23px}.zr-insight h2{font-size:25px}.zr-insight p{font-size:12px}.zr-explain-metrics{grid-template-columns:1fr 1fr;gap:19px 15px}.zr-explain-metrics strong{font-size:13px}.zr-modebar{gap:7px}.zr-modebar button{flex:1;font-size:11px}.zr-time-heading{align-items:flex-start;flex-direction:column;gap:0}.zr-time-heading h2{margin-bottom:8px}.zr-time-section svg{margin:16px 0 20px}.zr-axis-label{font-size:15px}#zr-limit-axis-text{font-size:13px}.zr-axis-zero,#zr-axis-end{font-size:12px}.zr-notes{grid-template-columns:1fr;gap:19px}.zr-full-readout{font-size:10px;gap:8px 12px}.zr-full-readout b{font-size:10px}#zr-complete-view{padding:12px}.zr-related{gap:9px 20px}.zr-related>span{width:100%}.zr-resolution{margin-left:17px;margin-right:17px}}@media(max-width:360px){.tool-page .zr-intro h1,.zr-gap-heading strong{font-size:33px}.zr-scene-top{font-size:7px}.zr-scene-top span:last-child{font-size:9px}.zr-main-actions{padding:0 12px;gap:6px}.zr-lab button{font-size:10px}.zr-camera-caption,.zr-history-row b{font-size:8px}.zr-explanation>summary{padding:18px}.zr-explanation>summary small{font-size:9px}}@media(prefers-reduced-motion:reduce){.zr-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.zr-observation p,.zr-controls>label,.zr-insight p,.zr-notes p{color:#786580}.zr-control-note,.zr-play-note,.zr-status,.zr-model-note,.zr-gap-heading>span:last-child,.zr-camera-caption,.zr-shrink-history>p{color:#8b7695}.zr-control-heading>span,.zr-shrink-history>span,.zr-controls output,.zr-legend{color:#8d759c}.zr-history-row,.zr-history-row b,.zr-explanation>summary small,.zr-explain-metrics>div>span,.zr-explain-metrics p{color:#8d7799}.zr-control-note,.zr-play-note,.zr-status,.zr-model-note,.zr-gap-heading>span,.zr-camera-caption,.zr-shrink-history>p,.zr-control-heading>span,.zr-shrink-history>span,.zr-controls output,.zr-legend,.zr-history-row,.zr-history-row b,.zr-explanation>summary small,.zr-explain-metrics>div>span,.zr-explain-metrics p,.zr-lab button,.zr-time-heading>span,#zr-continuous-controls p{color:#786580}.zr-lab button.zr-primary{background:#80618f;border-color:#80618f;color:#fff}.zr-lab button.zr-primary:hover:not(:disabled){background:#715180}.zr-lab .zr-scene-top,.zr-lab .zr-scene-top span:last-child{color:#80658e}#zr-gap-svg,#zr-ruler-value{fill:#786580}.zr-explanation>summary{color:#80658e}.zr-phase{display:flex;align-items:center;justify-content:center;gap:8px;margin:21px 20px 6px;color:#775b84;font-size:12px;min-height:23px}.zr-phase i{width:6px;height:6px;border-radius:50%;background:#92729f}.zr-lab #zr-track{margin-top:0}.zr-gap-heading{padding-top:25px}.zr-gap-heading strong{font-size:clamp(30px,3.6vw,45px)}.zr-observation{padding-top:13px}.zr-lab #zr-gap-bracket{stroke:#95729f;stroke-width:2}.zr-lab #zr-old-marker{stroke:#a9916b;stroke-width:1.5}.zr-lab #zr-gap-svg{fill:#765583;font-weight:500}@media(max-width:720px){.zr-phase{font-size:10px;margin:16px 10px 8px}.zr-gap-heading{padding-top:21px}.zr-gap-heading strong{font-size:36px}.zr-gap-heading>span:last-child{font-size:10px}.zr-camera-caption{font-size:9px;flex-wrap:wrap;gap:5px 12px}.zr-observation p{font-size:12px}.zr-lab #zr-track{margin-top:4px}}#zr-track{overflow:hidden}#zr-camera{isolation:isolate}#zr-gap-wash{rx:0}#zr-old-marker{vector-effect:non-scaling-stroke}.zr-live-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:25px 26px 0;align-items:start}.zr-live-metrics .zr-gap-heading,.zr-segment-heading{display:flex;flex-direction:column;align-items:center;padding:0;min-width:0}.zr-live-metrics>div>span:first-child{height:18px;line-height:18px;font-size:12px;color:#786580;letter-spacing:.035em}.zr-live-metrics strong{display:flex;justify-content:center;align-items:center;width:100%;height:74px;padding:4px 0;font:500 32px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:0;color:#775e88;white-space:nowrap;font-variant-numeric:tabular-nums}.zr-live-metrics>div>span:last-child{height:16px;white-space:nowrap;font-size:10px;color:#786580;margin-top:2px;text-align:center;line-height:16px}.zr-segment-heading b{display:inline-block;width:7.44em;text-align:left;font-weight:500;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.zr-segment-meter{padding:14px 30px 0;display:flex;align-items:center;justify-content:center;gap:10px;color:#786580;font-size:10px;height:32px;line-height:16px}#zr-segment-progress{height:3px;width:76px;flex:0 0 76px;background:#ded5e2;overflow:hidden;border-radius:3px}#zr-segment-progress i{display:block;height:100%;background:#9b7aa8;transform:scaleX(var(--zr-segment-progress,0));transform-origin:left}.zr-total-metrics{max-width:425px;margin:17px auto 0;padding:0 18px;color:#786580}.zr-total-heading,.zr-total-row{display:grid;grid-template-columns:60px minmax(0,1fr) 16px minmax(0,1fr);align-items:center;column-gap:7px}.zr-total-heading{height:16px;font-size:9px;text-align:center;margin-bottom:7px;line-height:16px}.zr-total-row{height:44px}.zr-total-row>span:first-child{font-size:11px}.zr-total-row b{display:flex;justify-content:center;font:400 17px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:0;color:#76637f;min-width:0;height:44px}.zr-total-plus{font:16px ui-monospace,monospace;text-align:center;align-self:start;padding-top:2px}.zr-metric-note{font-size:10px;line-height:1.6;text-align:center;color:#786580;margin:5px 16px 0;min-height:32px}.zr-gap-context{font-size:11px;color:#786580;text-align:center;margin:5px 16px 0}.zr-scene .zr-phase{margin-top:12px}.zr-stopwatch-number{font-variant-numeric:tabular-nums}.zr-number-ink{display:grid;grid-template-columns:3.41em 1.364em;grid-template-rows:1.3em 16px;column-gap:.155em;white-space:pre;align-items:start;line-height:1.3}.zr-number-face{display:flex;align-items:start;height:1.3em}.zr-number-digit{display:inline-block;flex:0 0 .62em;width:.62em;height:1.3em}.zr-number-point{display:inline-block;flex:0 0 .31em;width:.31em;height:1.3em;text-align:center}.zr-number-unit{display:block;font-size:.46em;letter-spacing:0;width:1.4em;text-align:left;margin-top:1em}.zr-number-exponent{grid-column:1/-1;display:block;font-size:10px;letter-spacing:0;line-height:1.5;text-align:right;height:15px}.zr-number-exponent sup{font-size:.8em;line-height:0;vertical-align:.4em}.zr-total-row .zr-number-unit{font-size:10px;margin-top:.3em}.zr-total-row .zr-number-exponent{font-size:9px}.zr-number-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}@media(max-width:1000px)and (min-width:721px){.zr-live-metrics strong{font-size:26px}}@media(max-width:720px){.zr-live-metrics{padding:21px 14px 0;gap:12px}.zr-live-metrics strong{font-size:25px;height:62px}.zr-live-metrics>div>span:first-child{font-size:11px}.zr-live-metrics>div>span:last-child{font-size:9px}.zr-segment-meter{padding:11px 15px 0;gap:8px;font-size:9px}.zr-total-metrics{margin-top:13px;padding:0 14px;max-width:350px}.zr-total-heading,.zr-total-row{grid-template-columns:49px minmax(0,1fr) 12px minmax(0,1fr);column-gap:4px}.zr-total-heading{font-size:8px}.zr-total-row>span:first-child{font-size:10px}.zr-total-row{height:38px}.zr-total-row b{font-size:15px;height:38px}.zr-gap-context{font-size:10px}.zr-metric-note{font-size:9px;margin-top:6px}.zr-scene .zr-phase{margin-top:8px}}@media(max-width:360px){.zr-live-metrics{padding-left:9px;padding-right:9px;gap:8px}.zr-live-metrics strong{font-size:21px}.zr-total-metrics{padding:0 9px}.zr-total-heading,.zr-total-row{grid-template-columns:42px minmax(0,1fr) 10px minmax(0,1fr);column-gap:3px}.zr-total-row>span:first-child{font-size:9px}.zr-total-row b{font-size:13px}#zr-segment-progress{width:42px;flex-basis:42px}}
