*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.visualization-container{height:100%;width:100%}.scene-container{height:100vh;width:100vw}.color-list-panel{background:#000c;border-radius:8px;display:flex;flex-direction:column;font-size:.85rem;max-height:80vh;max-width:calc(100vw - 40px);overflow:hidden;padding:.75rem 1rem 1rem;position:absolute;right:20px;top:20px;width:300px;z-index:100}.panel-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;margin:0 -.25rem .75rem;padding:0 .25rem .5rem}.panel-tabs{display:flex;gap:.25rem}.panel-tab{background:#0000;border:1px solid #0000;border-radius:4px;color:#888;cursor:pointer;font-size:.85rem;padding:.3rem .65rem;transition:background .15s,color .15s,border-color .15s}.panel-tab:hover{background:#ffffff0d;color:#ddd}.panel-tab.active{background:#ffd7001f;border-color:#ffd70066;color:#fff}.panel-minimize{background:#0000;border:1px solid #fff3;border-radius:4px;color:#ccc;cursor:pointer;font-size:1rem;height:26px;line-height:1;width:26px}.panel-minimize:hover{background:#ffffff1a;color:#fff}.panel-show{background:#000000d9;border:1px solid #ffd70066;border-radius:999px;color:gold;cursor:pointer;font-size:.85rem;padding:.5rem .85rem;position:absolute;right:20px;top:20px;transition:background .15s;z-index:100}.panel-show:hover{background:#141414f2}.reference-color{background:#ffd70014;border:1px solid #ffd70059;border-radius:6px;margin-bottom:.75rem;padding:.6rem .75rem}.reference-label{color:gold;font-size:.7rem;letter-spacing:.05em;margin-bottom:.4rem;text-transform:uppercase}.reference-body{align-items:center;display:flex;gap:.75rem}.reference-swatch{border:1px solid #ffffff40;border-radius:6px;box-shadow:inset 0 0 0 1px #0006;flex-shrink:0;height:56px;width:56px}.reference-info{flex:1 1;min-width:0}.reference-name{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-hex{color:gold;font-size:.85rem;margin-bottom:.15rem}.reference-hex,.reference-lab{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.reference-lab{font-size:.78rem}.reference-clear{background:#0000;border:1px solid #fff3;border-radius:4px;color:#ccc;cursor:pointer;flex-shrink:0;font-size:1rem;height:28px;line-height:1;transition:all .15s;width:28px}.reference-clear:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.reference-empty{background:#ffffff08;border:1px dashed #ffffff26;border-radius:6px;color:#888;font-size:.8rem;font-style:italic;margin-bottom:.75rem;padding:.6rem .75rem;text-align:center}.filter-controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.search-wrapper{position:relative}.search-wrapper .filter-input{padding-right:2rem}.search-clear{align-items:center;background:#0000;border:none;color:#777;cursor:pointer;display:flex;font-size:1.1rem;height:18px;justify-content:center;line-height:1;padding:0;position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:18px}.search-clear:hover{color:#fff}.filter-input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;box-sizing:border-box;color:#fff;font-size:.85rem;outline:none;padding:.5rem .6rem;transition:border-color .2s,background .2s;width:100%}.filter-input::placeholder{color:#777}.threshold-section{display:flex;flex-direction:column;gap:.4rem}.threshold-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.threshold-label{color:#ccc;font-size:.8rem}.filter-input-compact{padding:.35rem .5rem;text-align:right;width:70px}.threshold-slider{-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.threshold-slider:disabled{cursor:not-allowed;opacity:.4}.threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:gold;border:1px solid #0006;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .15s;transition:transform .15s;width:14px}.threshold-slider:not(:disabled)::-webkit-slider-thumb:hover{transform:scale(1.15)}.threshold-slider::-moz-range-thumb{background:gold;border:1px solid #0006;border-radius:50%;cursor:pointer;height:14px;width:14px}.filter-options{flex-wrap:wrap;gap:.5rem;justify-content:space-between}.filter-options,.option-check{align-items:center;display:flex}.option-check{color:#ccc;cursor:pointer;font-size:.8rem;gap:.35rem;-webkit-user-select:none;user-select:none}.option-check input[type=checkbox]{accent-color:gold;cursor:pointer;height:14px;margin:0;width:14px}.option-check.disabled{cursor:not-allowed;opacity:.5}.option-check.disabled input[type=checkbox]{cursor:not-allowed}.sort-toggle{font-feature-settings:"tnum";background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;color:#ddd;cursor:pointer;font-size:.78rem;font-variant-numeric:tabular-nums;padding:.3rem .55rem;transition:background .15s,border-color .15s,color .15s}.sort-toggle:hover{background:#ffffff1a;border-color:#ffd70066;color:#fff}.filter-input:focus{background:#ffffff14;border-color:#ffd70080}.filter-input:disabled{cursor:not-allowed;opacity:.5}.filter-stats{color:#888;font-size:.75rem;text-align:right}.color-empty{color:#888;font-size:.85rem;font-style:italic;padding:.75rem;text-align:center}.load-more{background:#ffffff0d;border:1px dashed #fff3;border-radius:4px;color:#ddd;cursor:pointer;font-size:.85rem;padding:.6rem .75rem;transition:background .15s,border-color .15s;width:100%}.load-more:hover{background:#ffffff1a;border-color:#ffd70066;color:#fff}.load-more-remaining{color:#888;font-size:.75rem}.color-list{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.filter-controls,.reference-color,.reference-empty,.settings-content{flex-shrink:0}.colors-tab{display:flex;flex:1 1 auto;flex-direction:column;gap:0;min-height:0}.color-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;box-sizing:border-box;contain:content;cursor:pointer;display:flex;gap:.5rem;padding:.4rem .5rem;transition:background .15s,border-color .15s}.color-item:hover{background:#ffffff1a;border-color:#fff3}.color-item.selected{background:#ffff0026;border-color:#ffff0080}.color-swatch{border:1px solid #fff3;border-radius:4px;flex-shrink:0;height:28px;width:28px}.color-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;line-height:1.2;min-width:0}.color-name{color:#fff;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-hex{color:#888;font-size:.7rem}.color-hex,.color-lab{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.color-lab{font-size:.63rem}.color-similarity{font-feature-settings:"tnum";color:gold;flex-shrink:0;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:600;padding-left:.25rem}.color-item.within-threshold{background:#50dc781f;border-color:#50dc7880;box-shadow:inset 3px 0 0 #50dc78d9}.color-item.within-threshold:hover{background:#50dc782e;border-color:#50dc78b3}.color-item.within-threshold .color-similarity{color:#6cdc86}.color-item.within-threshold.selected{background:#ffff002e;border-color:#ff09;box-shadow:inset 3px 0 0 #50dc78d9}.filter-row-bottom{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.filter-row-bottom .filter-stats{margin:0;text-align:right}.settings-content{gap:1rem}.setting-row,.settings-content{display:flex;flex-direction:column}.setting-row{gap:.4rem}.setting-header{align-items:center;display:flex;justify-content:space-between}.setting-label{color:#ddd;font-size:.9rem;font-weight:500}.setting-value{font-feature-settings:"tnum";color:gold;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;font-variant-numeric:tabular-nums}.setting-hint{color:#888;font-size:.75rem;font-style:italic}.inspected-panel{background:#000000d9;border:1px solid #6cdc8666;border-radius:8px;bottom:20px;box-shadow:0 4px 16px #00000080;left:20px;max-width:280px;padding:.75rem .85rem;position:absolute;z-index:100}.inspected-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.inspected-title{color:#6cdc86;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.inspected-close{background:#0000;border:1px solid #fff3;border-radius:4px;color:#ccc;cursor:pointer;font-size:.9rem;height:22px;line-height:1;width:22px}.inspected-close:hover{background:#ffffff1a;color:#fff}.inspected-body{align-items:center;display:flex;gap:.6rem}.inspected-swatch{border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;height:44px;width:44px}.inspected-info{flex:1 1;min-width:0}.inspected-name{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspected-hex{color:#6cdc86;font-size:.8rem}.inspected-hex,.inspected-lab{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.inspected-lab{font-size:.73rem;margin-top:.1rem}.inspected-similarity{font-feature-settings:"tnum";color:gold;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;margin-top:.15rem}.inspected-promote{background:#6cdc861f;border:1px solid #6cdc8666;border-radius:4px;color:#6cdc86;cursor:pointer;font-size:.8rem;margin-top:.6rem;padding:.4rem;transition:background .15s,color .15s;width:100%}.inspected-promote:hover{background:#6cdc8633;color:#fff}@media (max-width:600px){.color-list-panel{max-height:60vh;top:10px}.color-list-panel,.inspected-panel{left:10px;max-width:none;right:10px}.inspected-panel{bottom:10px}}.error{background:#c00;border-radius:4px;max-width:300px;padding:1rem;right:20px;top:20px}.error,.loading{color:#fff;position:absolute;z-index:100}.loading{background:#000c;border-radius:8px;font-size:1.2rem;left:50%;padding:2rem;top:50%;transform:translate(-50%,-50%)}.App{height:100%;width:100%}
/*# sourceMappingURL=main.0aabdb8d.css.map*/