.library-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1.5rem;display:flex}.library-section-head__title{letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700}.library-section-head__subtitle{max-width:36rem;color:var(--foreground-muted);margin-top:.35rem;font-size:.875rem;line-height:1.5}.library-section-head__link{color:var(--foreground-muted);transition:color .18s var(--ease-apple);white-space:nowrap;font-size:.8125rem;font-weight:500}.library-section-head__link:hover{color:var(--foreground)}.library-palette-roles__demo{border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:.875rem;margin-top:1.25rem;padding:1.25rem 1.5rem;display:flex;overflow:hidden}.library-palette-roles__demo-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.library-palette-roles__demo-title{letter-spacing:-.01em;font-size:.8125rem;font-weight:600}.library-palette-roles__demo-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.625rem;font-weight:700}.library-palette-roles__demo-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.library-palette-roles__demo-card{border:1px solid;border-radius:.625rem;padding:.75rem .875rem}.library-palette-roles__demo-value{letter-spacing:-.02em;font-size:1.125rem;font-weight:700;line-height:1.1}.library-palette-roles__demo-label{margin-top:.15rem;font-size:.6875rem;font-weight:500}.library-palette-roles__demo-action{letter-spacing:.02em;border-radius:.5rem;align-self:flex-start;padding:.45rem .9rem;font-size:.6875rem;font-weight:700}.library-palette-roles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-top:1rem;display:grid}@media (width>=640px){.library-palette-roles__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.library-palette-roles__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.library-palette-roles__card{border:1px solid var(--border);background:var(--surface-muted);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .18s var(--ease-apple), transform .18s var(--ease-apple), box-shadow .18s var(--ease-apple);border-radius:.875rem;outline:none;flex-direction:column;margin:0;display:flex;overflow:hidden}.library-palette-roles__card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-float);transform:translateY(-2px)}.library-palette-roles__card:focus{outline:none}.library-palette-roles__card:focus-visible{outline:2px solid var(--ring-selection-subtle);outline-offset:2px}.library-palette-roles__card.is-copied{border-color:var(--border-strong)}.library-palette-roles__swatch{height:4.5rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.library-palette-roles__swatch-hex{inset-inline:0;letter-spacing:.1em;text-align:center;opacity:0;transition:opacity .18s var(--ease-apple);padding:.35rem .5rem;font-family:ui-monospace,monospace;font-size:.5625rem;font-weight:600;position:absolute;bottom:0}.library-palette-roles__card:hover .library-palette-roles__swatch-hex,.library-palette-roles__card:focus-visible .library-palette-roles__swatch-hex{opacity:.88}.library-palette-roles__meta{flex-direction:column;gap:.15rem;padding:.625rem .75rem .75rem;display:flex}.library-palette-roles__role{letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-subtle);font-size:.625rem;font-weight:700}.library-palette-roles__hint{color:var(--foreground-muted);font-size:.6875rem;line-height:1.35}.library-palette-roles__hex-row{letter-spacing:.06em;text-transform:uppercase;color:var(--foreground);margin-top:.2rem;font-family:ui-monospace,monospace;font-size:.6875rem;font-weight:600}.library-combinations__list{flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.library-harmony-row{border:1px solid var(--border);background:var(--surface-muted);border-radius:.875rem;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem 1.25rem;padding:.875rem 1rem;display:grid}@media (width<=767px){.library-harmony-row{grid-template-columns:1fr}}.library-harmony-row__name{letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.library-harmony-row__hint{color:var(--foreground-muted);margin-top:.2rem;font-size:.8125rem;line-height:1.45}.library-harmony-row__swatches{justify-content:flex-end;gap:.5rem;display:flex}@media (width<=767px){.library-harmony-row__swatches{justify-content:flex-start}}.library-harmony-swatch{cursor:pointer;width:3.25rem;height:3.25rem;transition:transform .18s var(--ease-apple);border:none;border-radius:.75rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.library-harmony-swatch:hover,.library-harmony-swatch:focus-visible{transform:scale(1.06)}.library-harmony-swatch__hex{inset-inline:0;letter-spacing:.02em;text-align:center;opacity:0;transition:opacity .18s var(--ease-apple);padding:.2rem .15rem;font-family:ui-monospace,monospace;font-size:.5rem;font-weight:700;position:absolute;bottom:0}.library-harmony-swatch:hover .library-harmony-swatch__hex,.library-harmony-swatch:focus-visible .library-harmony-swatch__hex{opacity:1}.library-harmony-row__edit{color:var(--foreground-muted);transition:color .18s var(--ease-apple);white-space:nowrap;font-size:.75rem;font-weight:600}.library-harmony-row__edit:hover{color:var(--foreground)}.library-spec-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.library-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}.library-spec-panel{flex-direction:column;height:100%;min-height:100%;display:flex}.library-values__head{margin-bottom:1rem}.library-values__body{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.library-values__intro{color:var(--foreground-muted);margin-top:.35rem;font-size:.8125rem;line-height:1.45}.library-values__hero{border:1px solid var(--border);background:var(--surface-muted);border-radius:.875rem;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.library-values__swatch{border-radius:.75rem;flex-shrink:0;width:3.5rem;height:3.5rem;box-shadow:inset 0 0 0 1px #00000014}.library-values__hex{cursor:pointer;text-align:left;transition:opacity .18s var(--ease-apple);background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.2rem;padding:0;display:flex}.library-values__hex:hover{opacity:.8}.library-values__hex-label{letter-spacing:.14em;text-transform:uppercase;color:var(--foreground-subtle);font-size:.625rem;font-weight:700}.library-values__hex-value{letter-spacing:.06em;color:var(--foreground);font-family:ui-monospace,monospace;font-size:1.25rem;font-weight:600}.library-values__table{border:1px solid var(--border);background:var(--surface-muted);border-radius:.875rem;flex-direction:column;flex:1;display:flex;overflow:hidden}.library-values__row{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;min-height:2.5rem;transition:background .18s var(--ease-apple);background:0 0;flex:1;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex}.library-values__row:last-child{border-bottom:none}.library-values__row:hover{background:var(--surface-hover)}.library-values__row-label{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-subtle);flex-shrink:0;font-size:.6875rem;font-weight:700}.library-values__row-value{color:var(--foreground);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.75rem;overflow:hidden}.library-values__css{border:1px solid var(--border);background:var(--surface-muted);border-radius:.875rem;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.library-values__css-label{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-subtle);flex-shrink:0;font-size:.6875rem;font-weight:700}.library-values__css-value{cursor:pointer;color:var(--foreground-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;transition:color .18s var(--ease-apple);background:0 0;border:none;padding:0;font-family:ui-monospace,monospace;font-size:.75rem;overflow:hidden}.library-values__css-value:hover{color:var(--foreground)}.library-values__links{border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:auto;padding-top:1rem;display:flex}.library-values__link{color:var(--foreground-muted);transition:color .18s var(--ease-apple);font-size:.8125rem;font-weight:500}.library-values__link:hover{color:var(--foreground)}.library-accessibility__head{margin-bottom:1rem}.library-accessibility__body{flex-direction:column;flex:1;min-height:0;display:flex}.library-accessibility__intro{color:var(--foreground-muted);margin-top:.35rem;font-size:.8125rem;line-height:1.45}.library-accessibility__verdict{border:1px solid var(--border);background:var(--surface-muted);border-radius:1rem;overflow:hidden}.library-accessibility__hero{flex-direction:column;gap:.5rem;min-height:6.75rem;padding:1.125rem 1.25rem 1.25rem;display:flex}.library-accessibility__hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.72;font-size:.625rem;font-weight:700}.library-accessibility__hero-text{letter-spacing:-.01em;max-width:16rem;font-size:1.0625rem;font-weight:500;line-height:1.45}.library-accessibility__verdict-panel{border-top:1px solid var(--border);padding:1rem 1.25rem 1.125rem}.library-accessibility__verdict-stats{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.library-accessibility__verdict-ratio{letter-spacing:-.02em;font-family:ui-monospace,monospace;font-size:1.125rem;font-weight:600}.library-accessibility__verdict-badge{letter-spacing:.08em;text-transform:uppercase;background:var(--surface-pill);color:var(--foreground-muted);border-radius:999px;padding:.25rem .6rem;font-size:.6875rem;font-weight:700;display:inline-flex}.library-accessibility__verdict-badge.is-aaa,.library-accessibility__verdict-badge.is-aa{color:#34c759;background:#34c75924}.library-accessibility__verdict-badge.is-aa-large{color:#ff9f0a;background:#ff9f0a24}.library-accessibility__verdict-badge.is-fail{color:var(--foreground-subtle)}.library-accessibility__verdict-copy{color:var(--foreground-muted);margin-top:.5rem;font-size:.875rem;line-height:1.5}.library-accessibility__verdict-checks{color:var(--foreground-subtle);flex-wrap:wrap;gap:.75rem 1rem;margin-top:.75rem;font-size:.8125rem;display:flex}.library-accessibility__verdict-check.is-pass{color:var(--foreground);font-weight:600}.library-accessibility__matrix-label{letter-spacing:.14em;text-transform:uppercase;color:var(--foreground-subtle);margin-top:1.125rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.library-accessibility__matrix{flex:1;grid-template-columns:1fr 1fr;align-content:stretch;gap:.5rem;display:grid}@media (width<=520px){.library-accessibility__matrix{grid-template-columns:1fr}}.library-accessibility__cell{border:1px solid var(--border);background:var(--surface-muted);opacity:.82;min-height:3.25rem;transition:opacity .18s var(--ease-apple), border-color .18s var(--ease-apple);border-radius:.75rem;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.library-accessibility__cell.is-pass{opacity:1}.library-accessibility__cell.is-recommended{border-color:color-mix(in srgb, #34c759 35%, var(--border));box-shadow:inset 0 0 0 1px #34c7591f}.library-accessibility__cell-preview{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:.9375rem;font-weight:600;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #0000000f}.library-accessibility__cell-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.library-accessibility__cell-label{color:var(--foreground);font-size:.75rem;font-weight:600}.library-accessibility__cell-stats{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.library-accessibility__cell-ratio{color:var(--foreground-muted);font-family:ui-monospace,monospace;font-size:.6875rem}.library-accessibility__cell-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-subtle);font-size:.625rem;font-weight:700}.library-accessibility__cell-badge.is-aaa,.library-accessibility__cell-badge.is-aa{color:#34c759}.library-accessibility__cell-badge.is-aa-large{color:#ff9f0a}.library-accessibility__link{border-top:1px solid var(--border);color:var(--foreground-muted);transition:color .18s var(--ease-apple);margin-top:auto;padding-top:1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.library-accessibility__link:hover{color:var(--foreground)}.library-variations__segment{border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;padding:.2rem;display:inline-flex}.library-variations__tab{color:var(--foreground-muted);cursor:pointer;transition:color .18s var(--ease-apple), background .18s var(--ease-apple);background:0 0;border:none;border-radius:999px;padding:.45rem 1rem;font-size:.8125rem;font-weight:600}.library-variations__tab.is-active{background:var(--surface-pill);color:var(--foreground);box-shadow:0 1px 2px var(--shadow-soft)}.library-variations__hint{color:var(--foreground-muted);margin-top:.75rem;font-size:.8125rem;line-height:1.45}.library-variations__strip{height:4.5rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:.875rem;margin-top:.875rem;display:flex;overflow:hidden}@media (width>=640px){.library-variations__strip{height:5.5rem}}.library-variations__step{cursor:pointer;min-width:0;transition:flex .2s var(--ease-apple);border:none;flex:1;position:relative}.library-variations__step:hover,.library-variations__step:focus-visible{z-index:1;flex:1.35}.library-variations__step.is-base{z-index:2;box-shadow:inset 0 0 0 2px #ffffffbf}.library-variations__step-label{inset-inline:0;text-align:center;opacity:0;transition:opacity .18s var(--ease-apple);font-family:ui-monospace,monospace;font-size:.5625rem;font-weight:700;position:absolute;bottom:.4rem}@media (width>=640px){.library-variations__step-label{font-size:.625rem}}.library-variations__step:hover .library-variations__step-label,.library-variations__step:focus-visible .library-variations__step-label{opacity:1}.library-variations__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:.75rem;display:flex}.library-variations__note{color:var(--foreground-subtle);font-size:.75rem}.library-variations__link{color:var(--foreground-muted);transition:color .18s var(--ease-apple);font-size:.75rem;font-weight:600}.library-variations__link:hover{color:var(--foreground)}.library-token-scale{border-top:1px solid var(--border);margin-top:1.75rem;padding-top:1.5rem}.library-token-scale__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;margin-bottom:.75rem;display:flex}.library-token-scale__title{color:var(--foreground);font-size:.8125rem;font-weight:600}.library-token-scale__note{color:var(--foreground-subtle);font-size:.75rem}.library-token-scale__strip{height:3.5rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:.75rem;display:flex;overflow:hidden}@media (width>=640px){.library-token-scale__strip{height:4rem}}.library-token-scale__step{cursor:pointer;min-width:0;transition:flex .2s var(--ease-apple);border:none;flex:1;position:relative}.library-token-scale__step:hover,.library-token-scale__step:focus-visible{z-index:1;flex:1.35}.library-token-scale__step.is-base{z-index:2;box-shadow:inset 0 0 0 2px #ffffffbf}.library-token-scale__label{inset-inline:0;text-align:center;opacity:0;transition:opacity .18s var(--ease-apple);font-family:ui-monospace,monospace;font-size:.5625rem;font-weight:700;position:absolute;bottom:.35rem}.library-token-scale__step:hover .library-token-scale__label,.library-token-scale__step:focus-visible .library-token-scale__label{opacity:1}.library-vision__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}@media (width<=639px){.library-vision__grid{grid-template-columns:1fr}}.library-vision__card{border:1px solid var(--border);background:var(--surface-muted);border-radius:.875rem;overflow:hidden}.library-vision__swatch{height:4.5rem}.library-vision__meta{justify-content:space-between;align-items:baseline;gap:.5rem;padding:.65rem .85rem;display:flex}.library-vision__name{font-size:.8125rem;font-weight:600}.library-vision__stat{color:var(--foreground-subtle);white-space:nowrap;font-size:.6875rem}.library-similar__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-top:1.25rem;display:grid}@media (width>=640px){.library-similar__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.library-similar__card{border:1px solid var(--border);background:var(--surface-muted);transition:border-color .18s var(--ease-apple), transform .18s var(--ease-apple);border-radius:.875rem;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.library-similar__card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.library-similar__swatch{border-radius:.625rem;flex-shrink:0;width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 1px #00000014}.library-similar__meta{flex-direction:column;gap:.15rem;min-width:0;display:flex}.library-similar__name{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1.2;overflow:hidden}.library-similar__hex{letter-spacing:.06em;color:var(--foreground-subtle);text-transform:uppercase;font-family:ui-monospace,monospace;font-size:.625rem;font-weight:500}.library-color-hero{width:100%;min-height:12rem;color:var(--hero-fg);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:relative}@media (width>=640px){.library-color-hero{min-height:15rem;padding:2rem 2rem 2.25rem}}.library-color-hero__category{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--hero-fg) 72%, transparent);transition:opacity .18s var(--ease-apple);align-self:flex-start;margin-bottom:auto;font-size:.6875rem;font-weight:700;text-decoration:none}.library-color-hero__category:hover{opacity:.8}.library-color-hero__title{letter-spacing:-.03em;text-wrap:balance;color:var(--hero-fg);margin:0;padding-right:2.5rem;font-size:1.75rem;font-weight:600;line-height:1.08}@media (width>=640px){.library-color-hero__title{font-size:2.75rem;line-height:1.05}}.library-color-hero__fullscreen{z-index:1;color:var(--hero-fg);cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 2px #0000002e);transition:opacity .18s var(--ease-apple);background:0 0;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:.25rem;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem}.library-color-hero__fullscreen:focus{outline:none}.library-color-hero__fullscreen:focus-visible{outline:2px solid color-mix(in srgb, var(--hero-fg) 45%, transparent);outline-offset:3px}@media (width>=640px){.library-color-hero__fullscreen{top:1.5rem;right:1.5rem}}.library-color-hero:hover .library-color-hero__fullscreen,.library-color-hero__fullscreen:focus-visible{opacity:.72;pointer-events:auto}.library-color-hero__fullscreen:hover,.library-color-hero__fullscreen:focus-visible{opacity:1}.library-color-hero__fullscreen-icon{display:block}.library-palette-strip__swatch{-webkit-tap-highlight-color:transparent;outline:none}.library-palette-strip__swatch:focus,.library-palette-strip__swatch:focus-within{outline:none}.library-palette-strip__expand,.library-palette-strip__hex{-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none}.library-palette-strip__expand:focus,.library-palette-strip__hex:focus{outline:none}.library-palette-strip__hex:focus-visible{outline:2px solid color-mix(in srgb, currentColor 40%, transparent);outline-offset:4px;border-radius:.2rem}.library-palette-strip__expand:focus-visible{outline:2px solid color-mix(in srgb, currentColor 40%, transparent);outline-offset:3px}.library-color-hero__footer{border-top:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}@media (width>=640px){.library-color-hero__footer{gap:1.75rem;padding:2rem}}.library-color-hero__spec-strip{flex-direction:column;gap:.75rem;display:flex}@media (width>=768px){.library-color-hero__spec-strip{flex-direction:row;justify-content:space-between;align-items:center;gap:1.25rem}}.library-color-hero__spec-strip--palette{align-items:stretch}.library-color-hero__spec-lead{flex-direction:column;align-items:flex-start;width:100%;min-width:0;display:flex}.library-color-hero__spec-meta{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.library-color-hero__traits--palette{text-align:right;flex-shrink:0;justify-content:flex-end}.library-color-hero__spec-values{flex-wrap:wrap;align-items:baseline;gap:.35rem 1.125rem;min-width:0;display:flex}.library-color-hero__spec-chip{text-align:left;cursor:pointer;transition:opacity .18s var(--ease-apple);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:.25rem;outline:none;align-items:baseline;gap:.45rem;margin:0;padding:0;display:inline-flex}.library-color-hero__spec-chip:focus{outline:none}.library-color-hero__spec-chip:focus-visible{outline:2px solid var(--ring-selection-subtle);outline-offset:3px}.library-color-hero__spec-chip:hover{opacity:.82}.library-color-hero__spec-chip.is-copied{opacity:1}.library-color-hero__spec-chip.is-copied .library-color-hero__spec-chip-value{color:var(--foreground)}.library-color-hero__spec-chip.is-copied .library-color-hero__spec-chip-label:after{content:" · copied";letter-spacing:0;text-transform:none;color:var(--foreground-subtle);font-weight:500}.library-color-hero__spec-chip--export{align-items:center;gap:.35rem}.library-color-hero__spec-chip-icon{color:var(--foreground-muted);display:inline-flex}.library-color-hero__spec-chip--export.is-copied .library-color-hero__spec-chip-icon{color:var(--foreground)}.library-color-hero__spec-chip-label{letter-spacing:.14em;text-transform:uppercase;color:var(--foreground-subtle);font-size:.625rem;font-weight:700}.library-color-hero__spec-chip-value{letter-spacing:.04em;color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375rem;font-weight:500}@media (width>=640px){.library-color-hero__spec-chip-value{font-size:1.0625rem}}.library-color-hero__spec-chip--oklch .library-color-hero__spec-chip-value{letter-spacing:.01em;font-size:.8125rem}@media (width>=640px){.library-color-hero__spec-chip--oklch .library-color-hero__spec-chip-value{font-size:.875rem}}.library-color-hero__traits{color:var(--foreground-subtle);text-transform:capitalize;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;font-size:.75rem;display:flex}.library-color-hero__trait:after{content:"·";color:var(--border-strong);margin-left:.35rem}.library-color-hero__trait:last-child:after{content:none}.library-color-hero__description{max-width:38rem;color:var(--foreground-muted);margin:-.25rem 0 0;font-size:1rem;line-height:1.6}.library-color-hero__tools-deck{flex-direction:column;gap:.625rem;width:100%;padding-top:.25rem;display:flex}.library-color-hero__tools-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-subtle);margin:0;font-size:.6875rem;font-weight:600}.library-color-hero__tools-surface{border:1px solid var(--border);background:var(--surface-muted);border-radius:.875rem;overflow:hidden}.library-color-hero__tool-primary{min-height:4.25rem;transition:background .18s var(--ease-apple);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;text-decoration:none;display:flex}.library-color-hero__tool-primary:hover{background:var(--surface-hover)}.library-color-hero__tool-primary-label{color:var(--foreground);font-size:.875rem;font-weight:600;line-height:1.25}.library-color-hero__tool-primary-arrow{color:var(--foreground-subtle);transition:color .18s var(--ease-apple), transform .18s var(--ease-apple);flex-shrink:0;font-size:.875rem;line-height:1}.library-color-hero__tool-primary:hover .library-color-hero__tool-primary-arrow{color:var(--foreground-muted);transform:translate(2px)}.library-color-hero__tool-grid-wrap{border-top:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--background) 22%, var(--surface-muted))}.library-color-hero__tool-grid-head{padding:.85rem 1rem .35rem}.library-color-hero__tool-grid-title{letter-spacing:.02em;color:var(--foreground);margin:0;font-size:.75rem;font-weight:600}.library-color-hero__tool-grid{grid-template-columns:1fr;gap:.5rem;margin:0;padding:.5rem .65rem .75rem;list-style:none;display:grid}@media (width>=640px){.library-color-hero__tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.5rem .75rem .85rem}}.library-color-hero__tool-grid-cell{min-width:0}.library-color-hero__tool-item{border:1px solid var(--border);background:var(--surface-muted);min-height:4rem;transition:border-color .18s var(--ease-apple), background .18s var(--ease-apple), transform .18s var(--ease-apple);border-radius:.625rem;align-items:center;gap:.7rem;padding:.7rem .75rem;text-decoration:none;display:flex}.library-color-hero__tool-item:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.library-color-hero__tool-item-icon{width:1.625rem;height:1.625rem;color:var(--foreground-muted);background:color-mix(in srgb, var(--foreground) 5%, transparent);transition:color .18s var(--ease-apple), background .18s var(--ease-apple);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.library-color-hero__tool-item-icon svg{width:.875rem;height:.875rem}.library-color-hero__tool-item:hover .library-color-hero__tool-item-icon{color:var(--foreground);background:color-mix(in srgb, var(--tool-accent) 12%, transparent)}.library-color-hero__tool-item-copy{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.library-color-hero__tool-item-label{color:var(--foreground);font-size:.8125rem;font-weight:600;line-height:1.25}.library-color-hero__tool-item-hint{color:var(--foreground-subtle);font-size:.6875rem;line-height:1.35}.library-color-hero__tool-item-action{color:var(--foreground-subtle);transition:color .18s var(--ease-apple), transform .18s var(--ease-apple);flex-shrink:0;font-size:.75rem;line-height:1;transform:rotate(-45deg)}.library-color-hero__tool-item:hover .library-color-hero__tool-item-action{color:var(--foreground-muted);transform:rotate(-45deg)translate(2px,-2px)}.library-color-share{border-top:1px solid color-mix(in srgb, var(--border) 65%, transparent);padding:1rem 0 0}.library-color-share__bar{flex-direction:column;gap:.875rem;display:flex}@media (width>=768px){.library-color-share__bar{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1.5rem}}.library-color-share__lead{flex-direction:column;gap:.25rem;min-width:0;display:flex}.library-color-share__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-subtle);margin:0;font-size:.6875rem;font-weight:600}.library-color-share__intro{max-width:28rem;color:var(--foreground-subtle);margin:0;font-size:.8125rem;line-height:1.45}.library-color-share__actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.library-color-share__btn{border:1px solid var(--border);color:var(--foreground-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .18s var(--ease-apple), color .18s var(--ease-apple), background .18s var(--ease-apple);background:0 0;border-radius:.5rem;outline:none;margin:0;padding:.5rem .8rem;font-size:.8125rem;font-weight:500;line-height:1.2}.library-color-share__btn:focus{outline:none}.library-color-share__btn:focus-visible{outline:2px solid var(--ring-selection-subtle);outline-offset:2px}.library-color-share__btn:hover{border-color:var(--border-strong);color:var(--foreground);background:var(--surface-muted)}.library-color-share__btn.is-copied{color:var(--foreground);border-color:var(--border-strong)}.library-color-share__btn--icon{justify-content:center;align-items:center;width:2.125rem;height:2.125rem;padding:0;display:inline-flex}.library-color-share__btn-icon{display:block}.library-color-share__btn-icon--check,.library-color-share__btn--icon.is-copied .library-color-share__btn-icon--link,.library-color-share__btn--icon.is-copied .library-color-share__btn-icon--copy{display:none}.library-color-share__btn--icon.is-copied .library-color-share__btn-icon--check{display:block}.color-fullscreen{z-index:200;color:var(--hero-fg);cursor:pointer;justify-content:center;align-items:flex-end;padding:0 clamp(1.25rem,4vw,2rem) clamp(1.5rem,3vw,2rem);display:flex;position:fixed;inset:0}.color-fullscreen--palette{padding:0}.color-fullscreen__palette-colors{pointer-events:auto;display:flex;position:absolute;inset:0}.color-fullscreen__palette-swatch{flex:1;min-width:0;height:100%;transition:flex .28s cubic-bezier(.4,0,.2,1)}@media (width>=768px){.color-fullscreen__palette-swatch:hover{flex:1.35}}.color-fullscreen--palette .color-fullscreen__footer{z-index:1;max-width:none;padding:0 clamp(1.25rem,4vw,2rem) clamp(1.5rem,3vw,2rem);position:relative}.color-fullscreen[hidden]{display:none}.color-fullscreen__footer{pointer-events:none;justify-content:space-between;align-items:baseline;gap:2rem;width:100%;display:flex}.color-fullscreen__brand{letter-spacing:.2em;text-transform:uppercase;opacity:.38;font-size:.5625rem;font-weight:500;line-height:1}.color-fullscreen__tm{vertical-align:super;margin-left:.12em;font-size:.4375rem}.color-fullscreen__hex{letter-spacing:.14em;opacity:.72;text-align:right;font-size:.6875rem;font-weight:500}.color-fullscreen--palette .color-fullscreen__hex{opacity:0;transition:opacity .18s var(--ease-apple)}.color-fullscreen--palette .color-fullscreen__hex.is-visible{opacity:.72}