.ColourTool_tool__6fMbh{display:flex;flex-direction:column;gap:1.5rem}.ColourTool_top__zMPgO{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch}.ColourTool_swatch___4Sds{flex:1 1 14rem;min-height:7rem;border:2px solid rgba(65,64,62,.3);border-radius:12px;display:flex;align-items:flex-end;justify-content:flex-start;padding:.6rem .75rem;background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.ColourTool_swatchHex__T5gd1{font-family:monospace;font-size:1.1rem;font-weight:700;background:rgba(255,255,255,0)}.ColourTool_pickerField__rVWTx{display:flex;flex-direction:column;gap:.35rem;justify-content:center}.ColourTool_pickerField__rVWTx>span{font-size:.9rem;opacity:.85}.ColourTool_picker__6d20n{width:4rem;height:4rem;padding:0;border:2px solid rgba(65,64,62,.3);border-radius:10px;cursor:pointer;background:none}.ColourTool_grid__w94qO{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:44rem){.ColourTool_grid__w94qO{grid-template-columns:1fr 1fr}.ColourTool_boxWide__iLZV4{grid-column:1/-1}}.ColourTool_box__XGfL7{border:2px dashed rgba(65,64,62,.25);border-radius:10px;padding:.75rem;margin:0}.ColourTool_boxTitle__7I1_L{font-size:.85rem;font-weight:700;opacity:.8;padding:0 .4rem}.ColourTool_hexInput__3oiH8{width:100%;font-family:monospace}.ColourTool_channels__LBUQM{display:flex;flex-direction:column;gap:.5rem}.ColourTool_channel__z_kJw{display:grid;grid-template-columns:1.1rem 1fr 4.5rem;align-items:center;grid-gap:.6rem;gap:.6rem}.ColourTool_channelLabel__4Hvfz{font-size:.8rem;font-weight:700;opacity:.7}.ColourTool_channelSlider__d_gXm{width:100%;min-width:0}.ColourTool_channelNumber__MOEp_{width:100%}.ColourTool_note__7vhhQ{margin:.5rem 0 0;font-size:.82rem;color:#c62828}.ColourTool_hint___ORdm{margin:.5rem 0 0;font-size:.8rem;opacity:.6}.ColourTool_outputs__5y1ZH{display:flex;flex-direction:column;gap:.5rem}.ColourTool_formatRow___XLlG{display:grid;grid-template-columns:3.5rem 1fr auto;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.45rem .6rem;border:2px dashed rgba(65,64,62,.25);border-radius:10px}.ColourTool_formatLabel__4d5mA{font-size:.85rem;font-weight:700;opacity:.8}.ColourTool_formatValue__O0ifx{font-family:monospace;font-size:.95rem;word-break:break-all}.ColourTool_contrast__nQpQA{display:flex;flex-direction:column;gap:.6rem}.ColourTool_contrastTitle__bPkcq{font-size:1.05rem;margin:0;opacity:.9}.ColourTool_contrastList__iKPJX{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ColourTool_contrastList__iKPJX li:before{content:none}.ColourTool_contrastRow__Z1QNQ{display:grid;grid-template-columns:1fr auto auto auto;align-items:baseline;grid-gap:.6rem;gap:.6rem;padding:.4rem .6rem;border:2px dashed rgba(65,64,62,.25);border-radius:10px}.ColourTool_contrastLabel__OxRhP{font-size:.9rem}.ColourTool_contrastRatio__I2JPs{font-family:monospace;font-size:.9rem;opacity:.8}.ColourTool_pass__198sE{font-size:.85rem;font-weight:700;color:#2e7d32}.ColourTool_fail__ZiJe5{font-size:.85rem;font-weight:700;color:#c62828}.ColourTool_aside__P9v_S{margin:0;font-size:.82rem;opacity:.7}.page_main__ROPeO{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem;gap:2rem}.page_header__N1d91{max-width:48rem;width:100%;text-align:center;margin-top:1rem}.page_title__U_535{font-size:clamp(2.25rem,7vw,3.5rem);margin-bottom:.5rem}.page_lede__SwqK8{font-size:1.2rem;opacity:.85;margin:0 auto;max-width:38rem}.page_card__OPNuZ{width:100%;max-width:52rem;padding:1.5rem}.page_footnote__arqVl{max-width:38rem;text-align:center;font-size:.95rem;opacity:.75;margin:0}