.app{background-color:#fff;color:#000;font-family:Courier,monospace;padding:2rem;text-align:center}.title{font-size:2rem;margin-bottom:2rem;text-transform:uppercase}.palette-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,1fr)}.color-box{border:2px solid #000;color:#000;padding:3rem 1rem;transition:background-color .1s ease;-webkit-user-select:none;user-select:none}.palette-container{display:flex;flex-direction:column;font-family:Courier New,monospace;gap:20px;margin:0 auto;max-width:400px}.palette-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:15px}.color-box{align-items:center;aspect-ratio:1/1;border:3px solid #000;color:#ffffffd9;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;padding:10px;text-align:center;text-shadow:1px 1px 2px #000000b3;transition:transform .2s ease}.color-box:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.save-button{background-color:#000;border:3px solid #000;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:2px;margin:10px 0;padding:10px 15px;text-transform:uppercase;transition:all .2s ease;width:100%}.save-button:hover{background-color:#fff;color:#000}.saved-palettes-section{border-top:3px solid #000;margin-top:30px;padding-top:20px}.saved-palettes-section h2{font-family:Courier New,monospace;font-size:20px;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.saved-palettes{display:flex;flex-direction:column;gap:15px}.saved-palette{align-items:center;background-color:#f3f3f3;border:2px solid #000;display:flex;gap:15px;padding:10px}.mini-palette{display:flex;flex:1 1;height:40px}.mini-color{border:1px solid #000;flex:1 1}.remove-palette{background-color:#f33;border:2px solid #000;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-weight:700;padding:5px 10px;text-transform:uppercase;transition:all .2s ease}.remove-palette:hover{background-color:red}
/*# sourceMappingURL=main.eb896d02.css.map*/