.app.svelte-165oiop{width:100%;padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;flex:1;display:flex}header.svelte-165oiop{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}h1.svelte-165oiop{color:var(--color-primary);font-size:1.5rem;font-weight:600}.controls.svelte-165oiop{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}main.svelte-165oiop{gap:var(--spacing-md);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}@media (width<=768px){main.svelte-165oiop{grid-template-columns:1fr}header.svelte-165oiop{flex-direction:column;align-items:flex-start}}