.Application_pageContainer__XYePn{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-primary)}.Application_container__j2Zv0{display:flex;flex-direction:column;height:80vh;min-height:600px;position:relative}.Application_toolbar__M_Z59{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.Application_hint__x4UiQ{color:var(--color-text-secondary);font-size:.875rem}.Application_generateBtn__w_HYK{background:var(--color-accent-500);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.Application_generateBtn__w_HYK:hover{background:var(--color-accent-600);transform:translateY(-1px)}.Application_paletteContainer__D_QVt{flex:1;display:flex;width:100%}@media(max-width:768px){.Application_paletteContainer__D_QVt{flex-direction:column;height:auto;min-height:600px}}.Application_colorColumn___YmCa{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform .2s ease,z-index 0s;padding:2rem;cursor:pointer;border:4px solid rgba(0,0,0,0)}.Application_colorColumn___YmCa:hover{z-index:10}.Application_colorColumn___YmCa:hover .Application_actions__IPDi5{opacity:1}.Application_colorColumn___YmCa.Application_selected__hLuYQ{z-index:5;box-shadow:inset 0 0 0 4px hsla(0,0%,100%,.4),inset 0 0 0 8px rgba(0,0,0,.1)}.Application_actions__IPDi5{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;opacity:0;transition:opacity .2s ease;margin-bottom:4rem}@media(max-width:768px){.Application_actions__IPDi5{opacity:1;position:relative;top:auto;transform:none;flex-direction:row;margin-bottom:1rem}}.Application_actionBtn__EcKmQ{background:rgba(0,0,0,0);border:2px solid;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .2s ease;opacity:.5}.Application_actionBtn__EcKmQ:hover{opacity:1;transform:scale(1.1)}.Application_actionBtn__EcKmQ.Application_locked__lFY5t{opacity:1;background:hsla(0,0%,100%,.2)}.Application_info__8hErS{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:absolute;bottom:15%}@media(max-width:768px){.Application_info__8hErS{position:relative;bottom:auto}}.Application_hexWrapper__eh92I{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.Application_hexWrapper__eh92I:hover{transform:scale(1.1)}.Application_hexCode__FAhm2{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase}.Application_copyFeedback__TJ_B7{font-size:.8rem;font-weight:600;margin-top:5px;opacity:.8;animation:Application_fadeIn__RRjh5 .3s ease}.Application_relatedSection__DJoxk{padding:3rem 2rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.Application_sectionTitle___JXp1{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--color-text-primary)}.Application_sectionTitle___JXp1 span{font-family:Courier New,monospace}.Application_relatedGrid__Q7JzU{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.Application_relatedCard__wiNf6{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.Application_relatedCard__wiNf6 h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.Application_miniPalette__fK22n{display:flex;height:80px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.Application_miniPalette__fK22n:hover{box-shadow:var(--shadow-md)}.Application_miniBlock__qcfwP{flex:1;height:100%;transition:transform .2s ease}.Application_miniBlock__qcfwP:hover{transform:scaleY(1.1)}@keyframes Application_fadeIn__RRjh5{0%{opacity:0;transform:translateY(5px)}to{opacity:.8;transform:translateY(0)}}