.colour-picker-module__XV_ICa__workspace{background:#0b1018;border:1px solid #343c49;border-radius:16px;margin-top:28px;padding:24px;box-shadow:0 20px 60px #0003}.colour-picker-module__XV_ICa__sectionTitle{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.colour-picker-module__XV_ICa__sectionTitle strong{font-size:16px}.colour-picker-module__XV_ICa__sectionTitle span{color:#929baa;font-size:12px}.colour-picker-module__XV_ICa__palette{isolation:isolate;cursor:crosshair;touch-action:none;border-radius:12px;width:100%;height:clamp(260px,35vw,360px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff5}.colour-picker-module__XV_ICa__palette:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.colour-picker-module__XV_ICa__palette:focus-visible{outline-offset:3px;outline:3px solid #9d87ff}.colour-picker-module__XV_ICa__target{z-index:1;pointer-events:none;border:3px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #000b,0 0 0 1px #0009}.colour-picker-module__XV_ICa__hueLabel{color:#c8d0de;gap:8px;margin-top:20px;font-size:13px;font-weight:700;display:grid}.colour-picker-module__XV_ICa__hueLabel input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#f33,#ff0,#0f0,#0ff,#00f,#f0f,#f33);border:1px solid #fff5;border-radius:99px;width:100%;height:16px;margin:0}.colour-picker-module__XV_ICa__hueLabel input::-webkit-slider-thumb{appearance:none;background:#0b1018;border:3px solid #fff;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 8px #0008}.colour-picker-module__XV_ICa__hueLabel input::-moz-range-thumb{background:#0b1018;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0008}.colour-picker-module__XV_ICa__selection{background:#101722;border:1px solid #343c49;border-radius:12px;align-items:end;gap:14px;margin-top:28px;padding:16px;display:flex}.colour-picker-module__XV_ICa__swatch{border:1px solid #fff4;border-radius:10px;flex:0 0 56px;height:56px;box-shadow:0 3px 15px #0005}.colour-picker-module__XV_ICa__hexField{flex:1;gap:7px;min-width:0;display:grid}.colour-picker-module__XV_ICa__hexField label{color:#929baa;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.colour-picker-module__XV_ICa__hexField input{color:#f4f6fb;letter-spacing:.04em;background:#080c12;border:1px solid #465062;border-radius:8px;width:100%;height:44px;padding:0 12px;font:700 17px monospace}.colour-picker-module__XV_ICa__hexField input:focus{outline:2px solid #9d87ff}.colour-picker-module__XV_ICa__selection button{color:#61e6c7;white-space:nowrap;background:#61e6c718;border:1px solid #61e6c755;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.colour-picker-module__XV_ICa__selection button:hover{background:#61e6c72b}.colour-picker-module__XV_ICa__formats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.colour-picker-module__XV_ICa__formats div{background:#0d131c;border:1px solid #252c39;border-radius:9px;gap:5px;padding:14px;display:grid}.colour-picker-module__XV_ICa__formats span{color:#929baa;letter-spacing:.1em;font-size:11px;font-weight:800}.colour-picker-module__XV_ICa__formats code{overflow-wrap:anywhere;color:#dce4f1;font-size:13px}@media (max-width:600px){.colour-picker-module__XV_ICa__workspace{padding:16px}.colour-picker-module__XV_ICa__sectionTitle{gap:2px;display:grid}.colour-picker-module__XV_ICa__palette{height:280px}.colour-picker-module__XV_ICa__selection{flex-wrap:wrap}.colour-picker-module__XV_ICa__selection button{width:100%}.colour-picker-module__XV_ICa__formats{grid-template-columns:1fr}}