.color-swatch{width:100%;height:100px;border-radius:8px;cursor:pointer;transition:transform .2s;position:relative}.color-swatch:hover{transform:scale(1.05)}.color-info{font-size:.85rem}.upload-area{border:2px dashed #dee2e6;transition:all .3s;cursor:pointer}.upload-area.dragover{border-color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),.05)}.color-format-badge{font-family:monospace;font-size:.75rem;cursor:pointer}.harmony-preview{display:flex;gap:.5rem;margin-top:.5rem}.harmony-color{width:40px;height:40px;border-radius:4px;border:1px solid #dee2e6}#colorPickerInput{width:80px;height:80px;border:none;cursor:pointer}.contrast-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.contrast-pass{background-color:#28a745}.contrast-fail{background-color:#dc3545}.nav-tabs .nav-link{color:#000;border-color:#dee2e6}.nav-tabs .nav-link.active{color:var(--bs-primary)!important;border-color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),.05)}.nav-tabs .nav-link:hover:not(.active){color:#000;border-color:#dee2e6}[data-bs-theme=dark] .nav-tabs .nav-link{color:#f8f9fa;border-color:#495057}[data-bs-theme=dark] .nav-tabs .nav-link.active{color:var(--bs-primary)!important;border-color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),.15)}[data-bs-theme=dark] .nav-tabs .nav-link:hover:not(.active){color:#f8f9fa;border-color:#6c757d}#extractBtn{width:auto!important;background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;margin-left:0}#extractBtn:disabled{background-color:#6c757d!important;border-color:#6c757d!important}.btn-loading{display:inline-flex;align-items:center;gap:.5rem}.btn-loading .spinner-border-sm{width:1rem;height:1rem}.palette-color{padding:20px!important}.color-info{margin-bottom:10px!important}.palette-title-icon{color:var(--bs-primary)!important}.palette-title{font-size:1rem!important}#paletteDisplay{padding:.5rem!important}#harmonyColorPicker{height:38px!important;padding:.375rem .75rem!important;border:1px solid #ced4da!important;border-radius:.375rem!important;cursor:pointer}#harmonyColorPicker:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}