/* Breakpoints globais (migrado de style.css) */

@media (max-width: 1100px) {
    .hero-shell {
        grid-template-columns: 1fr;
    }

    .start-grid {
        grid-template-columns: 1fr;
    }

    .toolbar {
        grid-template-columns: 1fr 1fr;
    }

    .sidebar {
        height: auto;
        max-height: 260px;
    }

    .viewer {
        height: 720px;
    }
}