.analysis-layout { min-height: 100vh; background: #0a0c0f; padding: 24px; } /* Двухколоночный layout */ .layout-container { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1800px; margin: 0 auto; } /* Левая колонка - Форма */ .layout-left { background: #0a0c0f; } /* Правая колонка - Карта */ .layout-right { position: relative; } .map-container-sticky { position: sticky; top: 24px; height: fit-content; } /* Placeholder для карты */ .map-placeholder { height: 600px; background: #161b22; border: 2px dashed #30363d; border-radius: 12px; display: flex; align-items: center; justify-content: center; } .placeholder-content { text-align: center; padding: 40px; } .placeholder-icon { font-size: 64px; margin-bottom: 16px; opacity: 0.5; } .placeholder-content h3 { margin: 0 0 12px 0; font-size: 20px; color: #e6edf3; font-weight: 600; } .placeholder-content p { margin: 0; font-size: 14px; color: #8b949e; line-height: 1.5; max-width: 300px; } /* Результаты снизу на всю ширину */ .layout-bottom { max-width: 1800px; margin: 0 auto; width: 100%; } /* Адаптивность */ @media (max-width: 1400px) { .layout-container { grid-template-columns: 1fr; } .map-container-sticky { position: relative; top: 0; } .map-placeholder { height: 400px; } } @media (max-width: 768px) { .analysis-layout { padding: 16px; } .layout-container { gap: 16px; } .placeholder-icon { font-size: 48px; } .placeholder-content h3 { font-size: 18px; } .placeholder-content p { font-size: 13px; } }