djs-kit-colors{display:block;margin:28px 0;color:#fff;background:#11171c;border:1px solid #30363b;border-radius:20px;padding:24px;--dkc-accent:#e1ff18}djs-kit-colors[hidden]{display:none!important}djs-kit-colors .dkc-title{margin:0 0 20px!important;color:var(--dkc-accent);font-size:clamp(22px,2.2vw,30px)!important;line-height:1.15}djs-kit-colors button{font:inherit;cursor:pointer}djs-kit-colors .dkc-original,djs-kit-colors .dkc-retry{padding:12px 18px;border:1px solid #727b82;background:#1d242a;border-radius:999px;color:#fff;font-weight:750}djs-kit-colors .dkc-original[aria-pressed=true]{background:var(--dkc-accent);color:#111;border-color:var(--dkc-accent)}djs-kit-colors button:focus-visible{outline:3px solid var(--dkc-accent);outline-offset:5px}djs-kit-colors .dkc-group{border:0;margin:24px 0 0;padding:0;min-width:0}djs-kit-colors legend{font-size:clamp(19px,1.8vw,25px);font-weight:800;margin-bottom:15px;color:#fff;padding:0}djs-kit-colors .dkc-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:15px 12px}djs-kit-colors .dkc-swatch{position:relative;border:0;background:transparent;color:#fff;min-width:0;padding:5px;text-align:center;border-radius:12px}djs-kit-colors .djs-color-disc{display:block;position:relative;height:56px;width:100%;max-width:150px;margin:auto;background:var(--djs-swatch);border:1px solid #ffffff70;border-radius:20px 3px 20px 3px;box-shadow:inset 0 1px 0 #ffffff7a,inset 0 -12px 20px #0003;overflow:hidden}djs-kit-colors .djs-color-disc:before{content:"";position:absolute;inset:0;background:linear-gradient(171deg,#ffffff48 0%,#ffffff15 38%,#fff8 39%,#ffffff08 41%,transparent 43%);pointer-events:none}djs-kit-colors .dkc-swatch[aria-pressed=true] .djs-color-disc{outline:3px solid var(--dkc-accent);outline-offset:4px}djs-kit-colors .dkc-swatch[aria-pressed=true] .djs-color-disc:after{content:"✓";position:absolute;right:3px;bottom:3px;background:var(--dkc-accent);color:#111;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:15px;font-weight:900}djs-kit-colors .djs-color-label{display:block;font-size:13px;font-weight:700;line-height:1.3;margin-top:10px}djs-kit-colors .dkc-summary{font-size:14px;font-weight:700;padding-top:20px;margin:22px 0 0;border-top:1px solid #4b545c}djs-kit-colors .dkc-status{font-size:13px;color:#ced4d8;min-height:1.5em;margin:10px 0}djs-kit-colors[data-state=error] .dkc-status{color:#ffe3a2}djs-kit-colors .dkc-retry[hidden]{display:none!important}djs-kit-colors .dkc-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}djs-kit-colors .dkc-preview{margin:0;min-width:0}djs-kit-colors .dkc-frame{display:grid;place-items:center;overflow:hidden;position:relative;aspect-ratio:4/3;background:#e7e7e5;border-radius:14px}djs-kit-colors .dkc-frame.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:translateX(-100%);animation:dkc-shimmer 1.3s ease-in-out infinite}djs-kit-colors .dkc-frame canvas{display:block;width:100%;height:100%;object-fit:contain;animation:dkc-reveal .22s ease-out}djs-kit-colors figcaption{font-size:12px;color:#d5dade;line-height:1.4;margin:9px 0 0}.dkc-canvas{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.dkc-external-status{font:600 15px/1.5 Arial,sans-serif;text-align:center;padding:28px;color:#333}@keyframes dkc-shimmer{to{transform:translateX(100%)}}@keyframes dkc-reveal{from{opacity:0}to{opacity:1}}@media(max-width:749px){djs-kit-colors{padding:20px 16px}.dkc-previews{grid-template-columns:1fr!important}djs-kit-colors .dkc-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){djs-kit-colors .dkc-frame.is-loading:after{animation:none;transform:none;background:#ffffff33}djs-kit-colors .dkc-frame canvas{animation:none}}
.dkc-zoom-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.dkc-zoom-actions button{border:1px solid #ddd;background:#f1f1f1;color:#111;border-radius:999px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer}
.dkc-zoom-actions button:hover{background:#e1ff00}.df-dialog .dkc-canvas{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;margin:auto}.df-art .dkc-canvas{max-width:100%;height:auto}
[data-kit-legacy-gallery][hidden]{display:none!important}