.ui-panel,.filter-panel,.visible-colors{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border)}.ui-panel-header,.filter-panel__header,.visible-colors__header{display:flex;align-items:center;justify-content:space-between;flex:0 0 var(--panel-header-height);height:var(--panel-header-height);min-height:var(--panel-header-height);max-height:var(--panel-header-height);padding:0 8px 0 16px;box-sizing:border-box;border-bottom:1px solid var(--border);overflow:hidden}.ui-panel-header--collapsed,.filter-panel__header--collapsed,.visible-colors__header--collapsed{border-bottom-color:transparent}.ui-panel-header-controls{display:flex;align-items:center;gap:8px;height:100%;min-height:0}.ui-panel-tabs{display:inline-flex;align-items:flex-end;gap:8px;min-width:0;height:100%}.ui-panel-tab{min-height:calc(var(--panel-header-height) - 10px);width:140px;gap:8px;padding:0 10px 0 0;display:inline-flex;align-items:center;background:transparent;color:color-mix(in srgb,var(--text) 40%,transparent);border:none;font-size:.875rem;font-weight:400;letter-spacing:.04em;line-height:1;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background-color .15s ease;position:relative}.ui-panel-tab:hover:not(:disabled){color:color-mix(in srgb,var(--text) 86%,transparent)}.ui-panel-tab:disabled{cursor:default;opacity:.55}.ui-panel-tab--active{color:var(--text);font-size:.875rem;font-weight:600;letter-spacing:.04em;line-height:1}.ui-panel-tab-count{flex-shrink:0;min-width:2ch;padding:4px 6px;border-radius:4px;background:color-mix(in srgb,rgb(255,255,255) 5%,transparent);color:color-mix(in srgb,var(--text) 65%,transparent);font-feature-settings:"calt" 0;font-weight:300;font-size:.7rem;line-height:1;white-space:nowrap}.visible-colors__sort-button,.favorites-table__sort-button{display:flex;align-items:center;gap:4px;border:none;background:transparent;color:hsl(0 0 90%);cursor:pointer;transition:color .15s ease;padding:0;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.visible-colors__sort-button:hover,.favorites-table__sort-button:hover{color:var(--text)}.visible-colors__sort-button--name,.favorites-table__sort-button--name{flex:1;min-width:0;max-width:none;text-align:left;padding-left:0;justify-content:flex-start}.visible-colors__sort-button--metric,.favorites-table__sort-button--metric{width:100%;padding-right:0;justify-content:right}.visible-colors__sort-icon,.favorites-table__sort-icon{transition:opacity .15s ease}.visible-colors__sort-icon--active,.favorites-table__sort-icon--active{opacity:1}.visible-colors__sort-icon--inactive,.favorites-table__sort-icon--inactive{opacity:0}.visible-colors__sort-button:hover .visible-colors__sort-icon--inactive,.favorites-table__sort-button:hover .favorites-table__sort-icon--inactive{opacity:.4}.visible-colors__sort-icon--spaced,.favorites-table__sort-icon--spaced{margin-left:4px}.visible-colors__sort-order,.favorites-table__sort-order{margin-left:2px;font-size:10px;color:color-mix(in srgb,var(--text) 70%,transparent);font-weight:600}.visible-colors__header-hex,.favorites-table__header-name,.favorites-table__header-hex,.favorites-table__header-metric,.favorites-table__header-actions{color:hsl(0 0 90%);font-size:inherit;font-weight:inherit;letter-spacing:inherit}.visible-colors__header-hex,.favorites-table__header-hex{display:flex;text-align:left}.ui-panel-title-group,.filter-panel__header-title-group,.visible-colors__header-title-group{display:flex;align-items:center;gap:6px;height:100%;min-height:20px;flex:1;min-width:0;overflow:hidden}.ui-panel-title,.filter-panel__header-title,.visible-colors__header-title{color:var(--text);font-size:.875rem;font-weight:600;letter-spacing:.04em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-panel-count,.filter-panel__header-count,.visible-colors__header-count{flex-shrink:0;min-width:2ch;padding:4px 6px;border-radius:4px;background:color-mix(in srgb,rgb(255,255,255) 5%,transparent);color:color-mix(in srgb,var(--text) 65%,transparent);font-feature-settings:"calt" 0;font-weight:300;font-size:.7rem;line-height:1;white-space:nowrap}.ui-icon-button,.filter-panel__icon-button,.visible-colors__icon-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:2px;border:1px solid transparent;background:transparent;cursor:pointer;transition:color .15s ease,background-color .15s ease}.ui-icon-button:hover,.filter-panel__icon-button:hover,.visible-colors__icon-button:hover{color:var(--text);background:var(--panel-tint)}.ui-select,.filter-panel__select,.panel-select{box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.ui-select-wrap,.filter-panel__select-wrap,.panel-select-wrap{position:relative;cursor:pointer}.ui-numeric-value,.hover-card__value,.color-modal__closest-value,.visible-colors__metric-value{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:baseline;font-variant-numeric:tabular-nums}.ui-numeric-affix,.hover-card__value-affix,.color-modal__closest-affix,.visible-colors__metric-affix{color:color-mix(in srgb,var(--text) 55%,transparent);font-size:inherit;margin-left:2px;min-width:.9ch;text-align:left}.ui-numeric-affix--prefix,.hover-card__value-affix--prefix{margin-left:0;margin-right:2px;min-width:.6ch;text-align:right}.ui-label-compact{width:60px;font-size:.8rem;font-weight:200;letter-spacing:.1em;color:var(--text-label)}.ui-label-wide{width:120px;flex:0 0 120px;text-align:left;font-size:.9rem;font-weight:200;letter-spacing:.04rem;color:var(--text-label)}.ui-color-info-swatch,.hover-card__swatch,.color-modal__closest-swatch{width:124px;height:124px;margin:0 12px 0 0;border-radius:var(--border-radius)}.ui-color-info-content,.hover-card__content,.color-modal__closest-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-color-info-title,.hover-card__title,.color-modal__closest-name{font-size:1.2rem;font-weight:600;letter-spacing:.025em;color:var(--text);padding-bottom:4px}.ui-color-info-row,.hover-card__row,.color-modal__closest-row{display:flex;align-items:baseline}.ui-color-info-value,.hover-card__value,.color-modal__closest-value{justify-content:end;color:var(--text-value);font-size:.9rem;font-weight:200;letter-spacing:.075em;width:auto;padding-left:16px}.ui-color-info-value--end,.hover-card__value--end,.color-modal__closest-value--end{padding-right:8px}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1,"tnum" 1,"ss03" 1;font-optical-sizing:auto;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #0b1220;--panel-weak: rgba(15, 23, 42, .6);--panel: oklch(.19 0 0 / 1);--panel-strong: hsla(0, 0%, 11%, 1);--panel-tint: rgba(148, 163, 184, .12);--panel-header: oklch(.12 0 0 / 1);--panel-header-height: 42px;--panel-item-bg: oklch(.3 0 0);--controls-bg: oklch(.15 0 0 / 1);--controls-menu-bg: oklch(.2 0 0 / 1);--controls-button-hover-bg: oklch(.21 0 0 / 1);--border: hsla(0, 0%, 50%, .15);--border-strong: hsla(0, 0%, 25%, .5);--border-radius: 4px;--border-radius-bigger: 8px;--text: hsl(0, 0%, 80%);--text-label: hsl(0, 0%, 70%);--text-value: hsl(0, 0%, 95%);--text-muted: hsl(0, 0%, 60%);--scene-edge-gap: 0px;--scene-panel-gap: 0px;--controls-clearance: 42px;--workspace-panel-height: 85vh;--left-panel-width: 620px;--right-panel-width: 20rem;--data-table-col-swatch: 28px;--data-table-col-name: minmax(0, 200px);--data-table-col-hex: 80px;--data-table-col-metric: 52px;--data-table-col-actions: 28px;--data-table-col-gap: 12px;--data-table-pad-left: 14px;--data-table-pad-right: 8px;--panel-input-bg: hsl(0, 0%, 10%);--panel-selection-bg: hsl(0, 0%, 10%);--padding-color-picker: 6px 6px 4px 6px;--padding-filter-input: 8px 0px 6px 10px;--text-xs: .7rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;color-scheme:dark;color:var(--text);background-color:var(--bg-color)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text)}button{border:1px solid transparent;padding:.2em .4em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.app__boot{display:grid;place-items:center;width:100%;height:100%;color:#c7c7c7;background:#080808;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}