.lab-color-pickers{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.lab-color-input label{font-family:var(--font-cta);font-size:.72rem;letter-spacing:.1em;color:var(--lab-mute);display:block;margin-bottom:.4rem}.lab-color-input>div{display:flex;gap:.4rem;align-items:center}.lab-color-input input[type=color]{width:3rem;height:2.6rem;border:1px solid var(--lab-line);border-radius:6px;padding:0;cursor:pointer;background:transparent}.lab-color-input input[type=text]{font-family:ui-monospace,monospace;font-size:.85rem;padding:.55rem .7rem}.lab-contrast-preview{padding:1.5rem;border-radius:10px;margin:.85rem 0;border:1px solid var(--lab-line)}.lab-contrast-big{font-size:1.5rem;font-weight:700;margin-bottom:.4rem}.lab-contrast-small{font-size:1rem;line-height:1.5}.lab-contrast-ratio{text-align:center;padding:1rem;background:rgba(0,0,0,.2);border-radius:8px;margin-bottom:.85rem}.lab-contrast-num{font-family:var(--font-display-italic);font-style:italic;font-weight:800;font-size:2.4rem;color:var(--gd-nhan-chu);line-height:1}.lab-contrast-label{font-family:var(--font-cta);font-size:.74rem;letter-spacing:.1em;color:var(--lab-mute);margin-top:.3rem}.lab-wcag-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.lab-wcag-item{padding:.7rem .85rem;background:var(--lab-card);border:1px solid var(--lab-line);border-radius:8px;display:flex;flex-direction:column;gap:.18rem}.lab-wcag-item strong{font-size:.86rem;color:var(--lab-text)}.lab-wcag-item span{font-family:var(--font-cta);font-size:.7rem;color:var(--lab-mute);letter-spacing:.06em}.lab-wcag-item em{font-style:normal;font-weight:700;font-size:.82rem;margin-top:.25rem}.lab-upload-zone{display:block;border:2px dashed var(--lab-line-strong);border-radius:10px;padding:1rem;min-height:160px;cursor:pointer;transition:border-color .15s}.lab-upload-zone:hover{border-color:var(--color-accent)}.lab-upload-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:140px;color:var(--lab-mute)}.lab-upload-cta strong{color:var(--lab-text);font-size:.95rem}.lab-upload-cta span{font-size:.78rem}.lab-upload-preview{width:100%;max-height:200px;object-fit:contain;border-radius:6px}.lab-palette-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem;margin:.85rem 0 .6rem}.lab-swatch{aspect-ratio:1;border:none;cursor:pointer;border-radius:6px;position:relative;transition:transform .15s}.lab-swatch:hover{transform:scale(1.08);z-index:2}.lab-swatch span{position:absolute;bottom:-1.4rem;left:50%;transform:translateX(-50%);font-family:ui-monospace,monospace;font-size:.62rem;color:var(--lab-text);white-space:nowrap;opacity:0;transition:opacity .15s}.lab-swatch:hover span{opacity:1}.lab-palette-grid+.lab-palette-actions{margin-top:1.4rem}.lab-palette-actions{display:flex;gap:.4rem;flex-wrap:wrap}