.IconButton_button__Ve1tI{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background-color:#1d1d1f;color:#fff;border-radius:4rem;transition:background-color .2s ease;text-decoration:none}.IconButton_button__Ve1tI:hover{background-color:#444447}.Header_header__D4RXM{position:fixed;top:0;left:0;width:100%;z-index:50;background:hsla(0,0%,100%,.6);border-radius:16px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(16px);border-bottom:2px solid hsla(0,0%,100%,.28);transition:transform .3s ease,opacity .3s ease}.Header_visible__8GpAk{transform:translateY(0);opacity:1}.Header_hidden__Ga4aF{transform:translateY(-100%);opacity:0}.Header_inner__YAoGA{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.Header_logo__UGbyD{width:2rem;height:2rem}.TintsAndShadesPage_wrapper__HPdRr{display:flex;flex-direction:column;min-height:100vh}.TintsAndShadesPage_container__vlr7g{flex:1;width:100%;padding:3rem 1rem;box-sizing:border-box;max-width:1200px;margin:0 auto}.TintsAndShadesPage_header__tfSBR{text-align:center;margin-bottom:3rem}.TintsAndShadesPage_title__vEget{font-size:1.75rem;font-weight:600;color:#1d1d1f;margin:0 0 .5rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.TintsAndShadesPage_subtitle___8RQn{font-size:1rem;color:#7c7c83;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.TintsAndShadesPage_toolContainer__b6SW8{display:flex;flex-direction:column;gap:3rem}.TintsAndShadesPage_controls__34WlM{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;background:#f5f5f7;border-radius:16px}.TintsAndShadesPage_colorInputGroup__ssHH3{display:flex;flex-direction:column;gap:.75rem}.TintsAndShadesPage_label__LJ7Rp{font-size:.9rem;font-weight:600;color:#1d1d1f;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.TintsAndShadesPage_inputWrapper__CJrIJ{display:flex;gap:.5rem}.TintsAndShadesPage_colorInput__4JTNP{width:70px;height:44px;border:1px solid #d1d1d6;border-radius:8px;cursor:pointer}.TintsAndShadesPage_textInput__S_rDr{flex:1;padding:.5rem 1rem;border:1px solid #d1d1d6;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;color:#1d1d1f}.TintsAndShadesPage_textInput__S_rDr:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.TintsAndShadesPage_stepsGroup__pfIGf{display:flex;flex-direction:column;gap:.75rem}.TintsAndShadesPage_stepButtons__EImeN{display:flex;gap:.5rem}.TintsAndShadesPage_stepButton__2umpO{flex:1;padding:.5rem 1rem;border:1px solid #d1d1d6;border-radius:8px;background:#fff;color:#1d1d1f;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.TintsAndShadesPage_stepButton__2umpO:hover{border-color:#667eea;background:#f9f9fb}.TintsAndShadesPage_stepButton__2umpO.TintsAndShadesPage_active__qT2Ew{background:#667eea;color:#fff;border-color:#667eea}.TintsAndShadesPage_palettesWrapper__3bRyV{display:flex;flex-direction:column;gap:2rem}.TintsAndShadesPage_paletteContentWrapper__q8qbN{display:flex;flex-direction:column;gap:2rem;align-items:center}.TintsAndShadesPage_leftSide__ntISE,.TintsAndShadesPage_rightSide__OfaYQ{display:flex;flex-direction:column;gap:2rem;width:100%}.TintsAndShadesPage_paletteSection__oi_mb{display:flex;flex-direction:column;gap:1rem}.TintsAndShadesPage_sectionTitle__rgDMg{font-size:1.125rem;font-weight:600;color:#1d1d1f;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.TintsAndShadesPage_colorGrid__95HVf{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem}.TintsAndShadesPage_colorItem__KZo4m{display:flex;flex-direction:column;gap:.5rem;align-items:center}.TintsAndShadesPage_colorBox___g8kb{position:relative;width:100px;height:80px;border:none;border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;align-items:center;justify-content:center}.TintsAndShadesPage_colorBox___g8kb:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.TintsAndShadesPage_colorLabel__1btKp{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.TintsAndShadesPage_colorHex__Ku5bD{font-size:.75rem;font-weight:600;font-family:Courier New,monospace}.TintsAndShadesPage_colorPercent__gZ_X9{font-size:.7rem;opacity:.9}.TintsAndShadesPage_copiedBadge__z_MPo{font-size:.65rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:4px;background:rgba(0,0,0,.8);padding:.25rem .4rem}.TintsAndShadesPage_baseColorSection__cFKsk{display:none}.TintsAndShadesPage_baseColorContainer__aMIkv{display:flex;flex-direction:column;gap:.5rem;align-items:center}.TintsAndShadesPage_baseColorBox__N8_Lx{width:100px;height:80px;border-radius:8px;border:2px solid #d1d1d6;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease}.TintsAndShadesPage_baseColorBox__N8_Lx:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.TintsAndShadesPage_baseColorInfo__ikJL9{display:none}.TintsAndShadesPage_baseColorLabel__wLBRp{font-size:.7rem;opacity:.9;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.TintsAndShadesPage_baseColorHex__fk7gp{font-size:.75rem;font-weight:600;font-family:Courier New,monospace}@media (max-width:768px){.TintsAndShadesPage_container__vlr7g{padding:2rem 1rem}.TintsAndShadesPage_controls__34WlM{grid-template-columns:1fr;gap:1.5rem}.TintsAndShadesPage_title__vEget{font-size:1.5rem}.TintsAndShadesPage_paletteContentWrapper__q8qbN{flex-direction:column;gap:2rem}.TintsAndShadesPage_leftSide__ntISE,.TintsAndShadesPage_rightSide__OfaYQ{width:100%;max-width:100%}.TintsAndShadesPage_colorGrid__95HVf{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem}}