*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:#262b30;font-family:Arial,Microsoft YaHei,sans-serif;font-size:13px}button,select,.import{font:inherit;border:1px solid #d5d7d2;background:transparent;color:inherit;padding:8px 11px;cursor:pointer}button:hover,.import:hover{background:#e9ebe5}button:disabled{opacity:.3;cursor:default}header{height:80px;border-bottom:1px solid #d5d7d2;display:flex;align-items:center;gap:14px;padding:0 4%}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{color:#3155d9}.edition{margin-right:auto;margin-left:30px;font:10px monospace;letter-spacing:2px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:54px 0 45px;border-bottom:1px solid #b9bdb7;align-items:center}.eyebrow,.section-label{font:10px monospace;letter-spacing:1.6px}.eyebrow{color:#3155d9}h1{font-size:clamp(46px,5.5vw,86px);line-height:.98;letter-spacing:-4px;font-weight:500;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400}p{line-height:1.8;color:#74796f}.hero-art svg{width:100%;height:250px}.hero-art span{display:block;text-align:right;font:9px monospace;letter-spacing:2px}.workspace{display:grid;grid-template-columns:255px 1fr;gap:38px;padding:32px 0}aside{border-right:1px solid #d5d7d2;padding-right:24px}.preset{width:100%;text-align:left;margin-top:13px;padding:12px}.preset.selected{border-color:#3155d9}.preset span{font-size:12px}.preset div{display:flex;margin:12px 0 7px}.preset i{height:24px;flex:1}.preset small{font:9px monospace;color:#73796f}.actions{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0 30px}.actions button,.import{font-size:10px}h4{font-size:11px;font-weight:400;margin:22px 0 10px}.color-row{display:flex;align-items:center;gap:4px;padding:7px 0;border-bottom:1px solid #e4e5df}.color-row>input{width:28px;height:32px;padding:0;border:0;background:transparent}.color-row label{font-size:10px;flex:1}.color-row label input{display:block;width:73px;background:transparent;border:0;font:10px monospace;margin-top:4px;color:#73796f}.color-row button{border:0;padding:3px;font-size:12px}.import input{display:none}.gallery{min-width:0}.gallery-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:13px 0 22px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #d5d7d2;border-bottom:1px solid #d5d7d2;padding:12px 0;margin-bottom:24px}.toolbar select{font-size:11px;border:0;padding-left:0}.toolbar label{font-size:11px;margin:auto 0 auto auto}.toolbar input{width:48px;border:0;background:transparent}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid article,.comparison article{background:#fff;border:1px solid #dedfd9;min-width:0}.card-heading{display:flex;align-items:center;gap:12px;padding:12px 15px}.card-heading>span{font:10px monospace;color:#8b9186}h3{font-size:12px;font-weight:500;margin:0}.card-heading button{margin-left:auto;border:0;padding:3px}.figure-scroll{overflow:auto;min-height:130px}.figure-scroll>div{margin:auto}.figure-scroll svg{width:100%;display:block}.card-foot{display:flex;align-items:center;gap:7px;padding:11px 13px;border-top:1px solid #eee}.card-foot span{font:8px monospace;letter-spacing:1px;margin-right:auto;color:#8b9186}.card-foot button{border:0;padding:2px;font-size:9px}.note{font-size:10px;margin:22px 0}.comparison{display:flex;gap:12px}.comparison article{flex:1}.comparison svg{width:100%}.comparison h3{padding:14px}.compare-controls{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.compare-controls label{font-size:11px}footer{padding:25px 4%;border-top:1px solid #ccc;font:9px monospace;letter-spacing:1px}footer span{float:right}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#111b;display:grid;place-items:center;z-index:10;padding:20px}.modal>div{width:min(1100px,95vw);background:#fff}.modal svg{width:100%;max-height:85vh}.modal button{float:right}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#263329;color:#fff;padding:15px;z-index:20;cursor:pointer}@media(max-width:1000px){.grid{grid-template-columns:1fr}.workspace{gap:20px;grid-template-columns:225px 1fr}.intro{gap:15px}}@media(max-width:650px){header{height:65px}.edition{display:none}header .brand{margin-right:auto;font-size:18px}header button{font-size:10px}.intro{grid-template-columns:1fr;padding:32px 0}.hero-art{display:none}h1{letter-spacing:-2px}.workspace{display:block}aside{border:0;padding:0;margin-bottom:30px}.preset{display:inline-block;width:32%;vertical-align:top;margin-right:1%}.preset small{font-size:7px}.color-row{display:inline-flex;width:50%;padding-right:10px}.gallery-head{align-items:start}.comparison{flex-direction:column}footer span{float:none;display:block;margin-top:12px}}.intro{padding:28px 0;grid-template-columns:1fr 1fr}.intro h1{font-size:52px;margin:15px 0;letter-spacing:-2px}.intro h1 br{display:none}.intro h1 em{margin-left:12px}.intro p{margin-bottom:0}.hero-art svg{height:165px}.palette-overview{padding:30px 0;border-bottom:1px solid #b9bdb7}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.overview-heading>span{font-size:12px;color:#73796f}.palette-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.candidate{text-align:left;background:#fff;padding:17px;overflow:hidden;border:1px solid #cdd0c9}.candidate.is-active{outline:2px solid #262b30;outline-offset:2px}.candidate:hover{background:#fff}.candidate-title{display:flex;justify-content:space-between;gap:10px;font-size:12px}.candidate-title>span{font-size:10px}.candidate-swatches{display:flex;gap:5px;margin-top:20px}.candidate-swatches i{display:block;height:72px}.candidate-swatches span,.candidate-swatches code{display:block;font-size:9px;margin-top:6px}.candidate-swatches code{color:#697066}.candidate-preview{height:95px;margin-top:15px;overflow:hidden;border-top:1px solid #eee}.candidate-preview svg{width:100%;height:130px;margin-top:-16px}.active-colors{background:#fff;border:1px solid #d5d7d2;margin:0 0 18px;padding:18px}.active-colors>div:first-child{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.active-colors strong{font-size:13px}.active-colors>div>span{font-size:11px;color:#73796f}.active-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px}.active-strip button{border:0;text-align:left;padding:0}.active-strip i{display:block;height:48px;border:1px solid #0001}.active-strip span,.active-strip code{display:block;font-size:10px;margin-top:6px}.active-strip code{color:#697066}.preset i{height:38px}.color-row>input{width:38px;height:38px}.figure-scroll{min-height:200px}.card-heading{padding-top:18px;padding-bottom:18px}.card-heading h3{font-size:14px}.grid{gap:20px}.gallery-head h2{font-size:23px}@media(max-width:1000px){.palette-candidates{gap:10px}.candidate{padding:12px}.candidate-title{display:block}.candidate-title>span{display:block;margin-top:8px}.active-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.palette-candidates{grid-template-columns:1fr}.candidate-title{display:flex}.candidate-swatches i{height:55px}.candidate-preview{display:none}.overview-heading{display:block}.overview-heading>span{display:block;margin-bottom:20px}.intro h1{font-size:40px}.active-strip{grid-template-columns:repeat(3,1fr)}}:root{--palette-primary:#3155D9;--palette-secondary:#319D9B;--palette-tertiary:#B2BDE4;--palette-accent:#E16D48;--palette-neutral:#363D48;--palette-background:#FAFAF7;--page-ink:#202630;--page-paper:#fff;--page-rule:color-mix(in srgb,var(--palette-neutral) 24%,var(--palette-background));--page-muted:color-mix(in srgb,var(--page-ink) 65%,var(--palette-background))}body{background:var(--palette-background);color:var(--page-ink);transition:background-color .2s,color .2s}header{border-color:var(--page-rule);background:color-mix(in srgb,var(--palette-primary) 5%,var(--palette-background));border-top:4px solid var(--palette-primary)}.brand span,.eyebrow{color:var(--palette-primary)}.brand{color:var(--page-ink)}.edition{color:var(--page-muted)}header>button:first-of-type{background:var(--palette-primary);border-color:var(--palette-primary);color:#fff;text-shadow:0 1px 3px #0008}header>button:first-of-type:hover{filter:brightness(.9)}button,select,.import{border-color:var(--page-rule)}button:hover,.import:hover{background:color-mix(in srgb,var(--palette-secondary) 13%,var(--palette-background))}button:focus-visible,select:focus-visible,input:focus-visible,.import:focus-within{outline:2px solid var(--palette-accent);outline-offset:3px}h1 em{color:var(--palette-primary)}.intro{border-color:var(--page-rule)}.intro .eyebrow:before{content:"";display:inline-block;width:24px;height:3px;background:var(--palette-accent);margin-right:10px;vertical-align:middle}p,.overview-heading>span,.active-colors>div>span{color:var(--page-muted)}.hero-art{border-left:3px solid var(--palette-secondary);padding-left:18px}.hero-art span{color:var(--palette-secondary)}.section-label{color:var(--palette-primary)}.palette-overview{border-color:var(--page-rule)}.candidate,.candidate:hover,.active-colors,.grid article,.comparison article{background:var(--page-paper);border-color:var(--page-rule)}.candidate.is-active{outline-color:var(--palette-primary);box-shadow:0 5px color-mix(in srgb,var(--palette-primary) 15%,transparent)}.candidate.is-active .candidate-title>span{color:var(--palette-primary);font-weight:700}.candidate-title{color:var(--page-ink)}.candidate-preview{border-color:var(--page-rule)}.candidate-swatches code,.active-strip code,.preset small,.color-row label input{color:var(--page-muted)}aside{border-color:var(--page-rule)}.preset.selected{border-color:var(--palette-primary);background:color-mix(in srgb,var(--palette-primary) 8%,var(--palette-background));box-shadow:inset 3px 0 var(--palette-primary)}.color-row{border-color:var(--page-rule)}input{accent-color:var(--palette-primary)}.color-row label input,.toolbar input{color:var(--page-ink)}.gallery-head>button{border-color:var(--palette-secondary);color:var(--page-ink);background:color-mix(in srgb,var(--palette-secondary) 12%,var(--palette-background))}.toolbar{border-color:var(--page-rule);background:color-mix(in srgb,var(--palette-tertiary) 14%,var(--palette-background));padding-left:10px;padding-right:10px}.toolbar select{color:var(--page-ink)}select option{background:var(--page-paper);color:var(--page-ink)}.card-heading{border-top:3px solid var(--palette-primary);background:color-mix(in srgb,var(--palette-tertiary) 13%,var(--page-paper))}.card-heading>span{color:var(--palette-primary)}.card-heading button{color:var(--palette-primary)}.card-foot{border-color:var(--page-rule)}.card-foot span{color:var(--page-muted)}.card-foot button{color:var(--page-ink)}.card-foot button:hover{color:var(--palette-primary)}.active-strip button:hover{background:transparent}.active-strip i{border-color:var(--page-rule)}footer{background:color-mix(in srgb,var(--palette-secondary) 8%,var(--palette-background));border-color:var(--page-rule);color:var(--page-muted)}.toast{background:var(--page-ink);color:var(--palette-background);border-left:5px solid var(--palette-accent)}.modal>div{background:var(--page-paper);color:var(--page-ink)}body{background:var(--palette-background);color:var(--page-ink)}header{height:70px;border-top:0;background:transparent;padding:0 4%;border-bottom:1px solid var(--page-rule)}.brand{font-size:21px;letter-spacing:-.8px}.edition{font-size:9px;letter-spacing:1.5px}header button{font-size:11px;padding:9px 13px}main{padding:0 4%}.page-heading{display:grid;grid-template-columns:140px 1fr 190px;gap:24px;align-items:end;padding:42px 0 38px;border-bottom:2px solid var(--page-ink);position:relative}.heading-index{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;font:10px monospace;letter-spacing:1.5px}.heading-index>span:first-child{color:var(--palette-primary);font-size:13px}.heading-index>span:last-child{line-height:1.5;color:var(--page-muted)}.heading-title h1{font-size:clamp(48px,6.3vw,94px);letter-spacing:-5px;line-height:.94;font-weight:500;margin:0}.heading-title h1 em{font-family:Georgia,serif;font-weight:400;color:var(--palette-primary)}.title-period{color:var(--palette-accent)}.heading-title p{margin:20px 0 0;font-size:11px;letter-spacing:1px}.heading-note{padding-left:20px;border-left:1px solid var(--page-rule)}.heading-note .note-number{display:block;font:68px Georgia,serif;line-height:1;color:var(--palette-secondary);letter-spacing:-4px;margin-bottom:12px}.heading-note>span:nth-child(2){font-size:11px}.heading-note p{font-size:11px;line-height:1.8;margin:15px 0 0}.palette-overview{padding:25px 0 30px;border-bottom:1px solid var(--page-rule)}.overview-heading{align-items:end;margin-bottom:19px}.overview-heading h2{font-size:21px;font-weight:500;margin:7px 0 0;letter-spacing:-.5px}.heading-cn{font-size:11px;letter-spacing:0;font-weight:400;color:var(--page-muted)}.overview-heading>span{font-size:10px}.section-label{font:9px monospace;letter-spacing:1px;color:var(--page-muted)}.palette-candidates{gap:22px}.candidate,.candidate:hover{background:transparent;padding:0 0 12px;border:0;border-bottom:1px solid var(--page-rule);position:relative;transition:transform .18s}.candidate:hover{transform:translateY(-3px)}.candidate.is-active{outline:0;box-shadow:none;border-bottom:3px solid var(--palette-primary);padding-bottom:10px}.candidate-title{padding:0 0 9px;align-items:center;color:var(--page-ink)}.candidate-title strong{font-size:12px;font-weight:500}.candidate-title>span{font-size:9px;color:var(--page-muted)}.candidate-swatches{margin:0;gap:0;display:grid;grid-template-columns:1.6fr 1fr 1fr .65fr}.candidate-swatches i{height:88px;border:0}.candidate-swatches span{margin-top:10px;font-size:9px}.candidate-swatches code{font-size:9px;margin-top:4px}.candidate-swatches>div:last-child span{font-size:8px}.workspace{grid-template-columns:210px minmax(0,1fr);gap:34px;padding:30px 0 42px}aside{padding-right:23px;border-color:var(--page-rule)}aside>.section-label{padding-bottom:3px}.preset{border:0;border-bottom:1px solid var(--page-rule);padding:12px 0;margin:0}.preset.selected{background:transparent;box-shadow:none;border-color:var(--palette-primary)}.preset span{font-size:11px}.preset div{margin:8px 0}.preset i{height:18px}.preset small{font-size:8px}.actions button,.import{font-size:9px;padding:7px}.color-row{gap:3px}.color-row>input{width:29px;height:31px}.color-row label{font-size:9px}.color-row label input{font-size:9px;width:65px}.color-row button{font-size:10px}.gallery-head{align-items:start}.gallery-head h2{font-size:23px;letter-spacing:-.5px;margin:8px 0 20px}.gallery-head>button{background:transparent;border-color:var(--palette-primary);color:var(--page-ink);font-size:11px}.active-colors{padding:0 0 16px;border:0;border-bottom:1px solid var(--page-rule);background:transparent;margin:0}.active-colors strong{font-size:11px;font-weight:500}.active-colors>div>span{font-size:9px}.active-strip{gap:6px;margin-top:12px}.active-strip i{height:25px;border:0}.active-strip span,.active-strip code{font-size:8px}.toolbar{background:transparent;border-top:0;padding:10px 0;margin-bottom:23px}.toolbar select,.toolbar label{font-size:10px}.grid{gap:28px 22px}.grid article,.comparison article{border:0;background:var(--page-paper)}.card-heading{border-top:2px solid var(--page-ink);background:transparent;padding:13px 2px 10px;gap:12px}.card-heading>span{font:24px Georgia,serif;letter-spacing:-1px;color:var(--palette-primary);line-height:1}.card-heading h3{font-size:12px;font-weight:500}.card-heading button{font-size:16px;padding:0 5px}.card-foot{border-top:1px solid var(--page-rule);padding:10px 2px;background:var(--palette-background)}.card-foot span{font-size:8px;letter-spacing:.7px}.card-foot button{font-size:9px;padding:2px 5px}.figure-scroll{min-height:150px}.comparison article{border-top:2px solid var(--page-ink)}.comparison h3{padding:14px 4px}.note{font-size:9px;margin:20px 0 0}footer{background:transparent;border-top:1px solid var(--page-ink);font-size:9px;padding:22px 4%;letter-spacing:.4px}@media(min-width:1700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.page-heading{grid-template-columns:85px 1fr 145px;gap:15px}.heading-title h1{letter-spacing:-3px}.workspace{grid-template-columns:195px 1fr;gap:22px}.candidate-swatches i{height:68px}.candidate-swatches code{font-size:8px}.candidate-title{display:flex}.candidate-title>span{margin:0}.active-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.page-heading{grid-template-columns:45px 1fr;padding:28px 0;gap:16px}.heading-index{font-size:8px}.heading-index>span:first-child{font-size:10px}.heading-title h1{font-size:53px;letter-spacing:-3px}.heading-note{display:none}.heading-title p{font-size:10px;margin-top:16px}.overview-heading{display:block}.overview-heading h2{font-size:20px}.overview-heading>span{display:block;margin:10px 0 0}.palette-candidates{grid-template-columns:1fr;gap:18px}.candidate-swatches i{height:56px}.candidate-swatches code{font-size:9px}.workspace{display:block}aside{padding-right:0;margin-bottom:26px}.preset{width:32%;padding:10px 5px;vertical-align:top}.gallery-head h2{font-size:21px}.card-heading>span{font-size:22px}}.page-heading{grid-template-columns:140px 1fr}@media(max-width:1000px){.page-heading{grid-template-columns:85px 1fr}}@media(max-width:650px){.page-heading{grid-template-columns:45px 1fr}}header .brand{margin-right:auto}.page-heading{display:block;padding:26px 0}.heading-title h1{font-size:38px;line-height:1.1;letter-spacing:-1.5px}.heading-title h1 br{display:none}.heading-title h1 em{margin-left:10px;font-family:inherit;font-style:normal}.title-period{display:none}.palette-overview{padding-top:20px}.overview-heading{margin-bottom:16px}.overview-heading h2{margin:0;font-size:17px}.gallery-head h2{font-size:20px}.page-heading .heading-title{max-width:none}@media(max-width:650px){.page-heading{padding:20px 0}.heading-title h1{font-size:28px;letter-spacing:-1px}}.palette-candidates{grid-template-columns:repeat(4,minmax(0,1fr))}.candidate-swatches i{height:62px}.candidate-title strong{font-size:11px}.candidate-swatches code{font-size:8px}@media(max-width:1100px){.palette-candidates{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.palette-candidates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.palette-candidates{grid-template-columns:1fr}}.figure-caption{font-size:10px;line-height:1.7;margin:0;padding:9px 12px 13px;color:var(--page-muted);background:var(--page-paper);min-height:55px}.candidate-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}.candidate-swatches span{font-size:8px}.candidate-swatches code{font-size:7px}.chart-colors{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0 0;font-size:9px}.chart-colors>span{display:inline-flex;align-items:center;gap:5px}.chart-colors>span:first-child{color:var(--page-muted)}.chart-colors i{display:inline-block;width:17px;height:17px}.chart-colors code{font-size:9px}.link-colors{display:flex;gap:5px;align-items:center;font-size:9px;margin-bottom:10px;line-height:1.5}.candidate-swatches i{height:68px}.candidate-swatches{display:flex}.candidate-swatches>div{flex:1;min-width:0}.candidate-swatches span{font-size:7px}.candidate-swatches code{font-size:7px;letter-spacing:-.5px}.palette-source{display:flex;flex-wrap:wrap;gap:7px 16px;padding:14px 0 0;font-size:10px;color:var(--page-muted)}.palette-source a{color:var(--palette-primary)}.palette-source>span:last-child{flex-basis:100%;font-size:9px}:root{--theme-primary:#807C7D;--theme-secondary:#C1565E;--theme-tertiary:#DCA96A;--theme-accent:#82AD7F}header{border-top:7px solid var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 16%,var(--palette-background));height:78px}.brand span{color:var(--theme-secondary)}header>button:first-of-type{background:var(--theme-secondary);border-color:var(--theme-secondary);color:#fff;text-shadow:0 1px 3px #0009}.page-heading{position:relative;overflow:hidden;padding:28px 22px 39px;background:color-mix(in srgb,var(--theme-primary) 12%,var(--palette-background));border-bottom:0}.heading-title h1{font-size:38px;color:var(--page-ink)}.heading-title h1 em{color:var(--page-ink)}.theme-ribbon{position:absolute;display:flex;height:14px;bottom:0;left:0;right:0;gap:0}.theme-ribbon i{display:block}.overview-heading h2{font-size:18px}.palette-candidates{gap:18px}.candidate{padding:10px 10px 13px;background:var(--page-paper);border:1px solid var(--page-rule)}.candidate:hover{background:var(--page-paper)}.candidate.is-active{outline:2px solid var(--theme-secondary);outline-offset:1px;box-shadow:none;border-color:transparent;background:color-mix(in srgb,var(--theme-secondary) 9%,var(--page-paper));padding-bottom:13px}.candidate.is-active .candidate-title>span{color:var(--page-ink);font-weight:700}.candidate-swatches i{height:76px}.workspace{gap:26px}aside{background:color-mix(in srgb,var(--theme-primary) 7%,var(--palette-background));padding:17px 14px;border-right:0;border-top:4px solid var(--theme-primary)}.preset.selected{background:color-mix(in srgb,var(--theme-secondary) 17%,var(--palette-background));border-color:var(--theme-secondary);box-shadow:inset 3px 0 var(--theme-secondary)}.gallery-head{padding:15px 17px;background:color-mix(in srgb,var(--theme-secondary) 15%,var(--palette-background));border-left:5px solid var(--theme-secondary);margin-bottom:17px}.gallery-head h2{margin:0;font-size:21px}.gallery-head>button{background:var(--page-paper);border-color:var(--theme-secondary)}.active-colors{padding:15px 17px 17px;background:var(--page-paper);border:1px solid var(--page-rule);border-bottom:0}.active-strip{display:flex;gap:0;margin-top:13px}.active-strip button{flex:1;min-width:0}.active-strip i{height:64px;border:0}.active-strip span,.active-strip code{padding-left:4px;font-size:9px}.chart-colors{padding:13px 17px;background:color-mix(in srgb,var(--theme-tertiary) 17%,var(--palette-background));border-top:1px solid var(--page-rule);margin-top:14px}.toolbar{padding-left:10px;padding-right:10px;background:color-mix(in srgb,var(--theme-primary) 7%,var(--palette-background))}.card-heading{border-top:4px solid var(--theme-primary);padding:12px 10px;background:color-mix(in srgb,var(--theme-primary) 10%,var(--page-paper))}.grid article:nth-child(3n+2) .card-heading{border-top-color:var(--theme-secondary);background:color-mix(in srgb,var(--theme-secondary) 10%,var(--page-paper))}.grid article:nth-child(3n) .card-heading{border-top-color:var(--theme-tertiary);background:color-mix(in srgb,var(--theme-tertiary) 13%,var(--page-paper))}.card-heading>span,.card-heading button{color:var(--page-ink)}.color-row>input{width:33px;height:36px}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--theme-secondary)}@media(max-width:1000px){.active-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.active-strip i{height:48px}}@media(max-width:650px){header{height:70px}.page-heading{padding:22px 15px 32px}.heading-title h1{font-size:28px}.candidate-swatches i{height:62px}.gallery-head,.active-colors{padding:13px}.workspace aside{padding:14px}.active-strip i{height:45px}}.palette-overview{padding:17px 0}.palette-picker{display:flex;align-items:center;gap:14px}.palette-picker>label{font-size:11px;white-space:nowrap}.palette-picker select{width:290px;max-width:40vw;background:var(--page-paper);font-size:12px;padding:9px 12px}.picker-swatches{display:flex;height:30px;width:210px;max-width:25vw}.picker-swatches i{flex:1;min-width:0}.palette-picker>button{margin-left:auto;font-size:10px;white-space:nowrap}.palette-candidates{margin-top:22px;max-height:460px;overflow-y:auto;padding:3px}.workspace{padding-top:22px}aside>.actions:first-child{margin-top:0}@media(max-width:650px){.palette-picker{flex-wrap:wrap;gap:10px}.palette-picker select{flex:1;width:auto;max-width:none;min-width:0}.picker-swatches{width:auto;flex:1;max-width:none;height:25px}.palette-picker>button{font-size:9px}.palette-candidates{max-height:380px}}.variant-bar,.test-modes{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:15px 0}.variant-bar span{font-size:10px;color:var(--page-muted);margin:0 auto 0 8px}.variant-bar button,.test-modes button{font-size:11px}.chosen{box-shadow:inset 0 -3px var(--theme-secondary);background:color-mix(in srgb,var(--theme-secondary) 15%,white)}.paper-grid{grid-template-columns:1fr!important}.paper-grid .figure-scroll{overflow:auto}.paper-grid .figure-scroll>div{margin:0}.color-row{flex-wrap:wrap}.palette-picker select{width:340px}.compare-controls{max-height:160px;overflow:auto}@font-face{font-family:Novecento Wide;src:local("Novecento Wide"),local("Novecento wide"),local("NovecentoWide-Bold");font-weight:600 900;font-display:swap}header{background:var(--palette-background);border-top:0;border-bottom:1px solid var(--page-rule);height:61px}.brand{font-family:Novecento Wide,Arial Black,Arial,sans-serif;letter-spacing:-.7px;font-size:20px}header>button:first-of-type{background:transparent;color:var(--page-ink);border-color:var(--page-rule);text-shadow:none}header>button:first-of-type:hover{background:color-mix(in srgb,var(--theme-secondary) 12%,var(--palette-background))}.page-heading.palette-masthead{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0;background:var(--palette-background);border-bottom:1px solid var(--page-ink);overflow:visible;min-height:190px}.masthead-type{display:flex;flex-direction:column;justify-content:space-between;padding:26px 24px 20px 0;min-width:0}.masthead-type h1{font-family:Novecento Wide,Arial Black,Arial,sans-serif;font-size:clamp(28px,3.9vw,66px);line-height:1.03;font-weight:800;letter-spacing:-1.8px;margin:0;font-stretch:expanded}.masthead-caption{display:flex;align-items:center;gap:15px;font:10px monospace;margin-top:25px}.masthead-caption>span:last-child{border-left:1px solid var(--page-rule);padding-left:15px;color:var(--page-muted)}.masthead-palette{display:flex;min-width:0}.masthead-palette>div{flex:1;min-width:0;position:relative}.masthead-chip-label{position:absolute;top:13px;right:8px;bottom:13px;left:8px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.masthead-chip-label b{font:10px monospace;font-weight:400}.masthead-chip-label code{writing-mode:vertical-rl;font-size:10px;letter-spacing:.6px;align-self:start}@media(min-width:1500px){.page-heading.palette-masthead{min-height:235px}}@media(max-width:850px){.page-heading.palette-masthead{grid-template-columns:1.05fr 1fr;min-height:170px}.masthead-type h1{font-size:32px;letter-spacing:-1.2px}.masthead-type{padding:23px 15px 17px 0}.masthead-caption{font-size:9px;gap:8px}.masthead-caption>span:last-child{padding-left:8px}}@media(max-width:550px){.page-heading.palette-masthead{grid-template-columns:1fr;min-height:0}.masthead-type{padding:23px 0 17px}.masthead-type h1{font-size:34px}.masthead-type h1 br{display:none}.masthead-caption{margin-top:15px}.masthead-palette{height:86px}.masthead-chip-label{top:9px;right:6px;bottom:9px;left:6px}.masthead-chip-label code{writing-mode:horizontal-tb;font-size:8px;letter-spacing:0}header{height:57px}}header{justify-content:flex-end}.palette-share{display:flex;gap:7px;margin-left:auto}.palette-share button{font-size:10px;white-space:nowrap;padding:8px 10px}.palette-picker>button{margin-left:0}.palette-picker{flex-wrap:wrap}.palette-picker select{width:260px}.page-heading.palette-masthead{margin-top:0}@media(max-width:850px){.palette-picker{gap:10px}.picker-swatches{width:150px}.palette-share{margin-left:0}}@media(max-width:550px){.palette-share{margin-left:auto}.palette-share button{font-size:9px;padding:7px}.palette-picker>button{font-size:9px}}.page-heading.palette-masthead{align-items:stretch}.masthead-palette{position:relative;align-self:stretch;min-height:170px;overflow:hidden}.masthead-palette>div{position:relative;min-height:170px;overflow:hidden}.masthead-chip-label{top:12px;right:7px;bottom:12px;left:7px;overflow:hidden}.palette-picker{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(100px,170px) auto auto;gap:12px;align-items:center}.palette-picker select{width:100%;max-width:none;min-width:0}.picker-swatches{width:100%;max-width:none;overflow:hidden;min-width:0;height:30px}.palette-share{margin:0;min-width:0}.palette-picker>button{margin:0}@media(max-width:1100px){.palette-picker{grid-template-columns:auto minmax(180px,1fr) minmax(100px,150px)}.palette-share{grid-column:2;grid-row:2}.palette-picker>button{grid-column:3;grid-row:2;justify-self:end}}@media(max-width:550px){.masthead-palette{height:86px;min-height:86px}.masthead-palette>div{min-height:86px}.masthead-chip-label{top:8px;right:5px;bottom:8px;left:5px}.palette-picker{grid-template-columns:auto minmax(0,1fr)}.picker-swatches{grid-column:1/-1;grid-row:2}.palette-share{grid-column:1;grid-row:3}.palette-picker>button{grid-column:2;grid-row:3}.palette-share button{padding:6px}}.interaction-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0}.interaction-tools button{font-size:10px;padding:7px 10px;touch-action:none}.interaction-tools>span{font-size:10px;color:var(--page-muted)}.active-strip button{transition:transform .16s,box-shadow .16s}.active-strip button:hover,.active-strip button[aria-pressed=true]{transform:translateY(-4px);box-shadow:0 4px 0 var(--page-ink)}.gallery svg [fill],.gallery svg [stroke]{transition:opacity .16s,fill .2s,stroke .2s}.masthead-palette>div,.picker-swatches i,.active-strip i{transition:background-color .2s}.card-heading button:hover{transform:translate(2px,-2px)}.modal{animation:inspection-enter .16s ease-out}@keyframes inspection-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes specimen-appear{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes library-appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animated-gallery>article{animation:specimen-appear .32s ease-out both}.palette-candidates{animation:library-appear .2s ease-out}.grid>article{transition:box-shadow .2s,transform .2s}.grid>article:hover{box-shadow:0 7px 22px #18243b12;transform:translateY(-2px)}button{transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}.variant-bar button,.test-modes button{position:relative}.variant-bar .chosen,.test-modes .chosen{transition:background-color .2s,box-shadow .2s}.picker-swatches:hover i{transition:flex .2s,background-color .2s}.picker-swatches i:hover{flex:1.6}.masthead-palette>div{transition:flex .3s ease,background-color .2s}.masthead-palette>div:hover{flex:1.35}.modal>div{animation:specimen-appear .22s ease-out}.palette-picker select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-secondary) 15%,transparent)}@media(hover:none){.grid>article:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.grid>article:hover{transform:none}.masthead-palette>div:hover,.picker-swatches i:hover{flex:1}}.workspace{grid-template-columns:minmax(0,1fr);gap:0}.gallery{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-strip{max-width:100%}@media(min-width:1700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.grid{grid-template-columns:1fr}}.reference-label{display:block;font-family:Arial,sans-serif;font-size:10px;font-weight:400;color:var(--page-muted);margin-top:6px}.masthead-caption{flex-wrap:wrap}.current-reference{font-family:Arial,sans-serif;font-size:11px}.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0}.comparison-toolbar>label{display:flex;align-items:center;gap:12px;font-size:11px}.comparison-toolbar select{font-size:11px;background:var(--page-paper)}.comparison-actions{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--page-muted)}.comparison-actions button{font-size:10px}.comparison-grid{display:grid;gap:18px;align-items:start}.comparison-column{min-width:0;background:var(--page-paper);border:1px solid var(--page-rule)}.comparison-column-head{display:flex;align-items:center;gap:8px;padding:13px 12px 7px;border-top:3px solid var(--theme-primary)}.comparison-index{font-size:20px;font-weight:700}.comparison-column-head select{min-width:0;flex:1;border:0;font-size:12px;padding:5px}.comparison-column-head button{border:0;font-size:20px;padding:0 4px}.comparison-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px 13px;font-size:10px;color:var(--page-muted)}.comparison-meta select{font-size:10px;padding:4px 7px}.comparison-swatches{display:flex;padding:0 12px 12px;gap:3px}.comparison-swatches>div{min-width:0;flex:1}.comparison-swatches i{display:block;height:31px}.comparison-swatches code{display:block;font-size:8px;text-align:center;padding-top:5px;letter-spacing:-.5px}.comparison-canvas{border-top:1px solid var(--page-rule);padding:9px 0;min-width:0}.comparison-canvas svg{display:block;width:100%;height:auto}.comparison-footnote{font-size:10px;color:var(--page-muted);padding:16px 0}.comparison-grid .figure-caption{border-top:1px solid var(--page-rule);min-height:65px}.comparison-column:nth-child(2) .comparison-column-head{border-top-color:var(--theme-secondary)}.comparison-column:nth-child(3) .comparison-column-head{border-top-color:var(--theme-tertiary)}@media(max-width:900px){.comparison-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}.comparison-column{flex:0 0 78%;scroll-snap-align:start}.comparison-toolbar{flex-wrap:wrap}.comparison-toolbar>label{flex-wrap:wrap}.comparison-swatches code{font-size:9px}}@media(max-width:550px){.comparison-column{flex-basis:94%}.comparison-toolbar select{max-width:70vw}}.comparison-count{font-size:11px;color:var(--page-muted)}.comparison-matrix-scroll{overflow-x:auto;max-width:100%;padding-bottom:12px}.comparison-matrix{display:grid;gap:0 18px;min-width:100%;align-items:stretch}.matrix-headers,.matrix-row{display:contents}.matrix-column-header{min-width:0;background:var(--palette-background);position:sticky;top:0;z-index:3;border:1px solid var(--page-rule);margin-bottom:20px;box-shadow:0 3px 0 var(--palette-background)}.matrix-cell{min-width:0;background:var(--page-paper);border:1px solid var(--page-rule);margin-bottom:24px;display:flex;flex-direction:column}.matrix-figure-title{display:flex;align-items:center;gap:10px;padding:13px 12px;border-top:2px solid var(--page-ink)}.matrix-figure-title>span{font:20px Georgia,serif;color:var(--page-muted)}.matrix-figure-title h3{font-size:12px}.matrix-figure-title button{margin-left:auto;border:0;padding:0 4px}.matrix-cell .comparison-canvas{border-top:0;flex:1;display:flex;align-items:center}.matrix-cell .comparison-canvas>div{width:100%}.matrix-cell .figure-caption{border-top:1px solid var(--page-rule);font-size:10px;min-height:64px}.matrix-column-header .comparison-swatches{margin-bottom:0}.matrix-column-header:nth-child(2){border-top:2px solid var(--theme-secondary)}.matrix-column-header:nth-child(3){border-top:2px solid var(--theme-tertiary)}.scientific-gallery{border-top:2px solid var(--page-ink);padding:28px 0 45px}.scientific-gallery h2{font-size:24px}.scientific-editor{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:17px;background:color-mix(in srgb,var(--theme-primary) 8%,white)}.scientific-editor>strong,.scientific-editor>span{font-size:11px}.scientific-editor label{display:flex;flex-direction:column;gap:5px;font-size:10px}.scientific-editor input[type=color]{width:70px;height:32px;border:0;padding:0}.scientific-editor input:not([type=color]){width:76px;font:10px monospace;border:1px solid var(--page-rule);padding:5px}.scientific-editor small{font-size:9px;color:#984a22}.scientific-editor button{font-size:10px}.scientific-gallery svg{display:block;width:100%}.data-editor{margin:15px 0;border:1px solid var(--page-rule)}.data-editor summary{padding:11px 14px;font-size:11px;cursor:pointer}.data-editor[open] summary{border-bottom:1px solid var(--page-rule)}.heatmap-anchor{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 0;font-size:10px}.heatmap-anchor label{display:flex;align-items:center;gap:10px}.heatmap-anchor select{font-size:10px;padding:6px 9px}.heatmap-anchor i{width:24px;height:24px;border:1px solid #0002}.heatmap-anchor>span{color:var(--page-muted);font-size:9px}