.lqip-dropzone{border:2px dashed #dee2e6;transition:.2s ease-in-out}.lqip-dropzone.drag-over,.lqip-dropzone:hover{border-color:#0d6efd;background-color:#f8f9fa}.interactive-dropzone{cursor:pointer}.copy-btn{font-size:.8rem;padding:.2rem .5rem}textarea.font-monospace{font-size:.85rem;resize:none}textarea:focus{box-shadow:none;border-color:#0d6efd}.comparison-container{background-color:transparent;user-select:none;position:relative;border-radius:8px;height:400px}.comparison-container canvas,.comparison-container img{max-height:400px;object-fit:contain}.phi-tabs.nav-pills .nav-link{color:#495057;font-size:.9rem;border-radius:0;border-bottom:2px solid transparent;padding:.75rem 1rem;background:0 0}.phi-tabs.nav-pills .nav-link.active{color:#0d6efd;background:0 0;border-bottom-color:#0d6efd;font-weight:600}.phi-tabs.nav-pills .nav-link:hover:not(.active){border-bottom-color:#e9ecef}.form-range::-webkit-slider-thumb{background:#0d6efd}.form-range::-moz-range-thumb{background:#0d6efd}.form-range::-ms-thumb{background:#0d6efd}#color-block.opacity-50,#metrics-block.opacity-50{opacity:.5!important}.pe-none{pointer-events:none}