.dg-section-fallback{gap:var(--space-1);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--text-body);flex-direction:column;justify-content:center;display:flex}.dg-section-fallback__body,.dg-section-fallback__title{margin:0}.dg-section-fallback__body code{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:var(--text-caption)}.dg-section-fallback__title{font-size:var(--text-caption)}.dg-section-fallback__step{margin-top:var(--space-2);align-self:flex-start}.dg-highlight{z-index:1100;cursor:crosshair;touch-action:none;background:color-mix(in oklab, var(--color-scrim) 40%, transparent);position:fixed;inset:0}.dg-highlight__canvas{opacity:1;pointer-events:none;width:100%;height:100%;transition-property:opacity;transition-timing-function:linear;position:absolute;inset:0}.dg-highlight__canvas--fading{opacity:0}@media (prefers-reduced-motion:reduce){.dg-highlight__canvas{transition-duration:0s!important}}.dg-highlight__hint{box-sizing:border-box;width:240px;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-popover), inset 0 0 0 1px var(--color-accent-tint-border);color:var(--color-text-muted);font-size:var(--text-caption);font-weight:var(--fw-medium);text-align:center;pointer-events:none;position:absolute}.dg-highlight__hint--problem{color:var(--color-text);font-weight:var(--fw-bold)}.dg-window-frame{top:calc(var(--space-15) + var(--space-3));width:min(540px, calc(100% - 74px - var(--space-8)));z-index:1100;transition:opacity var(--dg-duration-2) linear;margin-inline:auto;position:fixed;left:0;right:0}.dg-window-frame--aside{opacity:0;pointer-events:none}.dg-window-chart{border-radius:var(--radius-sm);min-width:0;height:140px;box-shadow:var(--border-hairline);overflow:hidden}@media (width<=640px){.dg-window-frame{top:auto;bottom:var(--space-2);left:var(--space-2);right:var(--space-2);width:auto}}.dg-window-mark{width:var(--space-10);height:var(--space-10);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex}.dg-window-mark--open{background:var(--color-accent-tint-bg)}.dg-window-mark:focus-visible{box-shadow:var(--ring-focus), 0 0 0 3px var(--color-glow);outline:none}@media (hover:hover){.dg-window-mark:hover{background:var(--color-elevated)}}@media (pointer:coarse){.dg-window-mark{width:44px;height:44px}}