.brand-drawing-search-page.svelte-r6hq1i{max-width:62.5rem;margin:0 auto;padding:var(--gap-xl) var(--gap-lg)}.page-header.svelte-r6hq1i{text-align:center;margin-bottom:var(--gap-xl)}.page-header.svelte-r6hq1i h1:where(.svelte-r6hq1i){font-size:var(--f-2);margin-bottom:var(--gap-md);color:var(--color-text)}.page-header.svelte-r6hq1i p:where(.svelte-r6hq1i){font-size:var(--f-0);color:var(--color-text-muted);max-width:60ch;margin:0 auto;line-height:1.6}.content-card.svelte-r6hq1i{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--gap-lg);margin:var(--gap-xl) auto;max-width:1400px}.content-wrapper.svelte-r6hq1i{display:flex;width:100%;gap:var(--gap-lg);align-items:flex-start}.content-wrapper.svelte-r6hq1i:not(.has-results){justify-content:center;align-items:center}.content-wrapper.svelte-r6hq1i:not(.has-results) .main-content:where(.svelte-r6hq1i){display:none}.sidebar.svelte-r6hq1i{flex-shrink:0;min-width:0}.content-wrapper.has-results.svelte-r6hq1i .sidebar:where(.svelte-r6hq1i){width:auto}.content-wrapper.svelte-r6hq1i:not(.has-results) .sidebar:where(.svelte-r6hq1i){width:400px;max-width:100%}.drawing-container.svelte-r6hq1i{background:transparent;border:none;border-radius:0;padding:0;position:sticky;top:var(--gap-lg);width:100%;display:flex;flex-direction:column}.drawing-container.centered.svelte-r6hq1i{position:static;max-width:400px;margin:0 auto;padding:0;border:none;background:transparent}.drawing-container.centered.svelte-r6hq1i .drawing-canvas{flex:1;display:flex;flex-direction:column;min-height:0}.drawing-container.centered.svelte-r6hq1i .canvas-wrap{flex:1;min-height:0;aspect-ratio:1;width:100%}.drawing-container.centered.svelte-r6hq1i canvas{width:100%;height:100%}.drawing-title.svelte-r6hq1i{font-size:var(--f-1);margin-bottom:var(--gap-md);color:var(--color-text);text-align:left}.main-content.svelte-r6hq1i{flex:1;min-width:0;display:flex;flex-direction:column}.seo-content.svelte-r6hq1i{max-width:62.5rem;margin:0 auto;text-align:left}.seo-content-section.svelte-r6hq1i{margin-bottom:var(--gap-xl);max-width:65ch;margin-left:auto;margin-right:auto}.seo-content.svelte-r6hq1i h2:where(.svelte-r6hq1i){font-size:var(--f-1);margin-bottom:var(--gap-md);color:var(--color-text)}.seo-content.svelte-r6hq1i p:where(.svelte-r6hq1i){font-size:var(--f-0);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--gap-md)}.seo-content.svelte-r6hq1i a:where(.svelte-r6hq1i){color:var(--color-cta);text-decoration:underline}.seo-content.svelte-r6hq1i a:where(.svelte-r6hq1i):hover{text-decoration:none}.cta-section.svelte-r6hq1i a.btn:where(.svelte-r6hq1i){color:var(--color-cta-text);text-decoration:none}.cta-section.svelte-r6hq1i{text-align:center;margin-top:var(--gap-2xl);padding:var(--gap-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:65ch;margin-left:auto;margin-right:auto}.cta-section.svelte-r6hq1i h2:where(.svelte-r6hq1i){font-size:var(--f-1);margin-bottom:var(--gap-md);color:var(--color-text)}.cta-section.svelte-r6hq1i p:where(.svelte-r6hq1i){margin-bottom:var(--gap-lg);color:var(--color-text-muted)}.results-section.svelte-r6hq1i{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;min-height:500px;width:100%;display:flex;flex-direction:column;flex:1;min-width:0}.results-section.svelte-r6hq1i .brand-grid-wrapper{flex:1;min-height:400px;width:100%;display:flex;flex-direction:column;padding:0;min-width:0}.results-header.svelte-r6hq1i{font-size:var(--f-1);margin-bottom:var(--gap-md);color:var(--color-text);margin-top:0;padding:0}@media(max-width:900px){.brand-drawing-search-page.svelte-r6hq1i{padding:var(--gap-lg) var(--gap-md)}.content-card.svelte-r6hq1i{padding:var(--gap-md)}.content-wrapper.svelte-r6hq1i{flex-direction:column}.sidebar.svelte-r6hq1i{width:100%}.drawing-container.svelte-r6hq1i{position:static}.drawing-container.centered.svelte-r6hq1i{max-width:100%}.drawing-container.centered.svelte-r6hq1i .canvas-wrap{min-height:0}.results-section.svelte-r6hq1i,.results-section.svelte-r6hq1i .brand-grid-wrapper{width:100%;min-width:0}.page-header.svelte-r6hq1i h1:where(.svelte-r6hq1i){font-size:var(--f-1)}}