.rgb-color-panel[hidden]{display:none!important}.rgb-color-panel{position:fixed;inset:auto;margin:0;padding:10px;box-sizing:border-box;background:#fff;border:1px solid #b3c4d7;box-shadow:0 8px 26px #0004;border-radius:8px;color:#23394f;direction:rtl;z-index:15000;max-height:90dvh;overflow:auto}.rgb-heading select{width:100%;min-height:44px;font-size:14px;margin-bottom:8px;border:1px solid #bdcddd;border-radius:5px}.rgb-gradient{height:165px;position:relative;touch-action:none;cursor:crosshair;direction:ltr}.rgb-marker{position:absolute;width:15px;height:15px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #26394e;transform:translate(-50%,-50%);pointer-events:none}.rgb-hue{display:block;width:100%;height:30px;min-height:44px;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:8px solid white;box-sizing:border-box;padding:0;border-radius:4px;direction:ltr}.rgb-hue::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:2px solid white;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #33485f}.rgb-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;direction:ltr}.rgb-values label{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px}.rgb-values input{width:100%;min-width:0;min-height:44px;text-align:center;box-sizing:border-box;border:1px solid #b9c8d9;border-radius:4px;font-size:16px}.rgb-footer{display:flex;align-items:center;gap:8px;margin:8px 0}.rgb-footer span{width:36px;height:36px;flex-shrink:0;border:1px solid #91a9c0;border-radius:50%}.rgb-footer input{min-width:0;width:100%;min-height:44px;font-size:16px;border:1px solid #bccddd;border-radius:5px}.rgb-actions{display:flex;gap:8px}.rgb-actions button{min-height:44px;flex:1;background:#f1f6fc;border:1px solid #b9cada;border-radius:5px;font-size:12px}.rgb-actions button:last-child{background:#176ac2;color:white}
@media print{.rgb-color-panel{display:none!important}}