body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#1a1a2e;justify-content:center;min-height:100vh;padding:20px}.App,.picker-card{align-items:center;display:flex}.picker-card{background-color:#16213e;border-radius:16px;box-shadow:0 8px 32px #0000004d;flex-direction:column;gap:20px;max-width:320px;padding:32px;width:100%}.title{color:#e0e0e0;font-size:1.5rem;font-weight:600;margin:0}.react-colorful{border-radius:12px!important;height:200px!important;width:100%!important}.color-preview{align-items:center;border:2px solid #ffffff1a;border-radius:10px;display:flex;height:60px;justify-content:center;transition:background-color .15s ease;width:100%}.preview-label{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;letter-spacing:1px}.color-info{display:flex;flex-direction:column;gap:12px;width:100%}.hex-input-group{align-items:center;display:flex;gap:10px}.hex-input-group label{color:#888;font-size:.85rem;font-weight:600;letter-spacing:1px;min-width:35px}.hex-input-group input{background-color:#0f0f23;border:2px solid #2a2a4a;border-radius:8px;color:#e0e0e0;flex:1 1;font-family:Courier New,monospace;font-size:1rem;outline:none;padding:8px 12px;transition:border-color .2s ease}.hex-input-group input:focus{border-color:#4169e1}.rgb-display{display:flex;gap:16px;justify-content:center}.rgb-display span{color:#888;font-family:Courier New,monospace;font-size:.85rem}.presets{width:100%}.presets-label{color:#888;font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0 0 10px}.preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr)}.preset-swatch{aspect-ratio:1;border:2px solid #ffffff1a;border-radius:50%;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease;width:100%}.preset-swatch:hover{border-color:#fff6;transform:scale(1.2)}.preset-swatch.active{border-color:#fff;transform:scale(1.15)}
/*# sourceMappingURL=main.52ed1df5.css.map*/