.index-module-scss-module__cwWJCa__main{flex-direction:column;gap:2.4rem;width:100%;display:flex}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__picker{align-items:stretch;gap:1.6rem;display:flex}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__picker input[type=color]{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex:none;width:7rem;height:7rem;padding:0}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__picker .index-module-scss-module__cwWJCa__swatch{min-width:0;font-family:var(--font-mono);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__samples{flex-wrap:wrap;gap:.8rem;display:flex}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__samples button{font-family:var(--font-mono);color:var(--subtle);background:var(--container-background);border:1px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;padding:.6rem 1.2rem;font-size:1.6rem;transition:all .15s}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__samples button:hover{color:var(--primary-color);border-color:var(--primary-color)}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__error{color:var(--cancel-color);border:1px solid var(--cancel-color);border-radius:var(--radius-lg);padding:1.2rem 1.6rem;font-size:1.6rem;line-height:1.5}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__notice{color:var(--placeholder-color);font-size:1.6rem;line-height:1.6}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__codes{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--container-background);flex-direction:column;gap:.4rem;padding:1.2rem 1.6rem;display:flex}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__codes li{justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__codes li>span{width:6rem;color:var(--subtle);flex:none;font-size:1.6rem}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__codes li button{min-width:0;font-family:var(--font-mono);text-align:right;color:var(--text-color);border-radius:var(--radius-sm);word-break:break-all;cursor:pointer;border:1px solid #0000;flex:1;padding:.6rem 1rem;font-size:1.7rem;transition:all .15s}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__codes li button:hover{color:var(--primary-color);border-color:var(--border-color);background:var(--card-background)}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__field{flex-direction:column;gap:.8rem;display:flex}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__label{color:var(--subtle);font-size:1.6rem;font-weight:600}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__shades{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.6rem;display:grid}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__shade{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:flex-end;height:6rem;padding-bottom:.6rem;transition:transform .15s;display:flex}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__shade span{font-family:var(--font-mono);font-size:1.6rem;font-weight:600}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__shade:hover{transform:translateY(-2px)}.index-module-scss-module__cwWJCa__main .index-module-scss-module__cwWJCa__lines{flex-direction:column;gap:1.6rem;min-width:0;display:flex}