:root{--ink:#14171f;--line:#d7d7ce;--page-bg:#f2f1ea;color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page-bg)}body{min-width:320px;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}a{color:inherit}#root{min-height:100svh}.app-shell{--active-color:#639;--active-text:#fff;--atlas-slice-columns:4;background:var(--page-bg);height:100svh;color:var(--ink);grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);display:grid;overflow:hidden}.color-pane,.art-pane{min-width:0;min-height:0}.color-pane{border-right:1px solid var(--line);background:#191b1f;grid-template-rows:78px 25px minmax(0,1fr);display:grid}.color-readout{background:var(--active-color);min-height:0;color:var(--active-text);grid-template-columns:minmax(0,1fr) max-content;align-items:center;column-gap:20px;padding:18px 28px;display:grid;overflow:hidden;box-shadow:inset 0 -1px #0000002e;container-type:inline-size}.artwork-details h2,.empty-artwork h2{letter-spacing:0;margin:0}dl{gap:12px;margin:0;display:grid}.color-readout dl{grid-template-columns:repeat(4,minmax(0,max-content));align-content:center;gap:clamp(10px,1.7vw,24px);min-width:0;overflow:hidden}.color-readout dl>div{min-width:0}.color-branding{min-width:0;max-width:15rem;color:inherit;text-align:right}.color-branding p{margin:0}.color-branding-title{letter-spacing:.1em;opacity:.62;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0 0 2px;font-size:.66rem;font-weight:850;line-height:1.15;overflow:hidden}.color-branding-credit{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:750;line-height:1.25;overflow:hidden}.color-branding a{color:inherit;text-underline-offset:4px;font-weight:850;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:2px}@container (width<=620px){.color-readout dl>div:nth-child(4){display:none}}@container (width<=500px){.color-readout dl>div:nth-child(3){display:none}}@container (width<=420px){.color-readout dl>div:nth-child(2){display:none}}.artwork-details dl{grid-template-columns:repeat(3,minmax(0,1fr))}dt{letter-spacing:.1em;text-transform:uppercase;opacity:.62;margin:0 0 2px;font-size:.66rem;font-weight:850}dd{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.92rem;font-weight:750;overflow:hidden}.atlas-controls{color:#ffffffa3;letter-spacing:.04em;text-transform:none;scrollbar-width:none;background:0 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;justify-content:flex-start;align-items:center;gap:10px;min-height:0;padding:0 10px;font-size:.56rem;font-weight:650;line-height:1;display:flex;overflow:auto hidden}.atlas-controls::-webkit-scrollbar{display:none}.selector-group{white-space:nowrap;flex:none;align-items:center;gap:6px;min-width:0;display:inline-flex}.tile-selector button[data-color-space=hsl],.tile-selector button[data-color-space=oklch],.tile-selector button[data-color-space=pca],.tile-selector button[data-color-space=stats],.tile-selector button[data-color-space=list]{margin-left:5px}.tile-selector button[data-color-space=hsl]+button[data-color-space=hsl],.tile-selector button[data-color-space=oklch]+button[data-color-space=oklch],.tile-selector button[data-color-space=pca]+button[data-color-space=pca],.tile-selector button[data-color-space=stats]+button[data-color-space=stats]{margin-left:0}.color-statistic-selector{margin-left:auto}.atlas-controls button{color:inherit;cursor:pointer;font-size:inherit;letter-spacing:inherit;text-transform:none;background:0 0;border:0;padding:0;font-weight:650;line-height:1}.atlas-controls button:disabled{color:#ffffff57;cursor:default}.atlas-controls button[aria-pressed=true]{color:#fff;font-weight:950}.atlas-controls button:focus-visible{outline-offset:3px;outline:1px solid #fff}.color-atlas{grid-template-columns:repeat(var(--atlas-slice-columns), minmax(0, 1fr));background:#111316;grid-template-rows:repeat(4,minmax(0,1fr));gap:3px;min-height:0;padding:3px;display:grid;overflow:hidden}.color-atlas[data-atlas-space=stats]{grid-template-rows:1fr;grid-template-columns:1fr}.color-atlas[data-background-highlightable=true]{-webkit-user-select:none;user-select:none}.color-name-panel{color:#ffffffc7;background:#111316;min-height:0;padding:8px;overflow:hidden}.color-name-panel[data-sort-mode=az]{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-auto-rows:17px;align-content:start;gap:3px 6px;display:grid}.color-name-panel[data-sort-mode=categories]{grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:6px;display:grid}.color-name-category{min-width:0}.color-name-category h2{color:#ffffff85;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;margin:0 0 4px;font-size:.48rem;font-weight:850;line-height:1;overflow:hidden}.color-name-category-list{grid-auto-rows:16px;gap:3px;display:grid}.color-name-button{width:100%;min-width:0;height:17px;color:inherit;cursor:pointer;letter-spacing:0;text-align:left;background:0 0;border:0;border-radius:2px;align-items:center;gap:5px;padding:0 3px;font-size:.63rem;font-weight:600;line-height:1;display:flex;overflow:hidden}.color-name-button[data-close-artwork=false]{color:#ffffff57;font-weight:600}.color-name-panel[data-sort-mode=categories] .color-name-button{gap:3px;height:16px;padding-inline:2px;font-size:.56rem}.color-name-panel[data-sort-mode=categories] .color-name-swatch{width:6px;height:6px}.color-name-button[data-close-artwork=true]{color:#fff;font-weight:900}.color-name-button[data-optional=true],.color-name-button[data-optional=true][data-close-artwork=true]{color:#ffffffeb;font-weight:600}.color-name-button:hover,.color-name-button:focus-visible,.color-name-button[aria-pressed=true]{background:#ffffff14}.color-name-button[data-close-artwork=true][aria-pressed=true]{box-shadow:inset 0 0 0 1px #ffffffb8}.color-name-button[data-close-artwork=false][aria-pressed=true]{box-shadow:inset 0 0 0 1px #ffffff24}.color-name-button:focus-visible{outline-offset:1px;outline:1px solid #ffffffc7}.color-name-swatch{background:var(--color-name-swatch);border:1px solid #ffffff47;flex:none;width:8px;height:8px}.color-name-button[data-close-artwork=true] .color-name-swatch{border-color:#ffffffb8}.color-name-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.atlas-plane{--plane-background-image:none;z-index:0;background:#0b0d10;min-width:0;min-height:0;position:relative;overflow:hidden}:is(.atlas-plane:has(.named-marker:hover),.atlas-plane:has(.named-marker:focus-visible),.atlas-plane:has(.named-marker[aria-pressed=true])){z-index:12;overflow:visible}.atlas-plane-background{background-color:#0b0d10;background-image:var(--plane-background-image);pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.atlas-plane-background:after{content:"";opacity:.42;background-image:linear-gradient(#00000029 1px,#0000 1px),linear-gradient(90deg,#00000029 1px,#0000 1px);background-size:6.25% 6.25%;position:absolute;inset:0}.color-atlas[data-atlas-space=stats] .atlas-plane-background:after{opacity:.68;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:50% 50%,50% 50%,10% 10%,10% 10%}.atlas-plane-label{z-index:4;color:#ffffffeb;letter-spacing:0;pointer-events:none;text-shadow:0 1px 3px #000000b3;font-size:.56rem;font-weight:850;line-height:1;position:absolute;top:4px;left:5px}.stats-axis-labels{z-index:4;color:#ffffffdb;letter-spacing:.08em;pointer-events:none;text-shadow:0 1px 3px #000000b8;text-transform:uppercase;font-size:.56rem;font-weight:850;line-height:1;position:absolute;inset:0}.stats-axis-label{position:absolute}.stats-axis-label-x{bottom:6px;right:7px}.stats-axis-label-y{writing-mode:vertical-rl;top:18px;left:6px}.named-marker-layer{z-index:2;position:absolute;inset:0}.named-marker{--marker-left:50%;--marker-top:50%;--marker-offset-x:0px;--marker-offset-y:0px;left:clamp(8px, var(--marker-left), calc(100% - 8px));top:clamp(8px, var(--marker-top), calc(100% - 8px));z-index:2;background:var(--marker-color);width:16px;height:16px;color:var(--marker-text);cursor:crosshair;transform:translate(calc(-50% + var(--marker-offset-x)), calc(-50% + var(--marker-offset-y)));border:2px solid #ffffffe6;border-radius:2px;padding:0;position:absolute;box-shadow:0 0 0 1px #0000008c,0 2px 5px #00000059}.named-marker span{z-index:6;color:#fff;letter-spacing:0;opacity:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background:#111827eb;border-radius:3px;width:max-content;max-width:150px;padding:4px 7px;font-size:.66rem;font-weight:850;line-height:1.1;transition:opacity 80ms;position:absolute;bottom:calc(100% + 7px);left:50%;overflow:hidden;transform:translate(-50%)}.named-marker:hover,.named-marker:focus-visible,.named-marker[aria-pressed=true]{z-index:5;border-color:#fff;box-shadow:0 0 0 2px #111827db,0 0 0 4px #ffffffeb}.named-marker[data-close-artwork=false]{border-color:#1118279e;box-shadow:0 0 0 1px #0000008f,0 2px 5px #00000052}.named-marker[data-close-artwork=false]:hover,.named-marker[data-close-artwork=false]:focus-visible,.named-marker[data-close-artwork=false][aria-pressed=true]{border-color:#111827cc;box-shadow:0 0 0 2px #111827c2}.named-marker:hover span,.named-marker:focus-visible span,.named-marker[aria-pressed=true] span{opacity:1}.app-shell[data-browsing-state=locked] .named-marker:not([aria-pressed=true]):hover span,.app-shell[data-browsing-state=locked] .named-marker:not([aria-pressed=true]):focus-visible span{opacity:0}.named-marker[data-locked=true]:after{content:"";pointer-events:none;border:2px solid #fff;border-radius:4px;position:absolute;inset:-7px}.named-marker[data-close-artwork=false][data-locked=true]:after{content:none}.named-marker[data-marker-kind=obscure]{width:9px;height:9px;box-shadow:none;opacity:1;border:.5px solid #ffffffb8;border-radius:1px}.named-marker[data-marker-kind=obscure]:hover,.named-marker[data-marker-kind=obscure]:focus-visible,.named-marker[data-marker-kind=obscure][aria-pressed=true]{box-shadow:none;opacity:1;border-color:#ffffffdb}.named-marker[data-marker-kind=obscure] span{max-width:180px;font-size:.6rem;bottom:calc(100% + 6px)}.named-marker[data-marker-kind=obscure][data-locked=true]:after{inset:-6px}.named-marker:focus-visible{outline-offset:4px;outline:2px solid #111827}.art-pane{background:var(--active-color);grid-template-rows:minmax(0,1fr) 238px;min-height:0;display:grid;overflow:hidden}.art-pane[data-artwork-details=collapsed]{grid-template-rows:minmax(0,1fr) 78px}.art-pane[data-artwork-state=color-only]{grid-template-rows:minmax(0,1fr)}.art-pane[data-artwork-preview=window]{z-index:50;background:var(--active-color);grid-template-rows:minmax(0,1fr);width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.art-pane[data-artwork-preview=window] .artwork-stage{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-row:1/-1;grid-template-rows:minmax(0,1fr);gap:0}.art-pane[data-artwork-preview=window] .art-color-title,.art-pane[data-artwork-preview=window] .artwork-details{display:none}.artwork-stage{background:var(--active-color);grid-template-rows:78px minmax(0,1fr);gap:10px;min-height:0;padding:18px 34px 28px;display:grid;position:relative;overflow:hidden}.solid-color-preview{background:var(--active-color);min-height:0;color:var(--active-text);grid-row:1/-1;place-items:center;padding:34px;display:grid;overflow:hidden}.solid-color-preview .art-color-title{height:auto}.art-color-title{min-width:0;max-width:min(92%,780px);height:78px;color:var(--active-text);font-size:var(--color-title-size,2.35rem);letter-spacing:0;text-align:center;-webkit-user-select:text;user-select:text;place-items:center;margin:0 auto;font-weight:900;line-height:1.16;display:grid;overflow:hidden}.art-color-title span{overflow-wrap:anywhere;text-wrap:balance;-webkit-user-select:text;user-select:text;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:calc(100% + .16em);padding-block:.08em;display:-webkit-box;overflow:hidden}.social-preview-heading{min-width:0;height:118px;color:var(--active-text);text-align:center;place-content:center;padding:0 18px;line-height:1;display:grid}.social-preview-heading h1,.social-preview-heading p{color:inherit;margin:0}.social-preview-heading h1{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:2.55rem;font-weight:950;overflow:hidden}.social-preview-heading p{margin-top:4px;font-size:1.08rem;font-weight:850}.social-preview-heading span{color:color-mix(in srgb, var(--active-text) 88%, transparent);margin-top:10px;font-size:1.28rem;font-weight:850}.app-shell[data-social-preview=true] .artwork-stage{grid-template-rows:118px minmax(0,1fr);gap:10px;padding-top:18px}.artwork-image-frame{cursor:zoom-in;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.artwork-stage[data-background-highlightable=true] .artwork-image-frame{-webkit-user-select:none;user-select:none}.artwork-image-frame[data-preview-open=true]{cursor:zoom-out}.artwork-preview-close{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11182794;border:1px solid #ffffff94;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;font-size:1.35rem;font-weight:500;line-height:1;display:inline-grid;position:absolute}.artwork-preview-close:hover{background:#111827c2}.artwork-preview-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.artwork-image-frame:focus-visible{outline:2px solid color-mix(in srgb, var(--active-text) 84%, transparent);outline-offset:4px}.artwork-image-frame img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transition:filter 90ms,opacity 90ms;display:block;position:absolute;inset:0}.artwork-highlight-mask{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity 90ms;display:block;position:absolute;inset:0}.artwork-image-frame[data-highlight-active=true] .artwork-highlight-mask{opacity:1}.artwork-details,.empty-artwork{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-top:1px solid #1118272e;flex-direction:column;gap:10px;min-height:0;padding:18px 28px 22px;display:flex;overflow:auto}.artwork-details-header{align-items:flex-start;gap:14px;min-width:0;display:flex}.artwork-heading{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.artwork-title-row{align-items:baseline;gap:14px;min-width:0;display:flex}.artwork-details-toggle{color:#111827;cursor:pointer;background:#fff9;border:1px solid #11182733;border-radius:4px;flex:none;place-items:center;width:30px;height:30px;margin-top:1px;padding:0;display:inline-grid}.artwork-details-toggle:focus-visible{outline-offset:3px;outline:2px solid #111827}.toggle-chevron{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transform:translateY(2px)rotate(225deg)}.artwork-details-toggle[aria-expanded=true] .toggle-chevron{transform:translateY(-2px)rotate(45deg)}.artwork-details-body{flex-direction:column;gap:10px;min-height:0;display:flex}.artwork-details-body[hidden],.artwork-color-readout{display:none}.artwork-details h2,.empty-artwork h2{color:#111827}.artwork-title{min-width:0;font-size:var(--artwork-title-size,1.78rem);text-overflow:ellipsis;white-space:nowrap;flex:auto;line-height:1.16;display:block;overflow:hidden}.artwork-date{color:#475569;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:36%;font-size:.88rem;font-weight:800;line-height:1.2;overflow:hidden}.art-pane[data-artwork-details=collapsed] .artwork-details{justify-content:center;padding-top:12px;padding-bottom:12px;overflow:hidden}.art-pane[data-artwork-details=collapsed] .artwork-title{font-size:1.08rem;line-height:1.18}.art-pane[data-artwork-details=collapsed] .artwork-date{font-size:.8rem}.art-pane[data-artwork-details=collapsed] .artist-line{font-size:.86rem}.empty-artwork h2{font-size:1.78rem;line-height:1.08}.artist-line,.empty-artwork p{color:#475569;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:650;overflow:hidden}.median-value{align-items:center;gap:8px;display:inline-flex}.median-chip{border:1px solid #1118272e;flex:none;width:18px;height:18px}.artwork-details a{color:#0f5132;text-overflow:ellipsis;text-underline-offset:3px;white-space:nowrap;width:fit-content;max-width:100%;font-weight:850;text-decoration-thickness:2px;overflow:hidden}@media (width<=720px){.app-shell{grid-template-rows:54svh 46svh;grid-template-columns:1fr}.color-pane{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:25px minmax(0,1fr)}.color-readout{display:none}dt{font-size:.58rem}dd{font-size:.8rem}.color-atlas{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;overflow:hidden auto}.color-atlas,.color-atlas *,.color-name-panel,.color-name-panel *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.color-atlas[data-atlas-space=stats]{grid-template-rows:1fr;grid-template-columns:1fr;grid-auto-rows:auto;overflow:hidden}.color-name-panel{padding:6px;overflow:auto}.color-name-panel[data-sort-mode=az]{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));grid-auto-rows:19px}.color-name-panel[data-sort-mode=categories]{grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}.color-name-category-list{grid-auto-rows:19px}.color-name-button{height:19px;font-size:.66rem}.tile-selector button[data-color-space=pca]{display:none}.atlas-plane{min-height:180px}.named-marker{width:18px;height:18px}.named-marker[data-marker-kind=obscure]{width:12px;height:12px}.art-pane{grid-template-rows:minmax(0,1fr) 214px}.art-pane[data-artwork-details=collapsed]{grid-template-rows:minmax(0,1fr) 70px}.artwork-stage{grid-template-rows:58px minmax(0,1fr);gap:8px;padding:10px 18px 16px}.art-color-title{height:58px;font-size:min(var(--color-title-size,1.45rem), 1.45rem)}.artwork-details,.empty-artwork{gap:6px;padding:14px 18px 16px}.artwork-details-header{gap:10px}.artwork-details-toggle{width:28px;height:28px}.artwork-details h2,.empty-artwork h2{font-size:1.05rem;line-height:1.15}.artwork-title{font-size:min(var(--artwork-title-size,1.05rem), 1.05rem);line-height:1.2}.art-pane[data-artwork-details=collapsed] .artwork-details{padding-top:10px;padding-bottom:10px}.art-pane[data-artwork-details=collapsed] .artwork-title{font-size:.98rem}.artwork-date{max-width:38%;font-size:.76rem}.artist-line,.empty-artwork p,.artwork-details a{font-size:.86rem}.artwork-details dl{grid-template-columns:repeat(3,minmax(0,1fr))}.artwork-details .artwork-color-readout{border-top:1px solid #11182724;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px 18px;padding-top:8px;display:grid}}@media (width<=560px){.color-atlas{gap:2px;padding:2px}.artwork-details dl:not(.artwork-color-readout){grid-template-columns:1fr 1fr}}