.test-page.svelte-10zthkd{display:flex;flex-direction:column;flex:1;min-height:0;padding:1rem;font-family:system-ui}h1.svelte-10zthkd{margin:0;font-size:1.25rem}.subtitle.svelte-10zthkd{color:#6b7280;font-size:.875rem;margin:.25rem 0 1rem}.page-grid.svelte-10zthkd{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:70vh;gap:1rem}.page-card.svelte-10zthkd{display:flex;flex-direction:column;min-height:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.card-header.svelte-10zthkd{padding:.5rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.card-header.svelte-10zthkd h2:where(.svelte-10zthkd){margin:0;font-size:.875rem}.card-detail.svelte-10zthkd{margin:.25rem 0 0;font-size:.75rem;color:#9ca3af}.page-viewport.svelte-10zthkd{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column}details.svelte-10zthkd{flex-shrink:0;margin-top:.5rem}.debug-panels.svelte-10zthkd{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.debug-panel.svelte-10zthkd h3:where(.svelte-10zthkd){margin:0 0 .25rem;font-size:.8rem;color:#6b7280}.debug-json.svelte-10zthkd{background:#f5f5f5;padding:1rem;overflow:auto;font-size:.8rem;max-height:200px}