.section-debug-accordion{margin-block:var(--spacing-space-small);padding-inline:var(--padding-horizontal-padding-global);border:1px solid var(--bg-border);border-radius:var(--spacing-space-extra-small);background:var(--bg-subtle);grid-column:1/-1}.section-debug-accordion__summary{cursor:pointer;padding:var(--spacing-space-small)var(--spacing-space-medium);font-family:ui-monospace,monospace;font-size:var(--font-size-text-small);font-weight:var(--font-weight-text-small);line-height:var(--line-height-text-small);list-style-position:outside}.section-debug-accordion__pre{padding:var(--spacing-space-medium);border-top:1px solid var(--bg-border);font-family:ui-monospace,monospace;font-size:var(--font-size-text-small);line-height:var(--line-height-text-small);white-space:pre-wrap;word-break:break-word;margin:0}.debug-header{z-index:1000;background:var(--bg-subtle);padding:var(--spacing-space-small)var(--padding-horizontal-padding-global);justify-content:space-between;align-items:center;gap:var(--spacing-space-medium);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000024}.debug-header h1{border-bottom:0;flex:1;padding-bottom:0}.debug-header nav{font-size:var(--font-size-text-small);font-weight:var(--font-weight-text-small);line-height:var(--line-height-text-small);letter-spacing:var(--letter-spacing-text-small);justify-content:center;align-items:center;gap:var(--spacing-space-none)var(--spacing-space-extra-large);flex-wrap:wrap;display:flex}.debug-header nav a{color:inherit;text-decoration:none}.debug-header nav a:hover{text-decoration:underline}.debug-header [data-tooltip]{position:relative}.debug-header [data-tooltip]:before{content:attr(data-tooltip);background:var(--bg-subtle);color:var(--text-body);padding:var(--spacing-space-small)var(--spacing-space-medium);border-radius:var(--spacing-space-extra-small);font-size:var(--font-size-text-small);font-weight:var(--font-weight-text-small);line-height:var(--line-height-text-small);letter-spacing:var(--letter-spacing-text-small);white-space:normal;text-wrap:balance;text-align:center;width:max-content;max-width:200px;margin-top:var(--spacing-space-small);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.debug-header [data-tooltip]:hover:before,.debug-header [data-tooltip]:focus-visible:before{opacity:1;visibility:visible}.debug-header__actions{align-items:center;gap:var(--spacing-space-medium);display:flex}.debug-grid-overlay{z-index:999;pointer-events:none;padding-inline:var(--padding-horizontal-container-gutter);position:fixed;inset:0}@media (min-width:1200px){.debug-grid-overlay{padding-inline:0}}.debug-grid-overlay__columns{grid-template-columns:repeat(var(--viewport-grid-columns),minmax(0,1fr));column-gap:var(--viewport-grid-gutter);height:100%;display:grid}@media (min-width:1200px){.debug-grid-overlay__columns{grid-template-columns:minmax(var(--viewport-grid-edge-column),var(--viewport-grid-edge-column))repeat(var(--viewport-grid-columns),minmax(0,1fr))minmax(var(--viewport-grid-edge-column),var(--viewport-grid-edge-column))}}.debug-grid-overlay__column{background:#ff00001f}.debug-grid-overlay__column--edge{background:#0064ff26}