.Header_header__D4RXM{position:fixed;top:0;left:0;width:100%;z-index:var(--z-index-fixed);background:hsla(0,0%,100%,.6);backdrop-filter:blur(var(--spacing-6));-webkit-backdrop-filter:blur(var(--spacing-4));border-bottom:2px solid hsla(0,0%,100%,.28);transition:transform var(--transition-normal),opacity var(--transition-normal)}.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:var(--spacing-4) var(--spacing-6)}.Header_logo__UGbyD{width:var(--spacing-8);height:var(--spacing-8)}.Header_nav__EgB8P{display:flex;gap:var(--spacing-8);align-items:center}.Header_navLink__It3N6{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.Header_navLink__It3N6:hover{color:var(--color-accent)}.SocialIconButton_iconButton__3T6k7{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-full);transition:background-color var(--transition-fast);color:var(--color-text-primary)}.SocialIconButton_iconButton__3T6k7:hover{background-color:rgba(232,104,58,.08)}.SocialIconButton_tooltip__WmQxP{position:absolute;bottom:110%;background-color:var(--color-text-primary);color:var(--color-white);padding:var(--spacing-2) var(--spacing-2-5);font-size:var(--font-size-xs);border-radius:var(--border-radius-lg);opacity:0;white-space:nowrap;transition:opacity var(--transition-fast);pointer-events:none;transform:translateY(var(--spacing-1))}.SocialIconButton_iconButton__3T6k7:hover .SocialIconButton_tooltip__WmQxP{opacity:1;transform:translateY(0)}.Footer_footer__nKPS_{border-top:1px solid var(--color-border-muted);background-color:var(--color-white);margin-top:var(--spacing-20)}.Footer_container__bwQe4{max-width:1200px;margin:0 auto;padding:var(--spacing-12) var(--spacing-4)}.Footer_topSection__LHkht{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}.Footer_left__ylcJ7{display:flex;flex-direction:column;gap:var(--spacing-4)}.Footer_logo__gSQ5t{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:var(--border-radius-lg)}.Footer_tagline__i6_0c p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.Footer_links__9ILt3,.Footer_social__lEvn_{display:flex;flex-direction:column;gap:var(--spacing-4)}.Footer_linksTitle__pjYdw{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.Footer_linksList__02Q7o{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.Footer_linksList__02Q7o li a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);display:inline-block;position:relative}.Footer_linksList__02Q7o li a:hover{color:var(--color-accent)}.Footer_linksList__02Q7o li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width var(--transition-fast)}.Footer_linksList__02Q7o li a:hover:after{width:100%}.Footer_socialButtons__Ldlku{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.Footer_bottomSection__ZoCjx{padding-top:var(--spacing-6);border-top:1px solid var(--color-border-muted);text-align:center}.Footer_copyright__Zh_DC{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}@media (max-width:768px){.Footer_topSection__LHkht{grid-template-columns:1fr;gap:var(--spacing-6)}.Footer_left__ylcJ7{flex-direction:row;align-items:center}.Footer_tagline__i6_0c{flex:1}.Footer_container__bwQe4{padding:var(--spacing-8) var(--spacing-4)}}.BackButton_backButton__hv6w8{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-background-card);color:var(--color-text-primary);border-radius:var(--border-radius-full);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-normal),box-shadow var(--transition-normal);box-shadow:var(--shadow-sm);position:fixed;top:108px;left:var(--spacing-4);z-index:calc(var(--z-index-sticky) - 10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.BackButton_backButton__hv6w8:hover{background-color:var(--color-accent-dim);box-shadow:var(--shadow-md)}.BackButton_backButton__hv6w8 svg{width:20px;height:20px;stroke:currentColor}@media (max-width:768px){.BackButton_backButton__hv6w8{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);top:var(--spacing-20);left:var(--spacing-3)}.BackButton_backButton__hv6w8 svg{width:18px;height:18px}}@media (max-width:480px){.BackButton_backButton__hv6w8{padding:var(--spacing-1) var(--spacing-2);gap:var(--spacing-1)}.BackButton_backButton__hv6w8 span{display:none}.BackButton_backButton__hv6w8 svg{width:20px;height:20px}}.FadeInGroup_wrapper__C3CK4{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.FadeInGroup_visible__wJJ0Z{opacity:1;transform:translateY(0)}@keyframes TintsAndShadesPage_swatchIn__40eSN{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes TintsAndShadesPage_swatchOut__SL21I{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.92)}}@keyframes TintsAndShadesPage_fadeUp__RMceI{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes TintsAndShadesPage_glowPulse__2od2H{0%,to{opacity:.25;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.06)}}.TintsAndShadesPage_wrapper__HPdRr{display:flex;flex-direction:column;min-height:100vh}.TintsAndShadesPage_main_section__0hLTW{flex:1;width:100%;padding:var(--spacing-16) var(--spacing-4) var(--spacing-12);box-sizing:border-box}.TintsAndShadesPage_content_section__FWjJ0{display:flex;flex-direction:column;gap:var(--spacing-10);width:100%;max-width:56rem;margin:0 auto;box-sizing:border-box}.TintsAndShadesPage_hero__2yQ4v{position:relative;text-align:center;padding:var(--spacing-12) var(--spacing-4) var(--spacing-6);overflow:hidden;animation:TintsAndShadesPage_fadeUp__RMceI .7s cubic-bezier(.16,1,.3,1) both}.TintsAndShadesPage_heroGlow__PNLJA{position:absolute;top:-120px;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;animation:TintsAndShadesPage_glowPulse__2od2H 7s ease-in-out infinite;transition:background var(--transition-slow)}.TintsAndShadesPage_badge__BtNuB{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;background:var(--color-gray-light);padding:5px 14px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-5);font-family:var(--font-family-body)}.TintsAndShadesPage_badgeDot__G6h8k{width:6px;height:6px;border-radius:50%;background:#7bb369}.TintsAndShadesPage_title__vEget{position:relative;z-index:1;font-family:var(--font-family-heading);font-size:clamp(2.5rem,6vw,var(--font-size-5xl));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin:0 0 var(--spacing-3)}.TintsAndShadesPage_titleAccent__ZCB0L{font-style:italic;transition:color var(--transition-normal)}.TintsAndShadesPage_subtitle___8RQn{position:relative;z-index:1;font-size:var(--font-size-base);font-family:var(--font-family-body);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);max-width:26rem;margin:0 auto;line-height:var(--line-height-normal)}.TintsAndShadesPage_controls__34WlM{animation:TintsAndShadesPage_fadeUp__RMceI .7s cubic-bezier(.16,1,.3,1) .1s both}.TintsAndShadesPage_inputRow__VE8qG{display:flex;gap:var(--spacing-3);align-items:stretch}.TintsAndShadesPage_colorInputWrap__uVj8u{flex:1;display:flex;align-items:center;background:var(--color-white);border:1.5px solid var(--color-border-muted);border-radius:var(--border-radius-xl);padding:var(--spacing-2) var(--spacing-1) var(--spacing-2) var(--spacing-3);gap:var(--spacing-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.TintsAndShadesPage_colorInputWrap__uVj8u:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-cursor-clickable)}.TintsAndShadesPage_colorPreviewBtn__aNPIS{width:36px;height:36px;border-radius:var(--border-radius-lg);border:2px solid rgba(0,0,0,.06);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;position:relative;overflow:hidden;padding:0}.TintsAndShadesPage_colorPreviewBtn__aNPIS:hover{transform:scale(1.08);box-shadow:var(--shadow-md)}.TintsAndShadesPage_hiddenPicker___PaEF{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0}.TintsAndShadesPage_hexInput__UvkxP{flex:1;border:none;outline:none;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:transparent;letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3) 0}.TintsAndShadesPage_hexInput__UvkxP::-moz-placeholder{color:var(--color-text-muted)}.TintsAndShadesPage_hexInput__UvkxP::placeholder{color:var(--color-text-muted)}.TintsAndShadesPage_stepPills__3xGfP{display:flex;gap:3px;background:var(--color-white);border:1.5px solid var(--color-border-muted);border-radius:var(--border-radius-xl);padding:3px}.TintsAndShadesPage_pill__bPtsR{border-radius:var(--border-radius-lg);border:none;cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;transition:all var(--transition-fast);height:3.25rem;width:3.25rem}.TintsAndShadesPage_pill__bPtsR:hover{color:var(--color-text-secondary);background:var(--color-gray-light)}.TintsAndShadesPage_pillActive__3RUbi,.TintsAndShadesPage_pillActive__3RUbi:hover{background:var(--color-text-primary);color:var(--color-white)}.TintsAndShadesPage_paletteSection__oi_mb{display:flex;flex-direction:column;gap:var(--spacing-3);animation:TintsAndShadesPage_fadeUp__RMceI .7s cubic-bezier(.16,1,.3,1) .2s both}.TintsAndShadesPage_sectionLabel__w5l7b{font-size:.6875rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);color:var(--color-text-muted);font-family:var(--font-family-body)}.TintsAndShadesPage_swatchGrid__fNcSa{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-2)}.TintsAndShadesPage_swatch__aNxMK{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-3) var(--spacing-3);min-height:80px;border-radius:var(--border-radius-xl);border:none;cursor:pointer;text-align:left;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);animation:TintsAndShadesPage_swatchIn__40eSN .45s cubic-bezier(.16,1,.3,1) both;animation-delay:inherit;overflow:hidden}.TintsAndShadesPage_swatch__aNxMK:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg);z-index:2}.TintsAndShadesPage_swatch__aNxMK:active{transform:translateY(-1px) scale(.99)}.TintsAndShadesPage_swatchExit__UTUhE{animation:TintsAndShadesPage_swatchOut__SL21I .28s cubic-bezier(.55,0,1,.45) forwards;animation-delay:var(--exit-delay,0s);pointer-events:none}.TintsAndShadesPage_swatchGridExiting__Hol2Y{pointer-events:none}.TintsAndShadesPage_swatchPercent__oKCHo{font-family:var(--font-family-mono);font-size:.65rem;font-weight:var(--font-weight-normal);color:var(--contrast);opacity:.5;margin-bottom:2px}.TintsAndShadesPage_swatchHex__q7pGN{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--contrast);letter-spacing:var(--letter-spacing-wide)}.TintsAndShadesPage_swatchCopyHint__ek6O8{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--transition-fast);background:var(--contrast);color:var(--swatch-bg);border-radius:var(--border-radius-lg);padding:5px 8px;display:flex;align-items:center;justify-content:center}.TintsAndShadesPage_swatch__aNxMK:hover .TintsAndShadesPage_swatchCopyHint__ek6O8{opacity:1}.TintsAndShadesPage_baseRow__cXyfB{max-width:200px}.TintsAndShadesPage_swatchBase__Vf0sP{min-height:100px}.TintsAndShadesPage_swatchBaseBadge__zEAtY{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:var(--contrast);color:var(--swatch-bg);font-size:.5625rem;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;padding:2px 7px;border-radius:var(--border-radius-md);font-family:var(--font-family-mono)}.TintsAndShadesPage_exportBar__fsgSl{display:flex;gap:var(--spacing-2);flex-wrap:wrap;animation:TintsAndShadesPage_fadeUp__RMceI .7s cubic-bezier(.16,1,.3,1) .35s both;padding-bottom:var(--spacing-4)}.TintsAndShadesPage_exportBtn__Twtmc{display:inline-flex;align-items:center;gap:6px;background:var(--color-white);border:1.5px solid var(--color-border-muted);border-radius:var(--border-radius-lg);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-body)}.TintsAndShadesPage_exportBtn__Twtmc:hover{border-color:var(--color-text-muted);color:var(--color-text-primary);background:var(--color-gray-light)}.TintsAndShadesPage_toast__mKIEZ{position:fixed;bottom:var(--spacing-8);left:50%;transform:translate(-50%,16px);opacity:0;background:hsla(0,0%,6%,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-white);padding:var(--spacing-2-5) var(--spacing-5);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-2-5);z-index:var(--z-index-tooltip);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;box-shadow:var(--shadow-xl)}.TintsAndShadesPage_toastVisible__6P_5u{opacity:1;transform:translate(-50%)}.TintsAndShadesPage_toastSwatch__t9yzu{width:14px;height:14px;border-radius:var(--border-radius);border:1px solid hsla(0,0%,100%,.15);flex-shrink:0}@media (max-width:768px){.TintsAndShadesPage_main_section__0hLTW{padding:var(--spacing-12) var(--spacing-4) var(--spacing-8)}.TintsAndShadesPage_hero__2yQ4v{padding:var(--spacing-8) var(--spacing-2) var(--spacing-4)}.TintsAndShadesPage_heroGlow__PNLJA{width:280px;height:280px;top:-80px}.TintsAndShadesPage_inputRow__VE8qG{flex-direction:column}.TintsAndShadesPage_stepPills__3xGfP{justify-content:center}.TintsAndShadesPage_swatchGrid__fNcSa{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.TintsAndShadesPage_swatch__aNxMK{min-height:68px;padding:var(--spacing-2)}.TintsAndShadesPage_swatchBase__Vf0sP{min-height:80px}.TintsAndShadesPage_exportBar__fsgSl{gap:6px}}@media (max-width:480px){.TintsAndShadesPage_swatchGrid__fNcSa{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}