.dhcm{--ink:#252723;--muted:#656860;--line:#dedfd8;box-sizing:border-box;max-width:1120px;margin:0 auto;padding:48px 24px;background:#fff;color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;color-scheme:light}.dhcm *,.dhcm *::before,.dhcm *::after{box-sizing:border-box}.dhcm [hidden]{display:none!important}.dhcm h2,.dhcm h3,.dhcm p{margin:0;color:inherit}.dhcm .dhcm-header{padding-bottom:28px;border-bottom:1px solid var(--line)}.dhcm h2{margin-bottom:12px;font-size:clamp(30px, 4vw, 44px);font-weight:400;line-height:1.2;letter-spacing:-.035em}.dhcm h3{font-size:22px;font-weight:400;line-height:1.3}.dhcm .dhcm-header p{max-width:640px}.dhcm .dhcm-header p,.dhcm article p,.dhcm p.dhcm-note{color:var(--muted)}.dhcm .dhcm-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.dhcm .dhcm-label{display:block;margin-bottom:6px;font-size:13px;font-weight:600}.dhcm output{float:right;font-variant-numeric:tabular-nums}.dhcm .dhcm-base{display:flex;gap:8px}.dhcm input,.dhcm button{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none}.dhcm input[type="color"],.dhcm input[type="text"],.dhcm button{min-height:44px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink)}.dhcm input[type="color"]{width:48px;padding:4px;cursor:pointer}.dhcm input[type="text"]{width:min(100%, 132px);min-width:0;padding:6px 9px}.dhcm input[type="range"]{width:100%;min-height:44px;margin:0;accent-color:#1c1e25}.dhcm :focus-visible{outline:2px solid #1c1e25;outline-offset:3px}.dhcm .dhcm-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 218px),1fr));gap:16px}.dhcm article{padding:14px;border:1px solid var(--line)}.dhcm .dhcm-result{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}.dhcm [data-chip]{flex-basis:100%;height:80px}.dhcm [data-chip],.dhcm .dhcm-ramp span{border:1px solid #0002;border-radius:2px}.dhcm code{background:#fff0;color:inherit;padding:0;font-size:13px}.dhcm button{padding:6px 8px;cursor:pointer;font-size:12px}.dhcm button:hover{background:#f3f3ef}.dhcm .dhcm-ramp{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;text-align:center;font-size:10px;color:var(--muted)}.dhcm .dhcm-ramp span{display:block;height:29px;margin-bottom:3px}.dhcm p.dhcm-note{margin-top:16px;font-size:13px}.dhcm .dhcm-error,.dhcm .dhcm-status{font-size:13px}.dhcm p.dhcm-error{color:#aa0317}.dhcm .dhcm-status{min-height:21px;margin-top:5px}@media (max-width:550px){.dhcm{padding:28px 16px}.dhcm .dhcm-controls{grid-template-columns:1fr;gap:12px}}@media (forced-colors:active){.dhcm [data-chip],.dhcm .dhcm-ramp span{forced-color-adjust:none}}