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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:#fff;box-shadow:0 4px 12px #0000000d;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.navbar-container{align-items:center;display:flex;height:65px;justify-content:space-between;margin:auto;max-width:1200px;padding:0 20px}.navbar-logo{color:#2c3e50;font-size:1.4rem;font-weight:700}.navbar-menu{display:flex;gap:25px;list-style:none;margin:0;padding:0}.navbar-menu li a{color:#34495e;font-weight:500;text-decoration:none;transition:.25s}.navbar-menu li a:hover{color:#1abc9c}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger span{background:#2c3e50;border-radius:2px;height:3px;transition:.3s;width:25px}@media (max-width:768px){.hamburger{display:flex}.navbar-menu{align-items:center;background:#fff;box-shadow:0 6px 20px #00000014;flex-direction:column;gap:20px;left:0;opacity:0;padding:20px 0;pointer-events:none;position:absolute;top:65px;transition:.3s;width:100%}.navbar-menu.show{opacity:1;pointer-events:auto}}.landing-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.landing-container h1{color:#414181;font-size:2.5rem;margin-bottom:40px;text-align:center}.landing-grid{flex-wrap:wrap;gap:40px}.landing-card,.landing-grid{display:flex;justify-content:center}.landing-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 20px #0000001a;color:inherit;flex-direction:column;height:250px;text-decoration:none;transition:.3s;width:200px}.landing-card:hover{box-shadow:0 15px 25px #00000026;transform:translateY(-5px)}.landing-card img{height:120px;margin-bottom:15px;object-fit:contain;width:120px}.landing-card h2{color:#414181;font-size:1.3rem}body{background:#f4f6f8;color:#333;font-family:Inter,sans-serif;line-height:1.5;margin:0;padding:0}.container{margin:auto;max-width:1200px;padding:30px 20px}h1{color:#2c3e50;font-size:2.4rem;margin-bottom:40px;text-align:center}h3{font-size:1.2rem;margin-bottom:15px}h3,h4{color:#34495e}h4{font-size:1rem;margin-bottom:10px}.section{background:#fff;border-radius:15px;box-shadow:0 4px 18px #00000014;margin-bottom:40px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.section:hover{box-shadow:0 8px 20px #0000001f}p{margin:0;white-space:pre-line}.muted-text{color:#6c757d;font-size:12px;padding-top:12px}.big-grid,.grid{grid-gap:20px;display:grid;gap:20px}.grid-final{grid-gap:20px;display:grid;gap:20px;grid-template-columns:100px 170px 1fr;margin-top:20px}.grid-final .card{align-content:space-evenly}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.big-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 10px 25px #0000000d;cursor:pointer;padding:10px;text-align:center;transition:all .3s ease}.card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.card.active{border-color:#1abc9c;box-shadow:0 8px 20px #1abc9c4d}.card img{border-radius:12px;margin-bottom:8px;width:100%}.radio{display:flex;flex-wrap:wrap;gap:10px}.radio label{align-items:center;background:#fefefe;border:1px solid #dcdcdc;border-radius:50px;cursor:pointer;display:flex;font-size:13px;font-weight:500;padding:8px 15px;position:relative;transition:all .3s ease}.radio label input{display:none}.radio label span{align-items:center;display:flex;justify-content:center}.radio label input:checked+span,.radio label span:hover{background-color:#1abc9c;border-radius:50px;color:#fff;padding:5px 12px}#swatch{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;padding:15px}#swatch .info p{color:#555;font-size:.9rem;margin-top:8px}input[type=color]{border:none;border-radius:8px;cursor:pointer;height:60px;transition:transform .2s ease;width:100%}input[type=color]:hover{transform:scale(1.05)}.clickable-image{cursor:pointer}.image-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.image-modal-content{max-height:90%;max-width:90%;position:relative}.image-modal-content img{border-radius:8px;height:450px;width:100%}.image-modal-content .close{background:#fff;border-radius:50%;color:#000;cursor:pointer;font-weight:700;padding:5px 10px;position:absolute;right:-12px;top:-12px}.image-wrapper{cursor:pointer;position:relative}.image-wrapper img{border-radius:6px;display:block;width:100%}.zoom-icon{background:#1abc9ca6;border-radius:50%;color:#fff;font-size:28px;left:50%;opacity:0;padding:8px 15px 6px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease}.image-wrapper:hover .zoom-icon{opacity:1}.grid-color{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.color-wrapper{border:1px solid #ddd;border-radius:50px;height:56px;width:100%}.grid-color .card.active .color-wrapper{outline:3px solid #000}.grid-color .label{font-size:12px;font-weight:500;margin-top:8px;text-align:center}.locked-prompt{background:#f0f4f8;margin-bottom:20px;padding:15px}.locked-prompt,textarea{border-radius:12px;box-shadow:inset 0 2px 5px #0000000d}textarea{border:1px solid #dcdcdc;resize:vertical}@media (max-width:1024px){.grid-final{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){h1{font-size:2rem}h3{font-size:1.15rem}.big-grid,.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){h1{font-size:1.75rem}.big-grid,.grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.section{padding:15px}}
/*# sourceMappingURL=main.66eeaf0d.css.map*/