/**
 * Print Stylesheet for PhotoLayout SaaS
 * Hides all UI, navigation, buttons, and headers during window.print()
 * Renders only the print-ready image at 100% sheet scale
 */

@media print {
    @page {
        margin: 0;
        size: auto;
    }

    /* Hide entire UI except dedicated print container */
    nav,
    header,
    footer,
    .navbar,
    .app-footer,
    .network-badge,
    .offline-banner,
    .toast-container,
    .btn,
    .no-print,
    .editor-topbar,
    .editor-controls-bar,
    .modal-header,
    .modal-overlay:not(.print-active-modal) {
        display: none !important;
    }

    body, html {
        background: #ffffff !important;
        color: #000000 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: visible !important;
    }

    /* Print Target Container */
    #printTargetContainer {
        display: block !important;
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        z-index: 999999 !important;
    }

    #printTargetContainer img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
        page-break-inside: avoid !important;
    }
}