.color-lab-page :is(.color-lab-facts,.color-lab-cards)>*{grid-column:span 3}.color-lab-page :is(.color-lab-facts,.color-lab-cards)>:nth-child(odd of :not([hidden])):nth-last-child(1 of :not([hidden])){grid-column:1/-1}@media(max-width:599px){.color-lab-page :is(.color-lab-facts,.color-lab-cards)>*{grid-column:1/-1}}.color-lab-main{padding-block:22px 64px}.color-lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:28px;align-items:start}.color-lab-primary{min-width:0}.color-lab-input-panel,.color-lab-section,.color-lab-summary{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.color-lab-input-panel{padding:26px 28px;position:relative;z-index:2;overflow:visible}.color-lab-heading{display:flex;align-items:center;gap:16px}.color-lab-art{display:grid;place-items:center;flex-shrink:0;width:74px;height:74px;border-radius:16px;background:var(--accent-soft)}.color-lab-eyebrow{font-size:14px;font-weight:600;color:#ba293c}.color-lab-heading h1{font-size:22px;line-height:1.7}.color-lab-primary h2{font-size:20px;line-height:1.7;overflow-wrap:anywhere}.color-lab-primary h3{font-size:18px;line-height:1.8}.color-lab-description{margin-top:var(--tool-space-content);font-size:16px;line-height:2;color:var(--muted)}.color-lab-form{margin-top:var(--tool-space-section);display:grid;gap:var(--tool-space-content)}.color-lab-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tool-space-content)}.color-lab-form label,.color-lab-label{display:block;margin-bottom:var(--tool-space-inline);font-size:14px;font-weight:600;color:var(--muted)}.color-lab-primary :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;width:100%;min-height:50px;padding:11px 12px;border:1px solid #d6dde7;border-radius:8px;background:#f8fafc;color:var(--ink);font:inherit;font-size:16px}.color-lab-primary :is(input,select,textarea):focus{outline:0;border-color:var(--accent);box-shadow:var(--focus-ring)}.color-lab-primary textarea{min-height:140px;resize:vertical}.color-lab-error,.color-lab-notice{margin-top:var(--tool-space-content);padding:16px;border-radius:12px;font-size:14px;line-height:2}.color-lab-error{background:#fff0f2;color:#a51e30;border:1px solid #efcdd3}.color-lab-notice{background:#fff7e5;border:1px solid #efdfb6;color:#755c2c}.color-lab-facts,.color-lab-cards,.color-lab-links{margin-top:var(--tool-space-content)}.color-lab-facts>div,.color-lab-cards>article,.color-lab-links>a{min-width:0;padding:16px;border:1px solid #e1d8f1;background:#f1ecfc;border-radius:12px;line-height:1.95;overflow-wrap:anywhere}.color-lab-facts>div:nth-child(4n+2),.color-lab-cards>article:nth-child(4n+2),.color-lab-links>a:nth-child(4n+2){background:#e9f6f0;border-color:#d2e9df}.color-lab-facts>div:nth-child(4n+3),.color-lab-cards>article:nth-child(4n+3),.color-lab-links>a:nth-child(4n+3){background:#eef4fc;border-color:#dce5ef}.color-lab-facts>div:nth-child(4n),.color-lab-cards>article:nth-child(4n),.color-lab-links>a:nth-child(4n){background:#fff2e7;border-color:#efdfcf}.color-lab-facts dt{font-size:14px;color:var(--muted)}.color-lab-facts dd{margin:0;font-size:20px;font-weight:600;overflow-wrap:anywhere}.color-lab-cards p{margin-top:var(--tool-space-content);line-height:2}.color-lab-links>a{display:flex;align-items:center;justify-content:space-between;gap:var(--tool-space-inline)}.color-lab-actions{margin-top:var(--tool-space-content)}.color-lab-actions :is(button,a){font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;cursor:pointer}.color-lab-table-scroll{margin-top:var(--tool-space-content);overflow-x:auto;border:1px solid var(--line);border-radius:12px}.color-lab-table-scroll table{width:100%;border-collapse:collapse;white-space:normal;font-size:14px}.color-lab-table-scroll :is(th,td){padding:12px 16px;text-align:right;border-bottom:1px solid var(--line)}.color-lab-table-scroll thead{background:#e9f6f0}.color-lab-table-scroll tbody tr:nth-child(even){background:#f8fafc}.color-lab-page [hidden]{display:none!important}.color-lab-summary[tabindex="-1"]:focus,.color-lab-section[tabindex="-1"]:focus{outline:0}@media(max-width:1100px){.color-lab-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}@media(max-width:850px){.color-lab-layout{grid-template-columns:1fr}.color-lab-layout>.age-sidebar{position:static;max-height:none}}@media(max-width:599px){.color-lab-main{padding-block:18px 38px}.color-lab-input-panel,.color-lab-section,.color-lab-summary{padding:20px 16px}.color-lab-heading{gap:12px}.color-lab-heading h1,.color-lab-primary h2{font-size:18px}.color-lab-art{width:55px;height:55px}.color-lab-fields{grid-template-columns:1fr}.color-lab-facts>div,.color-lab-cards>article,.color-lab-links>a{padding:12px}}.color-lab-editor{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center}.color-lab-preview{min-height:180px;display:grid;place-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:#ea4335}.color-lab-preview span{font-size:20px;font-weight:600}.color-lab-models{display:grid;gap:16px}.color-lab-models fieldset{padding:16px;min-width:0;background:#f1ecfc;border:1px solid #e1d8f1;border-radius:12px}.color-lab-models fieldset:nth-child(4n+2){background:#e9f6f0;border-color:#d2e9df}.color-lab-models fieldset:nth-child(4n+3){background:#eef4fc;border-color:#dce5ef}.color-lab-models fieldset:nth-child(4n){background:#fff2e7;border-color:#efdfcf}.color-lab-models legend{font-size:16px;font-weight:600;float:none;padding-inline:8px}.color-lab-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;direction:ltr}.color-lab-channels>div{direction:rtl;min-width:0}.color-lab-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.color-lab-values>button{display:grid;grid-template-rows:auto 1fr auto;gap:8px;min-width:0;text-align:right;padding:16px;background:#f1ecfc;border:1px solid #e1d8f1;border-radius:12px;color:var(--ink);font:inherit;cursor:pointer}.color-lab-values>button:nth-child(even){background:#e9f6f0;border-color:#d2e9df}.color-lab-values code{font:inherit;font-size:16px;overflow-wrap:anywhere;line-height:2}.color-lab-values small{font-size:14px;color:var(--muted)}.color-lab-contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.color-lab-contrast article{display:grid;gap:12px;padding:16px;background:#eef4fc;border:1px solid #dce5ef;border-radius:12px;min-width:0}.color-lab-text-sample{padding:16px;border-radius:8px;text-align:center;font-size:18px}.color-lab-text-sample[data-text-tone=dark]{color:#000}.color-lab-text-sample[data-text-tone=light]{color:#fff}.color-lab-contrast strong{font-size:22px}.color-lab-contrast small{font-size:14px;line-height:2}.color-lab-harmony{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.color-lab-harmony>button{display:grid;grid-template-columns:50px minmax(0,1fr);gap:8px 12px;align-items:center;min-width:0;padding:12px;text-align:right;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:var(--ink);cursor:pointer}.color-lab-harmony>button:last-child{grid-column:1/-1}.color-lab-harmony code{font:inherit;font-size:14px;grid-column:2}.color-lab-harmony-sample{grid-row:span 2;align-self:stretch;border-radius:8px;border:1px solid #0002}@media(max-width:599px){.color-lab-editor{grid-template-columns:1fr;gap:16px}.color-lab-preview{min-height:140px}.color-lab-models fieldset{padding:12px}.color-lab-values,.color-lab-contrast,.color-lab-harmony{grid-template-columns:1fr;gap:8px}.color-lab-values>button{padding:12px}.color-lab-channels{gap:8px}.color-lab-models [data-color-model=cmyk] .color-lab-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}