.color-card{padding:20px;border-radius:8px;transition:transform .2s ease;box-shadow:0 2px 4px #0000001a}.color-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.color-card-headline{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.hex-color{padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.9em;letter-spacing:1px}.copy-button-wrapper button{background:#fff3;border:none;padding:6px 12px;border-radius:4px;font-size:.9em;transition:all .2s ease}.copy-button-wrapper button:hover{background:#ffffff4d}.color-card h4{margin:10px 0;font-size:1.1em;opacity:.9}.contrast-yup,.contrast-kinda,.contrast-nope{padding:4px 8px;border-radius:4px;font-weight:500;margin:5px 0;display:inline-block}.contrast-yup{background-color:#48bb78;color:#fff}.contrast-kinda{background-color:#ed8936;color:#fff}.contrast-nope{background-color:#f56565;color:#fff}.color-delete-section{margin-top:15px;display:flex;gap:10px;flex-wrap:wrap}.color-delete-section button{background:#fff3;border:none;padding:6px 12px;border-radius:4px;font-size:.9em}.color-card-hightlight{font-weight:700;color:#f56565}.color-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;width:100%}.color-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.color-form label{display:block;color:#4a5568;font-weight:500}.color-form input[type=text]{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;margin-top:5px;font-size:14px}.color-form input[type=text]:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.button-container{grid-column:1 / -1;margin-top:10px}.color-form button[type=submit]{background-color:#4299e1;color:#fff;padding:10px 20px;border:none;border-radius:4px;font-weight:600;width:100%}.color-form button[type=submit]:hover{background-color:#3182ce}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;padding:20px;max-width:1200px;margin:0 auto;background-color:#f5f7fa}.app-container{display:flex;flex-direction:column;align-items:center;width:100%}.content-container{width:100%;max-width:1100px}h1{color:#2d3748;text-align:center;margin-bottom:2rem;font-size:2.5rem}.colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;width:100%}button{cursor:pointer;transition:all .2s ease-in-out}button:hover{transform:translateY(-1px)}.empty-state{text-align:center;padding:2rem;background:#fff;border-radius:8px;margin:2rem 0;color:#666}.theme-selector{margin:20px 0;padding:15px;background-color:#f5f5f5;border-radius:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.theme-selector select{padding:8px;border-radius:4px;border:1px solid #ddd;min-width:200px}.theme-selector button{padding:8px 16px;border-radius:4px;border:none;background-color:#007bff;color:#fff;cursor:pointer}.theme-selector button:hover{background-color:#0056b3}.theme-selector .rename-form{display:flex;gap:8px}.theme-selector input{padding:8px;border-radius:4px;border:1px solid #ddd}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}