.page_mainPage__pjC0Q{min-height:100vh;height:auto;margin:-64px 32px 32px;padding-top:64px}.page_mainPage__pjC0Q,.page_toolArea__8ZGhV{display:flex;flex-direction:column;overflow:visible}.page_toolArea__8ZGhV{flex:none;width:100%;margin:32px 0}.page_headerWrapper__b6SkO{padding:24px;background:var(--ink);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.5)}.page_controlsRow__DVAqD{display:flex;justify-content:center;align-items:center;padding:16px;background:var(--ink-2);gap:16px;z-index:10;border-bottom:1px solid var(--border-subtle)}.page_hint__tpXLl{color:var(--muted);font-family:DM Sans,sans-serif;font-size:14px}.page_genBtn__cmiMx{background:var(--amber);color:var(--ink);border:none;padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.page_genBtn__cmiMx:hover{background:#fbc76b}.page_paletteArea__Sz_lh{display:flex;flex:none;width:100%;height:min(62vh,620px);min-height:360px}.page_swatchCol__BVU5L{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:48px;transition:flex .3s cubic-bezier(.25,.8,.25,1);position:relative}.page_swatchCol__BVU5L:hover{flex:1.15}.page_swatchActions__5wNk4{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;opacity:0;transform:translateY(10px);transition:all .2s ease-out}.page_swatchCol__BVU5L:hover .page_swatchActions__5wNk4{opacity:1;transform:translateY(0)}.page_actionBtn__CM0t1{background:rgba(0,0,0,.4);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:white;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.page_actionBtn__CM0t1:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.page_infoBox__Ru2Gr{background:rgba(0,0,0,.6);padding:12px 20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.1);color:white;text-transform:uppercase;backdrop-filter:blur(8px);cursor:pointer;transition:all .2s}.page_infoBox__Ru2Gr:hover{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.3)}.page_hexValue__gWDi7{font-size:18px;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:1px}.page_rgbValue__rJ3FE{font-size:11px;font-family:var(--font-mono),monospace;opacity:.7}@media (max-width:768px){.page_mainPage__pjC0Q{margin:16px 16px 24px;padding:0;min-height:0;height:auto}.page_paletteArea__Sz_lh{flex-direction:column;height:auto;min-height:300px}.page_swatchCol__BVU5L{justify-content:center;flex-direction:row;gap:24px;padding-bottom:0;min-height:60px}.page_swatchActions__5wNk4{flex-direction:row;margin-bottom:0;opacity:1;transform:none}.page_infoBox__Ru2Gr{padding:8px 16px}}