.color-control-v141{max-width:260px;padding:14px;margin:8px 0 18px;background:#10222e;border:1px solid #3d5665;border-radius:16px}
.color-wheel-v141{position:relative;box-sizing:border-box;width:190px;height:190px;max-width:100%;border-radius:50%;margin:4px auto 18px;touch-action:none;cursor:crosshair;background:radial-gradient(circle,#fff 0%,transparent 70%),conic-gradient(from 90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);box-shadow:0 0 0 2px #6b8293}
.color-wheel-v141:before{content:"";position:absolute;inset:0;border-radius:50%;background:#000;opacity:var(--shade);pointer-events:none}
.color-wheel-v141:focus-visible{outline:3px solid #fff;outline-offset:5px}
.color-wheel-v141 i{position:absolute;z-index:1;width:13px;height:13px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #000;transform:translate(-50%,-50%);pointer-events:none}
.color-control-v141 label{display:block;color:white;font-size:13px}.color-control-v141 input[type=range]{width:100%;padding:0;min-height:34px;accent-color:#80d9ef}
.color-code-v141{display:flex!important;align-items:center;gap:10px}.color-code-v141 span{width:28px;height:28px;border:1px solid #adc0cc;border-radius:6px}
.color-code-v141 input{width:130px!important;min-height:40px;font-family:monospace;color:#fff}
.color-control-v141 button[hidden]{display:none!important}