.color-intake{display:grid;gap:var(--space-4);width:100%;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--bg-white);box-shadow:var(--shadow-xs)}.color-intake--compact{padding:var(--space-4);border-radius:var(--radius-xl)}.color-intake__header{display:grid;gap:var(--space-2)}.color-intake__eyebrow{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent)}.color-intake__title{font-family:var(--font-heading);font-size:var(--section-title-size-compact);font-weight:var(--font-semibold);line-height:1.08;color:var(--text-primary)}.color-intake__description{max-width:46rem;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.color-intake__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.color-intake__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.color-intake__input{min-width:0;width:100%;min-height:50px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-light);color:var(--text-primary);font-size:var(--text-base)}.color-intake__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.color-intake__submit,.color-intake__shortcut{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);cursor:pointer;font-weight:var(--font-semibold)}.color-intake__submit{min-height:50px;padding-inline:var(--space-5);border-color:var(--color-primary);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--text-white);font-size:var(--text-sm)}.color-intake__shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.color-intake__shortcut{min-width:0;max-width:100%;padding:8px 12px;border-radius:var(--radius-full);background:var(--bg-light);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.2;text-align:center;overflow-wrap:anywhere}.color-intake__shortcut:hover,.color-intake__shortcut:focus-visible{border-color:var(--color-accent);color:var(--color-accent);outline:none}.color-intake__panel{display:grid}.color-intake__empty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.color-intake__empty[hidden],.color-intake__result[hidden]{display:none}.color-intake__example,.color-intake__detected,.color-intake__action{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-surface)}.color-intake__example{display:grid;gap:var(--space-1);padding:var(--space-3)}.color-intake__example span,.color-intake__detected span{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.color-intake__example strong,.color-intake__detected strong{color:var(--text-primary);font-size:var(--text-base)}.color-intake__example p,.color-intake__detected p,.color-intake__action-text{font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-secondary)}.color-intake__result{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-3);align-items:stretch}.color-intake__detected{display:grid;gap:var(--space-2);padding:var(--space-4)}.color-intake__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.color-intake__action{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-decoration:none}.color-intake__action:hover,.color-intake__action:focus-visible{border-color:var(--color-accent);outline:none}.color-intake__action--primary{border-color:var(--color-primary-light);background:var(--color-accent-light)}.color-intake__action-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-bold)}@media(max-width:900px){.color-intake__empty,.color-intake__result,.color-intake__actions{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.color-intake{padding:var(--space-4)}.color-intake__form{grid-template-columns:minmax(0,1fr)}.color-intake__submit{width:100%}}