.color-opacity-entry[data-astro-cid-k773zrd4]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.color-opacity-entry[data-astro-cid-k773zrd4] input[data-astro-cid-k773zrd4]{flex:1;width:130px;min-width:0}.color-opacity-entry[data-astro-cid-k773zrd4] button[data-astro-cid-k773zrd4]{flex-shrink:0}#color-opacity-error[data-astro-cid-k773zrd4]:empty{display:none}.color-workspace[data-astro-cid-k773zrd4]{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:clamp(16px,3vw,28px)}#color-input[data-astro-cid-k773zrd4]{font-family:ui-monospace,monospace}.color-layout[data-astro-cid-k773zrd4]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;margin-top:20px;display:grid}.color-layout[data-astro-cid-k773zrd4]>section[data-astro-cid-k773zrd4]{min-width:0}.color-picker-row[data-astro-cid-k773zrd4]{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-picker-row[data-astro-cid-k773zrd4] label[data-astro-cid-k773zrd4]{margin:0}#color-picker[data-astro-cid-k773zrd4]{width:80px;height:50px;padding:4px}#color-opacity[data-astro-cid-k773zrd4]{accent-color:var(--blue);padding:0}#color-opacity-value[data-astro-cid-k773zrd4]{float:right;font-weight:400}.color-preview[data-astro-cid-k773zrd4]{border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.color-preview[data-astro-cid-k773zrd4]>div[data-astro-cid-k773zrd4]{position:absolute;inset:0}.color-checker[data-astro-cid-k773zrd4]{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;height:170px}.color-backgrounds[data-astro-cid-k773zrd4]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.color-backgrounds[data-astro-cid-k773zrd4] p[data-astro-cid-k773zrd4]{margin-bottom:6px}.color-backgrounds[data-astro-cid-k773zrd4] .color-preview[data-astro-cid-k773zrd4]{height:65px}.color-on-white[data-astro-cid-k773zrd4]{background:#fff}.color-on-black[data-astro-cid-k773zrd4]{background:#000}.color-values[data-astro-cid-k773zrd4]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.color-values[data-astro-cid-k773zrd4]>div[data-astro-cid-k773zrd4]{min-width:0}.color-values[data-astro-cid-k773zrd4] label[data-astro-cid-k773zrd4]{margin-top:0}.color-values[data-astro-cid-k773zrd4] textarea[data-astro-cid-k773zrd4]{resize:vertical;overflow-wrap:anywhere;height:46px;min-height:46px;font:13px ui-monospace,monospace}.color-values[data-astro-cid-k773zrd4] button[data-astro-cid-k773zrd4]{margin-top:7px}#color-result-heading[data-astro-cid-k773zrd4]{margin-top:0}details[data-astro-cid-k773zrd4]{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}summary[data-astro-cid-k773zrd4]{cursor:pointer;touch-action:manipulation;min-height:30px}#color-names[data-astro-cid-k773zrd4]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}#color-names[data-astro-cid-k773zrd4] button{text-align:left;overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}#color-names[data-astro-cid-k773zrd4] span:first-child{border:1px solid var(--line);border-radius:5px;width:24px;min-width:24px;height:24px;display:block}#color-more[data-astro-cid-k773zrd4]{margin-top:12px}#color-error[data-astro-cid-k773zrd4]:empty,#color-copy-status[data-astro-cid-k773zrd4]:empty{display:none}@media (width<=800px){.color-layout[data-astro-cid-k773zrd4]{grid-template-columns:1fr}.color-checker[data-astro-cid-k773zrd4]{height:120px}}@media (width<=500px){.color-values[data-astro-cid-k773zrd4],#color-names[data-astro-cid-k773zrd4]{grid-template-columns:1fr}.color-workspace[data-astro-cid-k773zrd4]{padding:14px}}