.page_container__auQ5V{padding:var(--spacing-inset-lg) var(--spacing-inset-lg) var(--spacing-section-gap);max-width:var(--layout-container-wide)}.page_sectionHeading__oDgxT{font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-lineheight);letter-spacing:var(--type-h2-letterspacing);color:var(--color-text-primary);margin-bottom:var(--spacing-stack-md)}.page_sectionIntro__QM4YF{font-size:var(--type-body-md-size);line-height:var(--type-body-md-lineheight);color:var(--color-text-secondary);margin-bottom:var(--spacing-stack-lg);max-width:var(--layout-container-prose)}.page_subHeading__u4JuY{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-lineheight);color:var(--color-text-primary);margin-bottom:var(--spacing-stack-md)}.page_sectionSpacing___fJjy{margin-bottom:var(--spacing-section-gap)}.page_brandRow__44hP6{display:grid;grid-gap:var(--spacing-content-gap);gap:var(--spacing-content-gap);margin-bottom:var(--spacing-stack-lg)}.page_brandRow3__fb9a4{grid-template-columns:repeat(3,1fr)}.page_brandRow4__kTAp1{grid-template-columns:repeat(4,1fr)}.page_brandCard__T5luw{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);overflow:hidden}.page_brandSwatch__iEq3q{height:calc(var(--spacing-24) + var(--spacing-8) - var(--spacing-1));width:100%}.page_brandInfo__z4Zj9{padding:var(--spacing-inset-sm)}.page_brandName__ZzIFP{font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--color-text-primary);margin-bottom:var(--spacing-stack-xs)}.page_brandMeta__LOfYw{font-size:var(--type-caption-size);color:var(--color-text-secondary);line-height:var(--type-caption-lineheight)}.page_brandUsage__yHjFW{font-size:var(--type-caption-size);color:var(--color-text-tertiary);margin-top:var(--spacing-stack-xs)}.page_callout__BTKOJ{padding:var(--spacing-inset-md);border-radius:var(--border-radius-component);margin-bottom:var(--spacing-stack-lg);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lineheight)}.page_calloutInfo__w69vu{background-color:var(--color-surface-brand);color:var(--color-text-primary);border-left:var(--border-width-thick) solid var(--color-border-brand)}.page_calloutWarning__Is6z2{background-color:var(--color-feedback-warning-bg);color:var(--color-text-warning);border-left:var(--border-width-thick) solid var(--color-feedback-warning-icon)}.page_calloutTitle__nImJh{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-stack-xs)}.page_scaleGroup__KQMuU{margin-bottom:var(--spacing-stack-lg)}.page_scaleHeader__ZztHz{display:flex;align-items:baseline;gap:var(--spacing-inline-sm);margin-bottom:var(--spacing-stack-sm)}.page_scaleName__ovyeM{font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--color-text-primary)}.page_scaleLabel__zyB3_{font-size:var(--type-caption-size);color:var(--color-text-tertiary)}.page_scaleStrip__zXDVQ{display:flex;border-radius:var(--border-radius-component);overflow:hidden}.page_scaleSwatch__VVYV9{flex:1 1;min-width:0;padding:var(--spacing-inset-sm) var(--spacing-inset-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-stack-xs);min-height:calc(var(--spacing-16) + var(--spacing-2));cursor:pointer;border:none;font-family:inherit;transition:box-shadow var(--motion-duration-fast) var(--motion-easing-default);position:relative}.page_scaleSwatch__VVYV9:hover{box-shadow:var(--elevation-4);z-index:1}.page_scaleSwatch__VVYV9:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:calc(-1 * var(--border-width-focus));z-index:2}.page_swatchStep__8mtn_{font-size:calc(var(--type-caption-size) - var(--border-width-default));font-weight:var(--font-weight-semibold);opacity:.9}.page_swatchHex__i1ci8{font-size:calc(var(--type-caption-size) - var(--border-width-focus));font-family:var(--font-family-mono);opacity:.8}.page_tokenTable__GKNjK{width:100%;border-collapse:collapse;font-size:var(--type-body-sm-size);margin-bottom:var(--spacing-stack-lg)}.page_tokenTable__GKNjK th{text-align:left;font-weight:var(--type-label-weight);font-size:var(--type-caption-size);color:var(--color-text-secondary);white-space:nowrap}.page_tokenTable__GKNjK td,.page_tokenTable__GKNjK th{padding:var(--spacing-inset-xs) var(--spacing-inset-sm);border-bottom:var(--border-width-default) solid var(--color-border-default)}.page_tokenTable__GKNjK td{vertical-align:middle}.page_tokenTable__GKNjK tr:hover td{background-color:var(--color-surface-subtle)}.page_tokenPath__RrvRp{font-family:var(--font-family-mono);font-size:var(--type-caption-size);color:var(--color-text-link-default);cursor:pointer;white-space:nowrap}.page_tokenPath__RrvRp:hover{text-decoration:underline}.page_tokenDesc__QejaF{color:var(--color-text-secondary);max-width:calc(var(--spacing-32) + var(--spacing-24) + var(--spacing-4))}.page_colorCell__bK245{display:flex;align-items:center;gap:var(--spacing-inline-xs)}.page_miniSwatch__0TNfh{width:calc(var(--spacing-4) + var(--spacing-1));height:calc(var(--spacing-4) + var(--spacing-1));border-radius:var(--border-radius-sm);border:var(--border-width-default) solid var(--color-border-default);flex-shrink:0}.page_hexValue__KcSsO{font-size:var(--type-caption-size)}.page_cssVarCell__iw8Zq,.page_hexValue__KcSsO{font-family:var(--font-family-mono);color:var(--color-text-tertiary)}.page_cssVarCell__iw8Zq{font-size:calc(var(--type-caption-size) - var(--border-width-default));white-space:nowrap}.page_themeCompare__eicdU{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-content-gap);gap:var(--spacing-content-gap);margin-bottom:var(--spacing-stack-lg)}.page_themePanel__s12Lw{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-container);overflow:hidden}.page_themePanelLabel__XSMml{padding:var(--spacing-inset-xs) var(--spacing-inset-sm);font-size:var(--type-caption-size);font-weight:var(--type-label-weight);text-align:center;border-bottom:var(--border-width-default) solid}.page_themePanelContent__GFsTi{padding:var(--spacing-inset-md);display:flex;flex-direction:column;gap:var(--spacing-stack-md)}.page_miniCard__JWlc4{border-radius:var(--border-radius-component);padding:var(--spacing-inset-md);border:var(--border-width-default) solid}.page_miniHeading__7KTUR{font-size:var(--type-h5-size);font-weight:var(--type-h5-weight);margin-bottom:var(--spacing-stack-xs)}.page_miniBody__v6e64{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lineheight);margin-bottom:var(--spacing-stack-sm)}.page_miniButton__99UCV{display:inline-block;padding:var(--spacing-inset-xs) var(--spacing-inset-md);border-radius:var(--border-radius-component);font-size:var(--type-label-size);font-weight:var(--type-label-weight);border:none;cursor:default}.page_miniInput__ZSfG9{display:flex;flex-direction:column;gap:var(--spacing-stack-xs)}.page_miniLabel__kH9V4{font-size:var(--type-caption-size);font-weight:var(--type-label-weight)}.page_miniInputField__ErXMv{padding:var(--spacing-inset-xs) var(--spacing-inset-sm);border-radius:var(--border-radius-component);border:var(--border-width-default) solid;font-size:var(--type-body-sm-size);cursor:default}.page_miniHelperText__tFbw_{font-size:var(--type-caption-size)}.page_miniAlert__OqtD9{padding:var(--spacing-inset-sm);border-radius:var(--border-radius-component);font-size:var(--type-body-sm-size);align-items:center}.page_miniAlert__OqtD9,.page_miniButtonRow__er78U{display:flex;gap:var(--spacing-inline-sm)}.page_miniSecondaryBtn__Jn4XT{border-radius:var(--border-radius-component);border:var(--border-width-default) solid}.page_miniGhostBtn__071B_,.page_miniSecondaryBtn__Jn4XT{display:inline-block;padding:var(--spacing-inset-xs) var(--spacing-inset-md);font-size:var(--type-label-size);font-weight:var(--type-label-weight);cursor:default;background:transparent}.page_miniGhostBtn__071B_{border-radius:var(--border-radius-component);border:none}.page_checkerLayout__nhHGQ{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-content-gap);gap:var(--spacing-content-gap);margin-bottom:var(--spacing-stack-lg)}.page_checkerInputs__SJeNK{display:flex;flex-direction:column;gap:var(--spacing-stack-md)}.page_checkerField___Nm6T label{display:block;font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--color-text-primary);margin-bottom:var(--spacing-stack-xs)}.page_checkerHexInput__Xhtce,.page_checkerSelect__aZnXI{width:100%;padding:var(--spacing-inset-xs) var(--spacing-inset-sm);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--border-radius-component);font-size:var(--type-body-sm-size);font-family:inherit;background-color:var(--color-surface-default);color:var(--color-text-primary)}.page_checkerHexInput__Xhtce:focus,.page_checkerSelect__aZnXI:focus{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:calc(-1 * var(--border-width-default))}.page_checkerHexInput__Xhtce{font-family:var(--font-family-mono)}.page_inputError__iibFA{border-color:var(--color-border-error)}.page_errorText__C8JVi{font-size:var(--type-caption-size);color:var(--color-text-error);margin-top:var(--spacing-stack-xs)}.page_swapButton__Row_9{align-self:flex-start;padding:var(--spacing-inset-xs) var(--spacing-inset-sm);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);background-color:var(--color-surface-default);color:var(--color-text-primary);font-size:var(--type-label-size);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-default)}.page_swapButton__Row_9:hover{background-color:var(--color-surface-subtle)}.page_checkerResults__tmcoK{display:flex;flex-direction:column;gap:var(--spacing-stack-md)}.page_previewArea__qUuJg{min-height:calc(var(--spacing-32) + var(--spacing-12) + var(--spacing-6));border-radius:var(--border-radius-component);padding:var(--spacing-inset-lg);display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-stack-sm);border:var(--border-width-default) solid var(--color-border-default)}.page_previewHeading__XEYkZ{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.page_previewBody___0kfi{font-size:var(--font-size-md)}.page_previewSmall__o6S8I{font-size:var(--font-size-sm)}.page_ratioDisplay__bckb_{font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);color:var(--color-text-primary);margin-bottom:var(--spacing-stack-sm)}.page_badgeRow__chdQr{display:flex;flex-wrap:wrap;gap:var(--spacing-inline-sm)}.page_badge__smsNj{padding:var(--spacing-inset-xs) var(--spacing-inset-sm);border-radius:var(--border-radius-badge);font-size:var(--type-caption-size);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-inline-xs)}.page_badgePass__6AZhW{background-color:var(--color-feedback-success-bg);color:var(--color-text-success)}.page_badgeFail__Pen0K{background-color:var(--color-feedback-error-bg);color:var(--color-text-error)}.page_presetTable__nC6cb{width:100%;border-collapse:collapse;font-size:var(--type-body-sm-size);margin-bottom:var(--spacing-stack-lg)}.page_presetTable__nC6cb th{text-align:left;font-weight:var(--type-label-weight);font-size:var(--type-caption-size);color:var(--color-text-secondary)}.page_presetTable__nC6cb td,.page_presetTable__nC6cb th{padding:var(--spacing-inset-xs) var(--spacing-inset-sm);border-bottom:var(--border-width-default) solid var(--color-border-default)}.page_presetTable__nC6cb td{vertical-align:middle}.page_presetRow__4DYqQ{cursor:pointer}.page_presetRow__4DYqQ:hover td{background-color:var(--color-surface-subtle)}.page_presetSwatch__CgnT6{display:inline-flex;align-items:center;gap:var(--spacing-inline-xs)}.page_doDontGrid__TqRr4{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-content-gap);gap:var(--spacing-content-gap);margin-bottom:var(--spacing-stack-lg)}.page_doCard__6Clep,.page_dontCard__k9kLu{border-radius:var(--border-radius-component);padding:var(--spacing-inset-md);border-left:var(--border-width-thick) solid}.page_doCard__6Clep{border-left-color:var(--color-feedback-success-icon)}.page_doCard__6Clep,.page_dontCard__k9kLu{background-color:var(--color-surface-subtle)}.page_dontCard__k9kLu{border-left-color:var(--color-feedback-error-icon)}.page_doLabel__CWnxN{color:var(--color-text-success)}.page_doLabel__CWnxN,.page_dontLabel__XtrjZ{font-size:var(--type-label-size);font-weight:var(--type-label-weight);margin-bottom:var(--spacing-stack-xs)}.page_dontLabel__XtrjZ{color:var(--color-text-error)}.page_doCode___YBRF,.page_dontCode__clpbY{font-family:var(--font-family-mono);font-size:var(--type-code-size);color:var(--color-text-primary);background-color:var(--color-surface-muted);padding:var(--border-width-focus) calc(var(--spacing-inline-xs) + var(--border-width-focus));border-radius:var(--border-radius-sm)}.page_cardText__CJqbe{font-size:var(--type-body-sm-size);color:var(--color-text-secondary);line-height:var(--type-body-sm-lineheight)}.page_toast__QXPYG{position:fixed;bottom:var(--spacing-inset-lg);left:50%;transform:translateX(-50%);padding:var(--spacing-inset-xs) var(--spacing-inset-md);background-color:var(--color-surface-inverse);color:var(--color-text-inverse);font-size:var(--type-body-sm-size);border-radius:var(--border-radius-component);box-shadow:var(--elevation-16);z-index:var(--z-toast);pointer-events:none;opacity:0;transition:opacity var(--motion-duration-normal) var(--motion-easing-default)}.page_toastVisible__NWJll{opacity:1}@media (max-width:1023px){.page_brandRow3__fb9a4,.page_brandRow4__kTAp1{grid-template-columns:repeat(2,1fr)}.page_checkerLayout__nhHGQ,.page_doDontGrid__TqRr4,.page_themeCompare__eicdU{grid-template-columns:1fr 1fr}}@media (max-width:599px){.page_container__auQ5V{padding:var(--spacing-inset-md)}.page_brandRow3__fb9a4,.page_brandRow4__kTAp1,.page_checkerLayout__nhHGQ,.page_doDontGrid__TqRr4,.page_themeCompare__eicdU{grid-template-columns:1fr}.page_scaleStrip__zXDVQ{overflow-x:auto}.page_scaleSwatch__VVYV9{min-width:calc(var(--spacing-12) + var(--spacing-2))}.page_presetTable__nC6cb,.page_tokenTable__GKNjK{display:block;overflow-x:auto}}