/* assets/css/style.css */

body {
    background-color: #f8f9fa;
}

#labelPreviewArea {
    /* Etiket kağıdı efekti */
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    border-radius: 2px;
    transition: width 0.3s ease, height 0.3s ease;
    overflow: hidden;
}

/* Canvas (Karekod) tam otursun ama taşmasın */
#barcodeCanvas {
    max-width: 100%;
    max-height: 70%; 
    object-fit: contain;
}

/* Küçük metinlerin net görünmesi için */
#previewHumanReadable, #previewProductName {
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    color: #000;
}