#fotoDisplay {
    /* Dimensioni fisse per evitare il fullsize */

    object-fit: cover;
    border: 2px solid #005595;
    border-radius: 8px;
    background: #f8fafc;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: block;
}


.data-label {
    display: block;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 2px;
}

.data-value {
    display: block;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
    word-break: break-all;
}

@media (min-width: 768px) {
    .data-label { font-size: 10px; }
    .data-value { font-size: 18px; }
}

#video-container {
    max-width: 400px;
    margin: 1rem auto;
    border-radius: 12px;
    overflow: hidden;
    border: 3px solid #005595;
}

#video-preview {
    width: 100%;
    height: auto;
}

#resultArea.hidden { display: none; }
#loading { display: none; text-align: center; padding: 2rem; color: #005595; font-weight: bold; }
@keyframes dots { 0%, 20% { content: "."; } 40% { content: ".."; } 60% { content: "..."; } 80%, 100% { content: ""; } }
#loading::after { content: "..."; animation: dots 1.5s steps(5, end) infinite; }