.zang-surface-mount-debug{position:fixed;left:12px;bottom:12px;z-index:9999;width:min(360px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--zang-color-ink) 18%,transparent);background:color-mix(in srgb,var(--zang-color-canvas) 92%,transparent);box-shadow:0 12px 40px color-mix(in srgb,var(--zang-color-ink) 22%,transparent);font-size:12px;line-height:1.35}.zang-surface-mount-debug__title{margin:0 0 8px;font-size:13px;font-weight:700}.zang-surface-mount-debug__stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 10px}.zang-surface-mount-debug__stats dt{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.zang-surface-mount-debug__stats dd{margin:2px 0 0;font-size:16px;font-weight:700}.zang-surface-mount-debug__hint{margin:0 0 8px;opacity:.8}.zang-surface-mount-debug__hint code{font-size:11px}.zang-surface-mount-debug__list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.zang-surface-mount-debug__list li{display:flex;align-items:center;justify-content:space-between;gap:8px}.zang-surface-mount-debug__id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zang-surface-mount-debug__badge{flex-shrink:0;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase}.zang-surface-mount-debug__badge--culled{background:color-mix(in srgb,var(--zang-text-muted) 30%,transparent)}.zang-surface-mount-debug__badge--queued{background:color-mix(in srgb,#c9a227 35%,transparent)}.zang-surface-mount-debug__badge--loading{background:color-mix(in srgb,#2b6cb0 35%,transparent)}.zang-surface-mount-debug__badge--ready{background:color-mix(in srgb,#2f855a 35%,transparent)}html[data-zang-surface-debug=true] .zang-surface-slot[data-zang-surface-mount=culled]{outline:2px dashed color-mix(in srgb,var(--zang-text-muted) 70%,transparent);outline-offset:-2px}html[data-zang-surface-debug=true] .zang-surface-slot[data-zang-surface-mount=queued]{outline:2px dashed #c9a227;outline-offset:-2px}html[data-zang-surface-debug=true] .zang-surface-slot[data-zang-surface-mount=loading]{outline:2px dashed #2b6cb0;outline-offset:-2px}html[data-zang-surface-debug=true] .zang-surface-slot[data-zang-surface-mount=ready]{outline:2px solid #2f855a;outline-offset:-2px}