.p-multi-color-input{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.p-multi-color-input__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;min-height:80px;padding:16px;border:1px solid #d1d5db;border-radius:6px;margin-bottom:12px;position:relative;background:radial-gradient(ellipse 120% 100% at 50% 50%,#f9fafb 0,rgba(249,250,251,.95) 40%,rgba(249,250,251,.85) 100%),conic-gradient(from 0deg at 50% 50%,rgba(239,68,68,.08) 0deg,rgba(249,115,22,.08) 60deg,rgba(234,179,8,.08) 120deg,rgba(34,197,94,.08) 180deg,rgba(59,130,246,.08) 240deg,rgba(168,85,247,.08) 300deg,rgba(239,68,68,.08) 1turn);box-shadow:inset 0 0 40px rgba(0,0,0,.04),inset 0 1px 3px rgba(0,0,0,.05)}.p-multi-color-input__grid:after,.p-multi-color-input__grid:before{content:"";position:absolute;pointer-events:none;z-index:1}.p-multi-color-input__grid:before{top:0;left:0;right:0;height:16px;background:radial-gradient(circle at 15% 40%,rgba(239,68,68,.15) 0,transparent 60%) 0 0/20% 100%,radial-gradient(circle at 35% 60%,rgba(234,179,8,.12) 0,transparent 60%) 20% 0/20% 100%,radial-gradient(circle at 50% 50%,rgba(34,197,94,.12) 0,transparent 60%) 40% 0/20% 100%,radial-gradient(circle at 65% 55%,rgba(59,130,246,.15) 0,transparent 60%) 60% 0/20% 100%,radial-gradient(circle at 85% 45%,rgba(168,85,247,.12) 0,transparent 60%) 80% 0/20% 100%,linear-gradient(180deg,rgba(209,213,219,.12),rgba(229,231,235,.06));box-shadow:inset 0 -1px 2px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02)}.p-multi-color-input__grid:after{bottom:0;left:0;right:0;height:14px;background:linear-gradient(90deg,transparent 8%,rgba(168,85,247,.08) 10%,rgba(168,85,247,.08) 12%,transparent 14%) 0 0/25% 100%,linear-gradient(90deg,transparent 13%,rgba(59,130,246,.1) 16%,rgba(59,130,246,.1) 18%,transparent 22%) 15% 0/25% 100%,linear-gradient(90deg,transparent 18%,rgba(34,197,94,.08) 22%,rgba(34,197,94,.08) 24%,transparent 28%) 35% 0/25% 100%,linear-gradient(90deg,transparent 22%,rgba(234,179,8,.09) 26%,rgba(234,179,8,.09) 28%,transparent 32%) 60% 0/25% 100%,linear-gradient(90deg,transparent 5%,rgba(239,68,68,.1) 8%,rgba(239,68,68,.1) 10%,transparent 13%) 80% 0/25% 100%,linear-gradient(0deg,rgba(209,213,219,.1),rgba(229,231,235,.05));box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 -1px 3px rgba(0,0,0,.02)}.p-multi-color-input__color-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:#1e293b;border:1.5px solid #334155;border-radius:10px;transition:all .2s ease;min-height:auto;justify-content:center}.p-multi-color-input__color-item:hover{border-color:#475569;box-shadow:0 4px 6px -1px rgba(0,0,0,.15),0 2px 4px -1px rgba(0,0,0,.1);transform:translateY(-1px)}.p-multi-color-input__color-item .c-btn.c-cta{position:absolute;top:-6px;right:-6px;z-index:2;padding:0!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.p-multi-color-input__color-item .c-btn.c-cta svg{width:12px!important;height:12px!important}.p-multi-color-input__color-swatch{width:32px;height:32px;border-radius:100%;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 2px 4px -1px rgba(0,0,0,.15),0 1px 2px -1px rgba(0,0,0,.1),inset 0 1px 2px hsla(0,0%,100%,.1);flex-shrink:0}.p-multi-color-input__color-label{font-size:11px;font-weight:600;color:#f1f5f9;text-align:center;line-height:1.2;letter-spacing:.01em;word-break:break-word;max-width:100%}.p-multi-color-input__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:80px;color:#9ca3af}.p-multi-color-input__controls{display:flex;flex-direction:column;gap:8px}.p-multi-color-input__help-text{font-size:12px;color:#6b7280;margin-top:4px}.p-multi-color-input__controls>.c-btn.c-cta{padding:8px 16px!important;background:#3b82f6!important;font-size:13px!important;font-weight:500!important}.p-multi-color-input__controls>.c-btn.c-cta:hover{background:#2563eb!important}@media(max-width:640px){.p-multi-color-input{padding:12px}.p-multi-color-input__grid{padding:12px;gap:6px}.p-multi-color-input__color-item{padding:8px;gap:6px}.p-multi-color-input__color-swatch{width:28px;height:28px;border-radius:100%}.p-multi-color-input__color-label{font-size:10px}}@media(prefers-color-scheme:dark){.p-multi-color-input{background:#1f2937;border-color:#374151}.p-multi-color-input__grid{background:radial-gradient(ellipse 120% 100% at 50% 50%,#1f2937 0,rgba(31,41,55,.95) 40%,rgba(17,24,39,.9) 100%),conic-gradient(from 0deg at 50% 50%,hsla(0,91%,71%,.12) 0deg,rgba(251,146,60,.12) 60deg,rgba(250,204,21,.12) 120deg,rgba(74,222,128,.12) 180deg,rgba(96,165,250,.12) 240deg,rgba(196,181,253,.12) 300deg,hsla(0,91%,71%,.12) 1turn);border-color:#4b5563;box-shadow:inset 0 0 40px rgba(0,0,0,.4),inset 0 1px 3px rgba(0,0,0,.3)}.p-multi-color-input__grid:before{background:radial-gradient(circle at 15% 40%,hsla(0,91%,71%,.22) 0,transparent 60%) 0 0/20% 100%,radial-gradient(circle at 35% 60%,rgba(250,204,21,.18) 0,transparent 60%) 20% 0/20% 100%,radial-gradient(circle at 50% 50%,rgba(74,222,128,.18) 0,transparent 60%) 40% 0/20% 100%,radial-gradient(circle at 65% 55%,rgba(96,165,250,.22) 0,transparent 60%) 60% 0/20% 100%,radial-gradient(circle at 85% 45%,rgba(196,181,253,.18) 0,transparent 60%) 80% 0/20% 100%,linear-gradient(180deg,rgba(75,85,99,.18),rgba(55,65,81,.1));box-shadow:inset 0 -1px 2px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1)}.p-multi-color-input__grid:after{background:linear-gradient(90deg,transparent 8%,rgba(196,181,253,.15) 10%,rgba(196,181,253,.15) 12%,transparent 14%) 0 0/25% 100%,linear-gradient(90deg,transparent 13%,rgba(96,165,250,.18) 16%,rgba(96,165,250,.18) 18%,transparent 22%) 15% 0/25% 100%,linear-gradient(90deg,transparent 18%,rgba(74,222,128,.15) 22%,rgba(74,222,128,.15) 24%,transparent 28%) 35% 0/25% 100%,linear-gradient(90deg,transparent 22%,rgba(250,204,21,.16) 26%,rgba(250,204,21,.16) 28%,transparent 32%) 60% 0/25% 100%,linear-gradient(90deg,transparent 5%,hsla(0,91%,71%,.18) 8%,hsla(0,91%,71%,.18) 10%,transparent 13%) 80% 0/25% 100%,linear-gradient(0deg,rgba(75,85,99,.16),rgba(55,65,81,.08));box-shadow:inset 0 1px 2px rgba(0,0,0,.15),0 -1px 3px rgba(0,0,0,.1)}.p-multi-color-input__color-item{background:#0f172a;border-color:#1e293b}.p-multi-color-input__color-item:hover{border-color:#334155;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.p-multi-color-input__color-swatch{border-color:hsla(0,0%,100%,.2);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2),inset 0 1px 2px hsla(0,0%,100%,.15)}.p-multi-color-input__color-label{color:#f8fafc}.p-multi-color-input__empty-state{color:#6b7280}.p-multi-color-input__help-text{color:#9ca3af}}