/* Styles of tool: HEX to RGB Color Converter */
.cv-wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:stretch}
.cv-swatch{flex:0 0 180px;min-height:180px;border:1px solid var(--border);border-radius:5px;position:relative;box-shadow:inset 0 0 0 4px #fff}
.cv-swatch input[type=color]{position:absolute;inset-inline-end:10px;bottom:10px;width:44px;height:44px;border:2px solid #fff;border-radius:5px;padding:0;cursor:pointer;background:none}
.cv-fields{flex:1 1 260px;min-width:0}
.cv-fields input{width:100%}
.cv-codes{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tool-box .cv-code{background:var(--bg)!important;color:var(--primary)!important;border:1px solid var(--border-soft)!important;font-family:ui-monospace,Consolas,monospace;direction:ltr}
.tool-box .cv-code.done{background:#e8f6e3!important;border-color:var(--green)!important}
@media(max-width:600px){.cv-swatch{flex-basis:100%;min-height:120px}}