.container{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:30px}.filter-buttons{display:flex;justify-content:center;margin-bottom:20px}button{margin:5px;padding:10px 20px;cursor:pointer;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;border:1px solid #ccc;border-radius:25px;font-size:16px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}button.active{background:linear-gradient(135deg,#6dd5fa,#2980b9);color:#fff;border-color:#2980b9}button:hover{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border-color:#2e7d32}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{border:1px solid #ddd;padding:8px;text-align:center}th{background-color:#f2f2f2}.product-image{max-width:50px;height:auto}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0000004d;width:80%;max-width:800px;text-align:center}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}.product-edit-modal{margin:auto;max-width:600px;padding:20px}.image-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.image-container .image-preview{flex:1 1 45%;display:flex;flex-direction:column;align-items:center;text-align:center}.image-container .image-preview img{max-width:100%;height:auto;max-height:200px;object-fit:cover}.image-container .upload-label{width:100%;text-align:center;margin-top:10px;cursor:pointer}.input-container{margin-bottom:20px;text-align:left}.input-container label{display:block;margin-bottom:5px}.input-container input{width:calc(100% - 20px);padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px}.button-container{display:flex;justify-content:center}.button-container button{margin:10px;padding:10px 20px;cursor:pointer;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.button-container button:hover{background:#2e7d32}.upload-icon{width:20px;height:20px;margin-right:5px;vertical-align:middle}#root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root a{font-weight:500;color:#646cff;text-decoration:inherit}#root a:hover{color:#535bf2}#root body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root h1{font-size:3.2em;line-height:1.1}#root button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}#root button:hover{border-color:#646cff}#root button:focus,#root button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){#root{color:#213547;background-color:#fff}#root a:hover{color:#747bff}#root button{background-color:#f9f9f9}}#root .selector-container{margin-bottom:10px}#root .text-center{text-align:center}#root .text-md-left{text-align:left}#root .inputbox::placeholder{font:1.2rem/3 sans-serif}#root .circle-button{display:flex;list-style-type:none;padding:0;margin:0}#root .square-box{display:flex;list-style-type:none;padding:0}#root .item{width:50px;height:50px;margin:5px;cursor:pointer;background-size:cover;background-position:center;border-radius:5px}#root .item.active{border:2px solid #000}#root .circle-button .item{border-radius:50%}#root .square-box .item{border:2px solid #000000}#root .item.gradient_rainbow{background:linear-gradient(to right bottom,#ed1c24,#f78d1e,#ffdf00,#02ad5c,#0665c8,#81419c)}#root .item.white{background-color:#fff}#root .item.green{background-color:#36b542}#root .item.red{background-color:#b90404}#root .item.orange{background-color:#ff5501}#root .item.yellow{background-color:#ffdf00}#root .item.blue{background-color:#67cef0}#root .item.pink{background-color:#ff43a5}#root .item.light-pink{background-color:#ff8ec9}#root span.spanstyle{margin-right:30px}@font-face{font-family:Synthemesc}#root{width:100%;margin:0;max-width:100%}#root .left-container{width:60%;display:inline-block}#root .right-container{width:40%;display:inline-block;vertical-align:top}#root .right-container h1{margin:0 0 25px;text-align:left;font-size:27px}#root .selector-container span.spanstyle{display:block;margin:0 0 3px;text-align:left;font-size:15px}#root .selector-container ul{margin:0}#root .input-container{width:100%;position:relative}#root .inputbox{width:97%;height:44px;border-radius:5px;border:1px solid #ccc;padding:0 10px}#root .character-count{position:absolute;right:10px;top:13px;font-size:13px;color:#999}#root span.spanstyle{display:block;margin:0 0 3px;text-align:left;font-size:15px}#root .layout-container ul{margin:0}#root .selector-container{border-bottom:1px solid #ddd;padding-bottom:10px}#root .layout-container{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}#root .right-container button.complete{float:right;background:#000;color:#fff;border-radius:30px;padding:15px 25px;margin-top:50px}#root .square-box .item:hover,#root .circle-button .item:hover{border:2px solid #F15B41}#root .right-container .custom-header{display:flex;align-items:center;font-size:24px}#root .right-container .cross-icon{margin-right:10px;cursor:pointer;width:30px;height:30px}#root .complete{margin-top:20px}#root #screenshot{margin-top:20px;border:1px solid black}@font-face{font-family:Y2k Fill;src:url(https://caseus.s3.ap-south-1.amazonaws.com/font/Y2k-Fill.woff2) format("woff2"),url(https://caseus.s3.ap-south-1.amazonaws.com/font/Y2k-Fill.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Hyogo;src:url(https://caseus.s3.ap-south-1.amazonaws.com/font/Hyogo-regular.woff2) format("woff2"),url(https://caseus.s3.ap-south-1.amazonaws.com/font/Hyogo-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Quentin;src:url(https://caseus.s3.ap-south-1.amazonaws.com/font/Quentin.woff2) format("woff2"),url(https://caseus.s3.ap-south-1.amazonaws.com/font/Quentin.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Guyon Gazebo;src:url(https://caseus.s3.ap-south-1.amazonaws.com/font/GuyonGazebo-Regular.woff2) format("woff2"),url(https://caseus.s3.ap-south-1.amazonaws.com/font/GuyonGazebo-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Buenos Aires;src:url(https://caseus.s3.ap-south-1.amazonaws.com/font/BuenosAires-Bold.eot);src:url(https://caseus.s3.ap-south-1.amazonaws.com/font/BuenosAires-Bold.woff2) format("woff2"),url(https://caseus.s3.ap-south-1.amazonaws.com/font/BuenosAires-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peace Sans;src:url(https://caseus.s3.ap-south-1.amazonaws.com/font/PeaceSans.woff2) format("woff2"),url(https://caseus.s3.ap-south-1.amazonaws.com/font/PeaceSans.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}div#myCanvas canvas{width:650px;margin:auto;display:block}.right-container h1.custom-header{display:block!important}.right-container h1.custom-header img{float:right}