canvas{width:100%;display:block;position:relative}.custom-container{margin:40px auto;gap:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;display:grid;grid-template-columns:calc(100% - 500px) 500px;-webkit-user-select:none;user-select:none}@media screen and (max-width: 1024px){.wnyablt>*:last-child{order:1}}@media (max-width: 900px){.custom-container{display:grid;grid-template-columns:100%}.left-panel{order:1}.right-panel{order:2}}.left-panel{display:flex;justify-content:center;align-items:center}.right-panel{background:#f5f5f5;border-radius:12px;box-shadow:0 0 15px #0000001a;padding:30px;max-height:90vh;overflow-y:auto}.right-panel h2{margin-bottom:20px;font-weight:700;font-size:24px;border-bottom:1px solid #ddd;padding-bottom:8px;color:#000}.step{margin-bottom:25px}.step h3{font-weight:600;margin-bottom:12px;font-size:16px;color:#222}.finish-options{display:flex;gap:12px}.finish-box{flex:1;cursor:pointer;border:2px solid #ccc;border-radius:6px;padding:12px;display:flex;align-items:center;gap:12px;transition:border-color .3s ease;-webkit-user-select:none;user-select:none}.finish-box.active{border-color:#000;background-color:#fff7e6}.color-swatch{width:28px;height:28px;border-radius:50%;border:1.5px solid #999}.color-grid{display:flex;flex-wrap:wrap;gap:10px}.color-circle{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .3s ease}.color-circle.selected{border-color:#111}select{width:100%;padding:8px 10px;border-radius:6px;border:1.8px solid #ccc;font-size:15px;cursor:pointer;background-color:#dfe2e3;transition:border-color .3s ease}select:hover{border-color:#888}.icon-grid{display:flex;flex-wrap:wrap;gap:10px}.icon-button{cursor:pointer;border:2px solid transparent;background:#f9f9f9;font-size:24px;width:44px;height:44px;border-radius:8px;transition:border-color .3s ease,background-color .3s ease}.icon-button:hover{background-color:#eee}.icon-button.selected{border-color:#000;background-color:#fff7e6}.write-input input[type=text]{display:block;width:100%;padding:10px 14px;margin-bottom:12px;font-size:15px;border:1.8px solid #ccc!important;border-radius:6px;transition:border-color .3s ease;color:#000!important}.write-input input[type=text]:focus{outline:none!important;border-color:#cac9c9!important;background-color:#f0f0f0!important;box-shadow:0!important}input[type=file]{font-size:15px;padding:5px 0}.upload-info{margin-top:8px;font-size:13px;color:#666}.import-button{width:60%;background-color:#000;color:#fff;font-weight:700;padding:14px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .25s ease;margin-top:28px}.import-button:hover{background-color:#131313}.cusimage{padding:14px 50px;background-color:#000;width:100px;cursor:pointer;color:#fff}.imgcirlce{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out;border-radius:5px}.img18{width:35px!important;height:35px!important;min-width:35px!important;max-width:35px!important;min-height:35px!important;max-height:35px!important;border-radius:23px!important}.quantity-wrapper input{width:40px!important;text-align:center!important;border:1px solid #ccc!important;padding:7px!important;margin:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;font-weight:600;background-color:#fff!important;color:#000!important}.quantity-wrapper input::-webkit-outer-spin-button,.quantity-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-wrapper button{padding:7px;border:1px solid #ccc;background:#eee;cursor:pointer;color:#000}.szi{font-size:15px!important;font-family:inter!important;font-weight:600!important;color:#000!important;margin-bottom:5px}.icon-inform svg{fill:#333232}.icon-inform button:hover svg{fill:#fff}.icon-inform{margin-top:1rem}.icon-inform button{background-color:#fff;padding:7px;cursor:pointer;box-shadow:0 3px 10px 4px #0000000a;border:0px!important}.icon-inform button:hover{background:linear-gradient(to right,#ff0a0a 17%,#ff0404)}.filepicker-label{color:#000;font-family:Inter;border-radius:50px;padding:10px;cursor:pointer;box-shadow:5px -2px 6px 6px #0000000a;width:100%;margin-top:1rem}.filepicker-label svg{fill:green;width:15px;height:15px}.removeimg{border:none;text-align:center;background-color:transparent}.removeimg svg{font-size:18px}.quantity-step{display:flex;gap:10px;align-items:center}.proo{width:100%}.proo .progress-bar{background-color:red!important}.loader-container .pro{width:200px}.animation-container{width:100%;height:2px;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-bar{width:0%;height:100%;background-color:#fff}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-content:center;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;background-color:#000}.loader-container p{text-align:center;color:#fff;padding:0;margin:0}.imgpro{text-align:center}.spinner-border{border:.25em solid rgb(73 73 73)!important;border-right-color:#e1e1e1fa!important}.spinner-border{display:inline-block;width:3rem;height:3rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}@keyframes spinner-border{to{transform:rotate(360deg)}}.adcrt{font-size:30px;color:#fff;font-family:inter,sans-serif;font-style:italic}.pw{text-align:center;font-size:12px;color:#fff;font-family:inter,sans-serif;font-style:italic}