.ui-panel,.filter-panel,.visible-colors{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border)}.visible-colors,.favorites-panel{--ui-data-col-swatch: var(--data-table-col-swatch);--ui-data-col-name: var(--data-table-col-name);--ui-data-col-hex: var(--data-table-col-hex);--ui-data-col-metric: var(--data-table-col-metric);--ui-data-col-actions: var(--data-table-col-actions);--ui-data-col-gap: var(--data-table-col-gap);--ui-data-pad-left: var(--data-table-pad-left);--ui-data-pad-right: var(--data-table-pad-right)}.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}.ui-data-table-grid,.visible-colors__table-header,.visible-colors__skeleton-row,.visible-colors__row-content,.favorites-table__header,.favorites-panel__item,.favorites-group__header{display:grid;grid-template-columns:var(--ui-data-col-swatch) var(--ui-data-col-name) var(--ui-data-col-hex) repeat(3,var(--ui-data-col-metric)) var(--ui-data-col-actions);column-gap:var(--ui-data-col-gap);align-items:center}.ui-data-table-header,.visible-colors__table-header,.favorites-table__header{font-size:.75rem;font-weight:400;letter-spacing:.1em;border-bottom:1px solid var(--border);background:#0f0f0f;flex-shrink:0}.ui-data-row-content,.visible-colors__row-content,.favorites-panel__item{height:100%;color:var(--text);font-size:.8rem;font-weight:400;font-family:inherit;font-feature-settings:inherit;font-optical-sizing:inherit;font-variation-settings:inherit}.ui-data-cell-name,.visible-colors__name-text,.favorites-panel__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.025em;color:hsl(0 0 90%)}.ui-data-cell-hex,.visible-colors__hex,.favorites-panel__hex{text-align:left;font-weight:300;letter-spacing:.025em;color:hsl(0 0 45%)}.ui-data-cell-metric-value,.visible-colors__metric-value,.favorites-panel__metric-value{justify-content:end;width:100%;font-weight:200;letter-spacing:.025em;color:hsl(0 0 75%)}.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,.favorites-panel__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,.favorites-panel__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-panel-input,.filter-panel__input,.favorites-panel__create-input{width:auto;padding:var(--padding-filter-input);background:var(--panel-input-bg);border-radius:var(--border-radius);border:1px solid transparent;color:var(--text-value);font-size:var(--text-sm)}.ui-panel-input:focus,.filter-panel__input:focus,.favorites-panel__create-input:focus{outline:rgba(255,255,255,.08) solid 1px}.ui-numeric-value,.hover-card__value,.color-modal__closest-value,.visible-colors__metric-value,.favorites-panel__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,.color-modal__scheme-card-affix,.visible-colors__metric-affix{color:color-mix(in srgb,var(--text) 45%,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;color:color-mix(in srgb,var(--text) 25%,transparent);min-width:.6ch;text-align:right}.ui-label-compact{width:60px;font-size:.8rem;font-weight:200;letter-spacing:.1em;line-height:1;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;border-radius:var(--border-radius)}.ui-color-info-content,.hover-card__content,.color-modal__closest-body,.color-modal__scheme-card-body{display:flex;flex-direction:column;flex:1;padding:18px 12px 16px 16px;min-width:0}.color-modal__scheme-card-name-row,.color-modal__closest-name-row{display:flex;align-items:center;justify-content:space-between}.ui-color-info-title,.hover-card__title,.color-modal__closest-name,.color-modal__scheme-card-name{font-size:1.2rem;font-weight:600;letter-spacing:.025em;line-height:1.1;color:var(--text);padding-bottom:8px}.ui-color-info-row,.hover-card__row,.color-modal__closest-row,.color-modal__scheme-card-row{display:flex;align-items:baseline;gap:12px}.color-modal__scheme-card-values,.color-modal__closest-values{display:flex;align-items:baseline;gap:16px;justify-content:flex-start;flex-wrap:wrap;min-width:0}.ui-color-info-value,.hover-card__value,.color-modal__closest-value,.color-modal__scheme-card-value{width:auto;justify-content:end;font-size:1rem;font-weight:200;letter-spacing:.075em;color:var(--text-value)}.ui-color-info-value--end,.hover-card__value--end,.color-modal__closest-value--end,.color-modal__scheme-card-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;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;--bg-color: #0b1220;--panel-weak: rgba(95, 95, 95, .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, 300px);--data-table-col-hex: 80px;--data-table-col-metric: 52px;--data-table-col-actions: 46px;--data-table-col-gap: 12px;--data-table-pad-left: 14px;--data-table-pad-right: 10px;--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)}@media(max-width:1720px){:root{--left-panel-width: 580px;--right-panel-width: 19rem;--data-table-col-name: minmax(0, 184px);--data-table-col-hex: 76px;--data-table-col-metric: 50px;--data-table-col-gap: 10px}}@media(max-width:1560px){:root{--left-panel-width: 580px;--right-panel-width: 19rem;--data-table-col-name: minmax(0, 184px);--data-table-col-hex: 76px;--data-table-col-metric: 50px;--data-table-col-gap: 10px;--data-table-pad-left: 14px;--data-table-pad-right: 10px}}@media(max-width:1280px){:root{--left-panel-width: 490px;--right-panel-width: 19rem;--data-table-col-name: minmax(0, 184px);--data-table-col-hex: 76px;--data-table-col-metric: 50px;--data-table-col-gap: 10px;--data-table-pad-left: 14px;--data-table-pad-right: 8px}}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}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%;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}.app-shell{min-height:100dvh}.site-layout{--site-header-height: 56px;--site-footer-height: 42px;position:relative;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-color)}.site-layout--scene{--scene-edge-gap: 0px;--scene-top-offset: var(--site-header-height);--scene-bottom-gap: var(--site-footer-height);--workspace-panel-height: calc( 100dvh - var(--site-header-height) - var(--site-footer-height) )}.site-layout__header,.site-layout__footer{position:relative;z-index:360;border-bottom:1px solid color-mix(in srgb,var(--text) 14%,transparent)}.site-layout__header{background:transparent}.site-layout__header--overlay{position:absolute;top:0;left:0;right:0}.site-layout__header--scene,.site-layout__footer{background:color-mix(in srgb,var(--panel-header) 92%,transparent)}.site-layout__footer{border-bottom:none;border-top:1px solid color-mix(in srgb,var(--text) 14%,transparent)}.site-layout__header-inner,.site-layout__footer-inner{width:min(1100px,100%);margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.site-layout__header-inner{min-height:var(--site-header-height)}.site-layout__footer-inner{min-height:var(--site-footer-height)}.site-layout__brand{color:var(--text);text-decoration:none;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.site-layout__nav{display:inline-flex;align-items:center;gap:16px}.site-layout__nav-link,.site-layout__footer-link{color:color-mix(in srgb,var(--text) 74%,transparent);text-decoration:none;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;transition:color .15s ease}.site-layout__nav-link:hover,.site-layout__footer-link:hover,.site-layout__nav-link--active{color:var(--text)}.site-layout__footer-copy{color:color-mix(in srgb,var(--text) 66%,transparent);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.site-layout__content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.site-layout__content--scene{height:calc(100dvh - var(--site-header-height) - var(--site-footer-height));min-height:560px;overflow:hidden}.site-scene-page{height:100%;min-height:0}.site-page,.site-page-landing__inner{width:min(960px,100%);margin:48px auto;display:flex;flex-direction:column;align-items:center;gap:48px}.site-page{padding:42px 18px}.site-layout--overlay-header .site-page,.site-layout--overlay-header .site-page-landing{padding-top:calc(42px + var(--site-header-height))}.site-page-landing{width:100%;max-width:none;padding:42px 18px;flex:1 1 auto;min-height:100%;box-sizing:border-box;background:linear-gradient(to top left,#0d0d0d,#9993 65%,#383838 90%),radial-gradient(60rem 30rem at 50% 20%,hsla(0,0%,100%,.12),transparent 70%),radial-gradient(40rem 24rem at 80% 70%,hsla(210,80%,60%,.1),transparent 75%)}.site-page-landing__inner{min-height:100%}.site-page__title{font-size:clamp(2rem,3.8vw,3rem);line-height:1;letter-spacing:.03em;color:var(--text-value)}.site-page__search-block{display:flex;flex-direction:column}.site-page__goto-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:min(720px,100%);gap:10px}.site-page__search-container{display:flex;flex-direction:column;justify-content:start;align-items:start;width:min(720px,100%);gap:10px}.site-page__lead{display:inline-flex;color:var(--text-value);font-size:1.75rem;font-weight:600;letter-spacing:.01em;alignment-baseline:ideographic}.site-page__search{display:flex;flex-direction:column;width:min(720px,100%);gap:10px}.site-page__search-label{color:var(--text-value);font-size:1.75rem;font-weight:600;letter-spacing:.01em}.site-page__search-caption{color:color-mix(in srgb,var(--text) 70%,transparent);font-size:.92rem;max-width:35ch}.site-page__search-shell{position:relative;isolation:isolate;overflow:visible;width:100%}.site-page__search-glow{position:absolute;left:50%;top:28px;width:min(680px,112%);height:84px;transform:translate(-50%,-50%);border-radius:999px;background:#ffffff38;filter:blur(120px);opacity:.9;pointer-events:none;z-index:0}.site-page__search-input,.site-page__search-results{position:relative;z-index:1}.site-page__search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:color-mix(in srgb,var(--text) 52%,transparent);pointer-events:none;z-index:2}.site-page__search-input{width:100%;min-height:56px;border:1px solid var(--border);border-radius:24px;padding:6px 10px 4px 38px;background:color-mix(in srgb,var(--controls-bg) 78%,var(--panel) 22%);color:color-mix(in srgb,var(--text) 92%,transparent);font:inherit;font-size:1rem;letter-spacing:.02em;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.site-page__search-input::placeholder{color:color-mix(in srgb,var(--text) 42%,transparent)}.site-page__search-input:focus{outline:none;border-color:color-mix(in srgb,var(--text) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--panel-tint) 70%,transparent)}.site-page__search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-header) 96%,transparent),color-mix(in srgb,var(--panel) 98%,transparent));box-shadow:0 18px 48px #00000057;z-index:20}.site-page__search-result{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border:none;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);background:transparent;color:color-mix(in srgb,var(--text) 84%,transparent);text-align:left}.site-page__search-result:last-child{border-bottom:none;padding-bottom:8px}.site-page__search-result:first-child{padding-top:8px}.site-page__search-result:hover,.site-page__search-result--active{background:color-mix(in srgb,var(--panel-tint) 68%,transparent)}.site-page__search-result-swatch{width:24px;height:24px;border-radius:4px;margin-right:6px;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 12%,transparent),inset 0 0 0 1px #ffffff24}.site-page__search-result-copy{min-width:0;display:inline-flex;align-items:baseline;gap:8px;flex:1 1 auto}.site-page__search-result-title{color:var(--text-value);font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-page__search-result-company{min-width:0;max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;letter-spacing:.02em;color:color-mix(in srgb,var(--text) 52%,transparent);flex:0 1 46%}.site-page__search-result-tags{color:color-mix(in srgb,var(--text) 25%,transparent);font-size:.65rem;font-weight:300;letter-spacing:.04em;padding:2px 4px;flex:0 0 auto}.site-page__search-empty{padding:16px 18px;color:color-mix(in srgb,var(--text) 70%,transparent);font-size:.92rem}.site-page__search-status{color:color-mix(in srgb,var(--text) 60%,transparent);font-size:.84rem}.site-page__muted{color:color-mix(in srgb,var(--text) 66%,transparent);font-size:.92rem}.site-page__cta{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:56px;border:1px solid color-mix(in srgb,var(--text) 24%,transparent);border-radius:24px;padding:10px 30px;margin-top:10px;text-decoration:none;color:var(--text);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--controls-bg) 78%,var(--panel) 22%);transition:color .15s ease,background-color .15s ease}.site-page__cta:hover{background:color-mix(in srgb,var(--panel-tint) 50%,transparent)}.site-page__credits{width:100%;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--panel) 40%,transparent);color:var(--text);font-size:.95rem}.site-page__credits-head,.site-page__credit-row{display:flex;align-items:baseline}.site-page__credits-head>div,.site-page__credit-row>div{padding:10px 16px}.site-page__credits-head{border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);background:color-mix(in srgb,var(--panel-header) 68%,transparent)}.site-page__credit-group:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.site-page__table-heading{font-size:.74rem;font-weight:200;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 66%,transparent)}.site-page__credits-head-name{flex:0 0 25%}.site-page__credits-head-organization{flex:0 0 21%}.site-page__credits-head-license{flex:0 0 14%}.site-page__credits-head-url{flex:1 1 auto}.site-page__credit-name,.site-page__credit-organization,.site-page__credit-license,.site-page__credit-url{display:flex;flex-direction:column;gap:6px}.site-page__credit-name{flex:0 0 25%;font-weight:600;letter-spacing:.01em;color:var(--text-value)}.site-page__credit-organization{flex:0 0 21%;color:color-mix(in srgb,var(--text) 72%,transparent);font-size:.92rem}.site-page__credit-license{flex:0 0 14%}.site-page__credit-url{flex:1 1 auto;font-family:inherit;font-size:.88rem;line-height:1.45;min-width:0}.site-page__credit-url .site-page__credit-field-value{min-width:0}.site-page__credit-row{background:color-mix(in srgb,var(--panel) 36%,transparent)}.site-page__credit-field-label{display:none;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 58%,transparent)}.site-page__credit-license-actions{display:flex;align-items:center;justify-content:end;gap:0}.site-page__license-badge,.site-page__credit-mobile-toggle{display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 8px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);font-family:inherit;font-size:.75rem;line-height:1;box-sizing:border-box;flex-shrink:0}.site-page__license-badge{border-top-left-radius:6px;border-bottom-left-radius:6px;border-right:none;background:color-mix(in srgb,var(--panel-tint) 58%,transparent);color:color-mix(in srgb,var(--text) 88%,transparent);font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.site-page__credit-mobile-toggle{border-top-right-radius:6px;border-bottom-right-radius:6px;background:transparent;color:color-mix(in srgb,var(--text) 84%,transparent);appearance:none;-webkit-appearance:none;margin:0;cursor:pointer}.site-page__credit-mobile-toggle:hover{color:var(--text)}.site-page__credit-mobile-toggle-icon{display:inline-flex;line-height:1;transition:transform .18s ease}.site-page__credit-mobile-toggle-icon--expanded{transform:rotate(180deg)}.site-page__license-panel{margin:0 14px 14px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:10px;padding:16px;background:color-mix(in srgb,var(--panel-header) 44%,transparent)}.site-page__license-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.site-page__license-packages{color:color-mix(in srgb,var(--text) 68%,transparent);font-size:.84rem;line-height:1.4}.site-page__license-text{margin:0;white-space:pre-wrap;color:color-mix(in srgb,var(--text) 86%,transparent);font-size:.84rem;line-height:1.6;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.site-page__list-link{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--text) 88%,transparent);text-decoration:none;transition:color .15s ease}.site-page__list-link:hover{color:var(--text)}@media(max-width:720px){.site-page__search-result-tags{display:none}.site-page__credits{border:none;border-radius:0;background:transparent;overflow:visible}.site-page__credits-head{display:none}.site-page__credit-group{border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--panel) 40%,transparent);padding:12px}.site-page__credit-group+.site-page__credit-group{margin-top:12px}.site-page__credit-row{flex-direction:column;align-items:stretch}.site-page__credits-head>div,.site-page__credit-row>div{padding:2px 8px}.site-page__credit-toggle-cell{display:none}.site-page__credit-name,.site-page__credit-organization,.site-page__credit-url,.site-page__credit-license{flex:1 1 100%;flex-direction:row;align-items:baseline;gap:12px}.site-page__credit-license{align-items:baseline}.site-page__credit-name,.site-page__credit-organization,.site-page__credit-url{padding-bottom:0}.site-page__credit-license{padding-top:6px}.site-page__credit-field-label{display:inline-flex;flex:0 0 124px;color:color-mix(in srgb,var(--text) 66%,transparent)}.site-page__credit-organization,.site-page__credit-url{color:color-mix(in srgb,var(--text) 82%,transparent)}.site-page__credit-license-actions{width:auto;align-items:baseline;justify-content:start;flex-wrap:wrap}.site-page__license-panel{margin:0 12px 12px}.site-page__credit-group--expanded .site-page__credit-row{border-bottom:none}}.visible-colors{position:fixed;top:var(--scene-top-offset, var(--scene-edge-gap));left:var(--scene-edge-gap);width:var(--left-panel-width);min-width:var(--left-panel-width);max-width:var(--left-panel-width);--visible-colors-col-swatch: var(--data-table-col-swatch);--visible-colors-col-name: var(--data-table-col-name);--visible-colors-col-hex: var(--data-table-col-hex);--visible-colors-col-metric: var(--data-table-col-metric);--visible-colors-col-actions: var(--data-table-col-actions);--visible-colors-col-gap: var(--data-table-col-gap);--visible-colors-row-border-left: 3px;--visible-colors-pad-right: 10px;--ui-data-col-swatch: var(--visible-colors-col-swatch);--ui-data-col-name: var(--visible-colors-col-name);--ui-data-col-hex: var(--visible-colors-col-hex);--ui-data-col-metric: var(--visible-colors-col-metric);--ui-data-col-actions: var(--visible-colors-col-actions);--ui-data-col-gap: var(--visible-colors-col-gap);--ui-data-pad-left: calc( var(--data-table-pad-left) + var(--visible-colors-row-border-left) );--ui-data-pad-right: var(--visible-colors-pad-right);z-index:10}.visible-colors--skeleton{overflow:hidden;pointer-events:none}.visible-colors__values{display:flex;align-items:center;gap:12px;padding:8px 12px;color:color-mix(in srgb,var(--text) 70%,transparent)}.visible-colors__icon-button{color:color-mix(in srgb,var(--text) 60%,transparent)}.visible-colors__header{overflow:visible;z-index:3}.ui-panel-header.visible-colors__header{overflow:visible}.visible-colors__value-space-menu{color:color-mix(in srgb,var(--text) 88%,transparent)}.visible-colors__value-space-wrap{position:relative;display:inline-flex;align-items:center}.visible-colors__value-space-wrap:after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;transform:translateY(-50%);background-color:currentColor;color:color-mix(in srgb,var(--text) 66%,transparent);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='https://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E") no-repeat center / 12px 12px;mask:url("data:image/svg+xml,%3Csvg%20xmlns='https://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E") no-repeat center / 12px 12px}.visible-colors__value-space-select{appearance:none;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-tint) 45%,transparent);color:color-mix(in srgb,var(--text) 88%,transparent);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;height:24px;padding:0 22px 0 8px;cursor:pointer}.visible-colors__value-space-select:focus{outline:none;border-color:color-mix(in srgb,var(--text) 35%,transparent)}.visible-colors__body{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;min-height:0;user-select:none;-webkit-user-select:none}.visible-colors__table-header{user-select:none;-webkit-user-select:none}.visible-colors__skeleton-rows{display:flex;flex-direction:column;gap:6px;padding:10px 12px 14px 11px}.visible-colors__skeleton-line,.visible-colors__skeleton-pill,.visible-colors__skeleton-icon,.visible-colors__skeleton-swatch{background:color-mix(in srgb,var(--panel-tint) 70%,transparent);border-radius:3px;position:relative;overflow:hidden}.visible-colors__skeleton-line:after,.visible-colors__skeleton-pill:after,.visible-colors__skeleton-icon:after,.visible-colors__skeleton-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.12) 35%,transparent 70%);animation:table-skeleton-pulse 1.4s ease-in-out infinite}.visible-colors__skeleton-line--title{width:110px;height:12px}.visible-colors__skeleton-line--count{width:26px;height:12px}.visible-colors__skeleton-pill{width:110px;height:18px;border-radius:999px}.visible-colors__skeleton-icon{width:18px;height:18px;border-radius:4px}.visible-colors__skeleton-line--header{height:10px;width:48px}.visible-colors__skeleton-line--metric{height:10px;width:28px}.visible-colors__skeleton-line--name{height:10px;width:120px}.visible-colors__skeleton-line--hex{height:10px;width:60px}.visible-colors__skeleton-swatch{width:20px;height:20px;border-radius:6px}.visible-colors__context-menu{position:fixed;z-index:200;min-width:220px;padding-top:6px;padding-bottom:6px;border-radius:var(--border-radius);border:1px solid var(--border);background:var(--controls-menu-bg);display:flex;flex-direction:column}.visible-colors__context-item{width:100%;display:flex;align-items:center;gap:8px;border:none;background:transparent;color:color-mix(in srgb,var(--text) 80%,transparent);font-size:.875rem;font-weight:300;text-transform:none;letter-spacing:.02em;padding:8px 16px;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.visible-colors__context-item--split{justify-content:space-between}.visible-colors__context-item:hover{background:#ffffff14;color:var(--text)}.visible-colors__context-item--active{color:var(--text);background:color-mix(in srgb,var(--panel-tint) 30%,transparent)}.visible-colors__context-item-note{color:color-mix(in srgb,var(--text) 55%,transparent)}.visible-colors__context-item--disabled{display:block;padding:8px 18px 4px 16px;font-size:.75rem;letter-spacing:.04em;color:color-mix(in srgb,var(--text) 40%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default}.visible-colors__context-item--disabled:hover{background:transparent;color:color-mix(in srgb,var(--text) 40%,transparent)}.visible-colors__context-divider{border-top:1px solid var(--border);margin:8px}@keyframes table-skeleton-pulse{0%{opacity:.4;transform:translate(-20%)}50%{opacity:.8}to{opacity:.4;transform:translate(20%)}}.visible-colors__table-header{padding:4px var(--ui-data-pad-right) 4px var(--ui-data-pad-left)}.visible-colors__header-spacer{width:var(--visible-colors-col-swatch)}.visible-colors__header-hex{width:var(--visible-colors-col-hex)}.visible-colors__header-actions,.visible-colors__row-actions{width:var(--visible-colors-col-actions);min-width:0}.visible-colors__scroll{flex:1;overflow:auto;min-height:0}.visible-colors__empty{display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--text) 60%,transparent);font-size:.875rem;height:96px}.visible-colors__row{position:absolute;top:0;left:0;width:100%;cursor:pointer;box-sizing:border-box}.visible-colors__row--hoverable:hover{background:#ffffff0d}.visible-colors__row-content{padding:2px 16px 2px var(--data-table-pad-left);border-bottom:1px solid rgba(255,255,255,.02)}.visible-colors__swatch-wrap{width:var(--visible-colors-col-swatch);display:flex;align-items:center}.visible-colors__swatch{width:var(--visible-colors-col-swatch);height:var(--visible-colors-col-swatch)}.visible-colors__name{display:flex;align-items:center;flex:1;min-width:0;padding-left:0}.visible-colors__hex{text-transform:uppercase}.visible-colors__metric{width:100%;padding-right:0;text-align:right}.visible-colors__row-actions{display:inline-flex;width:var(--visible-colors-col-actions);align-items:center;justify-content:flex-end;justify-self:end}.visible-colors__favorite-wrap{width:max-content;display:inline-flex;align-items:center;justify-content:flex-end;gap:3px}.visible-colors__favorite-button{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:color-mix(in srgb,var(--text) 30%,transparent);cursor:pointer;transition:color .15s ease,opacity .15s ease}.visible-colors__favorite-button:hover{color:color-mix(in srgb,var(--text) 90%,transparent)}.visible-colors__favorite-button--active{color:color-mix(in srgb,var(--text) 95%,transparent)}.visible-colors__favorite-menu-button{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:2px;background:transparent;color:color-mix(in srgb,var(--text) 60%,transparent);cursor:pointer;transition:color .15s ease,background-color .15s ease}.visible-colors__favorite-menu-button:hover,.visible-colors__favorite-menu-button--open{background:color-mix(in srgb,var(--panel-tint) 60%,transparent)}.visible-colors__favorite-menu{display:flex;flex-direction:column;position:fixed;z-index:230;min-width:220px;max-height:260px;overflow-y:auto;padding-top:6px;padding-bottom:6px;background:var(--controls-menu-bg);border:1px solid var(--border);border-radius:var(--border-radius)}.visible-colors__favorite-menu-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;background:transparent;color:color-mix(in srgb,var(--text) 60%,transparent);font-size:.875rem;font-weight:300;letter-spacing:.02em;text-align:left;border:none;cursor:pointer;transition:background-color .15s ease}.visible-colors__favorite-menu-item:hover{background:#ffffff14}.visible-colors__favorite-menu-item--active{color:var(--text);background:transparent}.visible-colors__fade{pointer-events:none;position:absolute;bottom:0;left:0;right:0;height:32px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent)}@media(max-width:1280px){.visible-colors{--visible-colors-col-hex: 0px}.visible-colors__table-header,.visible-colors__skeleton-row,.visible-colors__row-content{grid-template-columns:var(--visible-colors-col-swatch) var(--visible-colors-col-name) repeat(3,var(--visible-colors-col-metric)) var(--visible-colors-col-actions)}.visible-colors__favorite-wrap{gap:2px}.visible-colors__header-hex,.visible-colors__hex,.visible-colors__skeleton-line--hex{display:none}}@media(max-width:900px){.visible-colors{--visible-colors-col-name: minmax(0, 1fr);--visible-colors-col-hex: 0px;--visible-colors-col-metric: 56px;--visible-colors-col-gap: 8px}.visible-colors__header-hex,.visible-colors__hex,.visible-colors__skeleton-line--hex{display:none}}@media(max-width:480px){.visible-colors{--visible-colors-col-name: minmax(0, 1fr);--visible-colors-col-metric: 50px}.visible-colors__favorite-wrap{gap:2px}}.color-card{position:relative;display:flex;min-width:0;overflow:hidden;background:var(--color-card-bg, var(--panel-strong));color:var(--color-card-fg, var(--text));--color-card-muted: color-mix(in srgb, currentColor 68%, transparent);container-type:inline-size}.color-card--interactive{cursor:pointer}.color-card--interactive:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,currentColor 64%,transparent)}.color-card__body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;height:180px;padding:18px 12px 16px 16px}.color-card__name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-card__name{min-width:0;overflow-wrap:anywhere;font-size:1.2rem;font-weight:600;letter-spacing:.025em;line-height:1.1;padding-bottom:8px}.color-card__row{display:grid;grid-template-columns:minmax(52px,max-content) minmax(0,1fr);align-items:baseline;gap:14px}.color-card__values{display:flex;align-items:baseline;gap:10px;justify-content:flex-start;flex-wrap:wrap;min-width:0;width:auto}.color-card__values--metrics{gap:12px;flex-wrap:nowrap}.color-card__values--hex{width:100%;justify-content:flex-start}.color-card__value{width:auto;justify-content:end;font-size:1rem;font-weight:200;letter-spacing:.075em;color:currentColor;white-space:nowrap}.color-card__row--hex .color-card__value{justify-content:flex-start;text-align:left}.color-card__value--end{padding-right:0}.color-card__delta{position:absolute;right:8px;bottom:10px;display:inline-flex;flex-direction:column;align-items:flex-end;padding:4px 8px;border-radius:2px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);background:color-mix(in srgb,var(--color-card-bg, transparent) 85%,black);color:color-mix(in srgb,currentColor 78%,transparent);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.color-card__delta-value{font-size:.85rem;font-weight:500;letter-spacing:.05em;color:currentColor;text-transform:none}.color-card .ui-label-compact{color:var(--color-card-muted)}.color-card .ui-numeric-value{color:currentColor}.color-card .ui-numeric-affix{color:var(--color-card-muted)}.color-card .ui-numeric-affix--prefix{margin-right:4px;min-width:auto}.color-card .color-modal__favorite-button,.color-card .color-modal__favorite-menu-button{color:inherit}@container (max-width: 520px){.color-card__body{padding:14px 10px 12px 12px;height:auto;min-height:140px}.color-card__name{font-size:1.04rem;padding-bottom:6px}.color-card__row{grid-template-columns:minmax(46px,max-content) minmax(0,1fr);gap:10px}.color-card__values,.color-card__values--metrics{gap:8px}.color-card__value{font-size:.92rem;letter-spacing:.05em}.color-card__value--end{padding-right:0}}.hover-card{position:fixed;pointer-events:none;z-index:235;width:min(360px,calc(100vw - 24px))}.hover-card__card{box-shadow:0 8px 20px #00000047}.main-scene{position:relative;width:100%;height:100%;background:var(--bg-color);overflow:hidden;--active-left-gutter: calc(var(--left-panel-width) + var(--scene-panel-gap));--active-right-gutter: calc( var(--right-panel-width) + var(--scene-panel-gap) );--toolbar-left-gutter: calc(var(--left-panel-width) + var(--scene-panel-gap));--toolbar-right-gutter: calc( var(--right-panel-width) + var(--scene-panel-gap) )}.main-scene__graph-panel{position:fixed;top:var(--scene-top-offset, var(--scene-edge-gap));left:var(--scene-edge-gap);right:var(--scene-edge-gap);height:var(--workspace-panel-height);border:1px solid var(--border);background:var(--bg-color);overflow:hidden;z-index:1;clip-path:inset(0 var(--active-right-gutter) 0 var(--active-left-gutter))}.main-scene__graph-content{width:100%;height:100%;transform:translate(calc((var(--active-left-gutter) - var(--active-right-gutter)) / 2))}.main-scene--graph-hidden .main-scene__graph-panel,.main-scene--graph-hidden .controls__settings-shell{display:none}.main-scene--graph-hidden-table-filter .visible-colors{top:calc(var(--scene-top-offset, var(--scene-edge-gap)) + var(--panel-header-height));height:calc(var(--workspace-panel-height) - var(--panel-header-height));width:calc(100% - (var(--scene-edge-gap) * 2) - var(--right-panel-width));min-width:calc(100% - (var(--scene-edge-gap) * 2) - var(--right-panel-width));max-width:calc(100% - (var(--scene-edge-gap) * 2) - var(--right-panel-width))}.main-scene--graph-hidden-table-filter .main-scene__panel{top:calc(var(--scene-top-offset, var(--scene-edge-gap)) + var(--panel-header-height));height:calc(var(--workspace-panel-height) - var(--panel-header-height))}.main-scene--graph-hidden-modal-filter .color-modal__overlay{right:calc(var(--scene-edge-gap) + var(--right-panel-width))}.main-scene--graph-hidden-modal-filter .color-modal__layout{width:100%}.main-scene--graph-hidden-table-modal{--left-panel-width: calc((100% - (var(--scene-edge-gap) * 2)) / 2)}.main-scene__loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text);pointer-events:none;z-index:10}.main-scene__loading-card{background:#00000080;padding:8px 16px;border-radius:4px}.main-scene__error{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:12;pointer-events:none}.main-scene__error-card{background:#781313d9;border:1px solid rgba(248,113,113,.6);color:#fee2e2;padding:8px 12px;border-radius:4px;font-size:12px}.main-scene__viewport-readout{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:280;pointer-events:none;border:1px solid color-mix(in srgb,var(--text) 20%,transparent);background:color-mix(in srgb,var(--panel-header) 88%,transparent);color:color-mix(in srgb,var(--text) 90%,transparent);padding:3px 8px;border-radius:999px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}.main-scene__panel{position:fixed;right:var(--scene-edge-gap);top:var(--scene-top-offset, var(--scene-edge-gap));height:var(--workspace-panel-height);width:var(--right-panel-width);display:flex;flex-direction:column;z-index:10}.main-scene__panel--collapsed{height:auto}.main-scene--modal-open .main-scene__panel{z-index:228}@media(max-width:900px){.main-scene--mobile{--workspace-panel-height: calc( 100dvh - var(--scene-top-offset, var(--scene-edge-gap)) - var(--scene-bottom-gap, 0px) )}.main-scene--mobile .main-scene__graph-panel{height:var(--workspace-panel-height);clip-path:none}.main-scene--mobile .main-scene__graph-content{transform:none}.main-scene__mobile-panel-stack{position:fixed;top:calc(var(--scene-top-offset, var(--scene-edge-gap)) + var(--panel-header-height));left:var(--scene-edge-gap);right:var(--scene-edge-gap);display:flex;flex-direction:column;z-index:210}.main-scene--modal-open .main-scene__mobile-panel-stack{z-index:228}.main-scene__mobile-panel-stack>*{width:100%}.main-scene__mobile-panel-stack .visible-colors,.main-scene__mobile-panel-stack .filter-panel{position:static;width:100%;min-width:0;max-width:none}.main-scene__mobile-panel-stack .visible-colors{border-bottom:none}.main-scene__mobile-panel-stack .visible-colors__body{max-height:none}.main-scene__mobile-panel-stack .filter-panel{height:auto}.main-scene__mobile-panel-stack .filter-panel__body{max-height:calc(100dvh - (var(--panel-header-height) * 2))}}