/* Responsive Design */
@media (max-width: 1024px) {
    .grid-layout {
        grid-template-columns: 1fr;
        height: auto;
    }

    .main-container {
        padding: 1rem;
    }

    .panel {
        height: auto;
        overflow: visible;
    }

    .result-content {
        height: auto;
        max-height: 800px;
    }
}

@media (max-width: 640px) {
    .navbar {
        padding: 1rem;
    }

    .nav-content {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .nav-links {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .panel-header {
        padding: 1rem;
    }

    .panel-header h2 {
        font-size: 1rem;
    }

    #imageDropZone {
        min-height: 240px;
    }

    .report-meta {
        gap: 1rem;
    }

    .meta-item {
        flex-basis: 100%;
    }
}