.color-tool[data-astro-cid-ujudcfqb]{max-width:760px;padding:16px;border:1px solid #ded8ce;border-radius:16px;background:#fff}.setup[data-astro-cid-ujudcfqb]{display:grid;gap:6px}.setup[data-astro-cid-ujudcfqb] label[data-astro-cid-ujudcfqb]{color:#373128;font-size:14px;font-weight:700}.setup-row[data-astro-cid-ujudcfqb]{display:grid;grid-template-columns:minmax(90px,140px) minmax(210px,1fr);gap:10px}.setup-row[data-astro-cid-ujudcfqb] input[data-astro-cid-ujudcfqb]{box-sizing:border-box;width:100%;min-height:46px;padding:9px 11px;border:1px solid #bbb5aa;border-radius:9px;font:inherit}.setup-row[data-astro-cid-ujudcfqb] input[data-astro-cid-ujudcfqb][aria-invalid=true]{border-color:#9c382f}.primary[data-astro-cid-ujudcfqb]{min-height:46px;padding:9px 16px;border:1px solid #315d40;border-radius:9px;background:#386b49;color:#fff;font-size:16px;font-weight:700}.limits[data-astro-cid-ujudcfqb],.privacy-note[data-astro-cid-ujudcfqb]{margin:7px 0 0;color:#665f54;font-size:12px;line-height:1.4}.error[data-astro-cid-ujudcfqb]{min-height:18px;margin:5px 0 0;color:#9c382f;font-size:13px}.result[data-astro-cid-ujudcfqb]{margin-top:6px}.result[data-astro-cid-ujudcfqb][hidden],.copy-fallback[data-astro-cid-ujudcfqb][hidden],.clear-fresh[data-astro-cid-ujudcfqb][hidden]{display:none!important}.result-head[data-astro-cid-ujudcfqb]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.result[data-astro-cid-ujudcfqb] h2[data-astro-cid-ujudcfqb]{margin:0;outline:none;font-size:19px}.result-actions[data-astro-cid-ujudcfqb],.row-actions[data-astro-cid-ujudcfqb]{display:flex;gap:7px;flex-wrap:wrap}.result[data-astro-cid-ujudcfqb] button[data-astro-cid-ujudcfqb],.clear-fresh[data-astro-cid-ujudcfqb]{min-height:38px;padding:7px 10px;border:1px solid #bbb5aa;border-radius:8px;background:#fff;color:#373128;font-weight:650}.color-list[data-astro-cid-ujudcfqb]{display:grid;gap:9px;margin:9px 0 0;padding:0;list-style:none}.color-row[data-astro-cid-ujudcfqb]{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #ded8ce;border-radius:11px}.swatch[data-astro-cid-ujudcfqb]{display:block;width:70px;height:70px;border:1px solid #938c82;border-radius:8px}.color-values[data-astro-cid-ujudcfqb]{display:grid;min-width:0;gap:4px}.value-row[data-astro-cid-ujudcfqb]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.value-row[data-astro-cid-ujudcfqb] code[data-astro-cid-ujudcfqb]{overflow-wrap:anywhere}.value-row[data-astro-cid-ujudcfqb] button[data-astro-cid-ujudcfqb]{min-width:82px}.row-actions[data-astro-cid-ujudcfqb]{justify-content:flex-end}.status[data-astro-cid-ujudcfqb]{min-height:19px;margin:7px 0 0;color:#5f584e;font-size:13px}.copy-fallback[data-astro-cid-ujudcfqb]{margin-top:7px}.copy-fallback[data-astro-cid-ujudcfqb] label[data-astro-cid-ujudcfqb]{display:block;color:#9c382f;font-size:13px}.copy-fallback[data-astro-cid-ujudcfqb] textarea[data-astro-cid-ujudcfqb]{box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #bbb5aa;border-radius:8px;font:13px/1.4 ui-monospace,monospace}.clear-fresh[data-astro-cid-ujudcfqb]{margin-top:2px}.privacy-note[data-astro-cid-ujudcfqb]{margin-top:7px}@media(max-width:600px){.color-tool[data-astro-cid-ujudcfqb]{padding:11px;border-radius:13px}.setup[data-astro-cid-ujudcfqb]{gap:3px}.setup-row[data-astro-cid-ujudcfqb]{grid-template-columns:92px minmax(0,1fr);gap:7px}.setup-row[data-astro-cid-ujudcfqb] input[data-astro-cid-ujudcfqb],.primary[data-astro-cid-ujudcfqb]{min-height:42px;padding:7px 9px}.limits[data-astro-cid-ujudcfqb],.privacy-note[data-astro-cid-ujudcfqb]{margin-top:4px}.error[data-astro-cid-ujudcfqb]{margin-top:2px}.color-row[data-astro-cid-ujudcfqb]{grid-template-columns:54px minmax(0,1fr);gap:7px;padding:7px}.swatch[data-astro-cid-ujudcfqb]{width:54px;height:54px}.row-actions[data-astro-cid-ujudcfqb]{grid-column:1/-1}.value-row[data-astro-cid-ujudcfqb]{align-items:flex-start}.value-row[data-astro-cid-ujudcfqb] button[data-astro-cid-ujudcfqb]{min-width:78px}.result[data-astro-cid-ujudcfqb] button[data-astro-cid-ujudcfqb]{min-height:40px}}@media(max-width:600px){body:has([data-tool-id=random-color-generator]) .section--tool-page .breadcrumbs{display:none}body:has([data-tool-id=random-color-generator]) .section--tool-page{padding-top:7px}body:has([data-tool-id=random-color-generator]) .section--tool-page h1{margin-bottom:3px;font-size:23px}body:has([data-tool-id=random-color-generator]) .section--tool-page .lead{margin-bottom:6px;font-size:13px;line-height:1.35}}