{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .drag-over { background-color: #f0f9ff; border-color: #3b82f6; } .file-item { transition: all 0.3s ease; } .status-queued { background-color: #f3f4f6; } .status-processing { background-color: #dbeafe; } .status-completed { background-color: #d1fae5; } .status-failed { background-color: #fee2e2; } .log-area { height: 300px; overflow-y: auto; font-family: monospace; white-space: pre-wrap; font-size: 0.9rem; } .log-item { margin: 2px 0; line-height: 1.3; } .log-error { color: #ef4444; } .log-warning { color: #f59e0b; } .log-success { color: #10b981; } .log-info { color: #3b82f6; } .file-progress { height: 4px; background-color: #e5e7eb; overflow: hidden; } .file-progress-bar { height: 100%; background-color: #3b82f6; width: 0%; transition: width 0.3s ease; } #output { min-height: 200px; max-height: 500px; white-space: pre-wrap; overflow-y: auto; font-size: 0.9rem; line-height: 1.5; } .hidden-unless-checked { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } .checkbox-container input:checked ~ .hidden-unless-checked { max-height: 500px; } @media print { body { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .no-print { display: none !important; } .print-expand { max-height: none !important; overflow: visible !important; } }