.color-control{display:block}.color-label{display:block;margin-bottom:8px}.color-code-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px}.color-picker{position:relative;width:46px;height:44px;border:1px solid #d9dfe6;border-radius:6px;background:#fff;overflow:hidden;cursor:pointer}.color-picker:focus-within{border-color:#146ef5;box-shadow:0 0 0 3px #146ef51a}.color-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-preview{position:absolute;inset:6px;border:1px solid #0002;border-radius:4px}.color-code-input{min-width:0;width:100%;height:44px!important;color:#25292f;font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:0}.color-code-input[aria-invalid=true]{border-color:#b54852!important;color:#a3303b}.color-opacity-row{display:grid;grid-template-columns:auto minmax(80px,1fr) 40px;align-items:center;gap:10px;margin-top:11px;color:#5f6873;font-size:12px}.color-opacity-row input[type=range]{width:100%;height:4px;padding:0;border:0;border-radius:999px;background:#d7dde4;accent-color:#146ef5;box-shadow:none}.color-opacity-row output{text-align:right;color:#25292f;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace}.color-actions{display:flex;margin-top:10px}.color-actions button{width:100%;height:36px!important;border:1px solid #cfd6de!important;background:#fff!important;color:#29313a!important;font-weight:650!important}.color-actions button:hover{border-color:#146ef5!important;color:#146ef5!important;background:#f5f9ff!important}.color-saved-row{display:block;margin-top:10px}.color-saved-row[hidden]{display:none}.color-saved-row>span{display:block;margin-bottom:6px;color:#747d87;font-size:11px}.color-saved-row select{width:100%}.color-feedback{display:block;min-height:16px;margin-top:5px;color:#a3303b;font-size:11px;line-height:1.4}.color-feedback.is-success{color:#16704a}
.color-swatches{display:grid;grid-template-columns:repeat(auto-fill,32px);gap:8px}
.color-swatches .color-swatch{position:relative;display:block;width:32px!important;height:32px!important;min-width:32px;min-height:32px;margin:0!important;padding:0!important;border:1px solid #9ba4af!important;border-radius:4px;overflow:hidden;background:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0) 0 0/10px 10px!important;cursor:pointer}
.color-swatch>span:first-child{position:absolute;inset:0;pointer-events:none}
.color-swatch .foldino-info{display:none!important}
.color-swatches .color-swatch:hover{outline:2px solid #146ef5;outline-offset:2px}
.color-swatches .color-swatch:focus-visible{outline:2px solid #146ef5;outline-offset:2px}
.color-saved-row select[hidden]{display:none!important}
.color-swatches .color-swatch{min-height:32px!important;box-sizing:border-box!important}
.color-swatch-item{position:relative;width:32px;height:32px;margin:5px 4px 0 0}
.color-swatches{gap:12px}
.color-control .color-swatches .color-swatch-remove{position:absolute!important;z-index:7;top:-7px;right:-7px;display:grid;place-items:center;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important;margin:0!important;border:1px solid #aab3bf!important;border-radius:50%!important;background:#fff!important;color:#364152!important;font:16px/1 Arial,sans-serif!important;cursor:pointer}
.color-control .color-swatches .color-swatch-remove:hover{background:#fff0f0!important;color:#b42318!important;border-color:#b42318!important}
.color-swatch-remove:focus-visible{outline:2px solid #146ef5;outline-offset:2px}
.color-swatch-remove:disabled{opacity:.5;cursor:wait}
.color-swatch-remove .foldino-info{display:none!important}
.color-control .color-transparent{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;margin:8px 0 0;padding:6px 10px;border:1px solid #cfd6de;border-radius:4px;background:#fff;color:#29313a;font-size:12px;cursor:pointer}
.color-control .color-transparent[aria-pressed=true]{border-color:#146ef5;background:#f0f6ff;color:#1455a7}
.color-control .color-transparent:focus-visible{outline:2px solid #146ef5;outline-offset:2px}
.color-transparent-swatch{position:relative;flex:0 0 18px;width:18px;height:18px;border:1px solid #9ba4af;border-radius:2px;background:conic-gradient(#d7dde4 25%,#fff 0 50%,#d7dde4 0 75%,#fff 0) 0 0/8px 8px}
.color-picker{background:conic-gradient(#d7dde4 25%,#fff 0 50%,#d7dde4 0 75%,#fff 0) 0 0/10px 10px}