@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#dfdfdf;font-family:Comfortaa,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:24px;margin:0}h2{font-size:2rem;letter-spacing:-1px;line-height:2rem}h2,h3{color:#000;font-family:Comfortaa;font-weight:700}h3{font-size:1.2rem;letter-spacing:0;line-height:100%;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{background-color:#fff;border:2px solid #000;border-radius:.25rem;color:#000;font-size:1.13rem;height:2.5rem;padding:.25rem;text-align:center;transition:all .3s ease}input.has-value{background-color:#000;border-color:#000;color:#fff}input::placeholder{color:#9f9f9f;opacity:1}select{background-color:initial;border:2px solid #000;border-radius:.25rem;color:#000;font-size:1.2rem;height:2.5rem;margin-right:.5rem;padding:.25rem;text-align:left;width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}ol{margin:.5rem 0;padding:0 0 0 1rem}ol li{font-size:1rem;line-height:1.4rem}input[type=number]{-moz-appearance:textfield}.divider{border:0;border-image:linear-gradient(90deg,#ffd800,#ff1c00,#5353ff) 1;border-top:1px dotted;margin:20px 0}input[type=range]{-webkit-appearance:none;background:#ccc;border-radius:2px;cursor:pointer;height:2px!important;margin:8px 0;outline:none;padding:0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#333;border-radius:50%;height:24px;margin-top:0;-webkit-transition:background .2s ease;transition:background .2s ease;width:24px}input[type=range]::-webkit-slider-thumb:hover{background:#555}input[type=range]::-moz-range-thumb{background:#888;border:1px solid #666;border-radius:50%;cursor:pointer;height:12px;width:12px}input[type=range]::-moz-range-track{background:#ccc;border-radius:2px;height:4px}input[type=range]::-ms-thumb{background:#888;border:1px solid #666;border-radius:50%;height:12px;width:12px}input[type=range]::-ms-track{background:#0000;border-color:#0000;color:#0000;height:4px}@media (max-width:768px){body{font-size:14px}}.frame-container{align-items:center;justify-content:center}.canvas,.frame-container{display:flex;padding:1rem;position:relative}.canvas{background-color:#fff;box-shadow:0 4px 24px 4px #0003;transition:height .3s ease}.square .canvas{line-height:9px}.canvas-container svg{shape-rendering:geometricPrecision;height:100%;image-rendering:optimizeQuality;text-rendering:optimizeLegibility;width:100%}.canvas-container .portrait svg{height:auto;width:100%}.portrait{zoom:.8}.portrait .info-wrapper{line-height:16px}.canvas .dark,.canvas .dark-border{background-color:#000}.canvas .bright-border,.canvas .color,.canvas .color-border,.canvas .dark,.canvas .dark-border,canvas .bright{display:flex;justify-content:center}.canvas .bright{background-color:#fff;display:flex}.background-toggle{align-items:center;border-radius:20px;bottom:16px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:6px 12px;position:absolute;right:16px;-webkit-user-select:none;user-select:none;z-index:10}.color-indicator{border:2px solid #fff;border-radius:50%;box-sizing:border-box;height:16px;margin-left:8px;width:16px}.canvas.black span{color:#ccc}.canvas.white span{color:#333}.canvas.black .color-indicator{background-color:#000;border-color:#fff}.canvas.white .color-indicator{background-color:#fff;border-color:#000}.canvas.black .zoom-indicator-minus,.canvas.black .zoom-indicator-plus{border-color:#fff;color:#fff}.canvas.white .zoom-indicator-minus,.canvas.white .zoom-indicator-plus{border-color:#000;color:#000}.zoom-indicator-minus.disabled,.zoom-indicator-plus.disabled{opacity:.5}.zoom-toggle{align-items:center;bottom:1px;color:#fff;display:flex;flex-direction:column;font-size:14px;position:fixed;right:1px;-webkit-user-select:none;user-select:none;z-index:10}.share-btn,.zoom-indicators{background-color:#606060ae;padding:8px}.zoom-indicator-minus,.zoom-indicator-plus{border:2px solid #fff;border-radius:50%;box-sizing:border-box;cursor:pointer;font-size:24px;font-weight:700;height:24px;line-height:24px;margin-left:8px;text-align:center;width:24px}.zoom-indicator-plus{margin-bottom:8px}.zoom-indicator-minus{line-height:20px}.info-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:3rem;margin-top:0;min-height:170px;text-align:center}.dark .info-wrapper div,.dark-border .info-wrapper div{color:#fff!important}.bright .info-wrapper div,.bright-border .info-wrapper div{color:#000!important}.info-wrapper .title-wrapper{width:calc(100% - 101px)}.info-wrapper .subTitle-wrapper{margin-top:1rem;width:calc(100% - 101px)}.legend-wrapper{margin-top:1.2rem}.canvas-container .portrait .legend svg{height:60px;margin-bottom:-7px}.legend-wrapper{margin-top:2rem}.legend-wrapper svg{height:50px}.canvas-product-mask{height:100%;width:100%}.canvas-product-mask,.canvas-product-mask .corner.top-left{left:0;position:absolute;top:0}.canvas-product-mask .corner.top-right{position:absolute;right:0;top:0}.canvas-product-mask .corner.bottom-right{bottom:0;position:absolute;right:0}.canvas-product-mask .corner.bottom-left{bottom:0;left:0;position:absolute}.canvas-product-mask .corner{background-color:#dfdfdf;height:6rem;width:6rem}.canvas.dashed-border{border:1px dashed #9c9c9c}.hide-border-for-pdf{border:none!important}.material-canvas.size-12x12,.material-canvas.size-12x16{padding:6rem}.material-canvas.size-12x12 .canvas-product-mask .corner,.material-canvas.size-12x16 .canvas-product-mask .corner{height:6rem;width:6rem}.material-canvas.size-18x24,.material-canvas.size-20x20{padding:5rem}.material-canvas.size-18x24 .canvas-product-mask .corner,.material-canvas.size-20x20 .canvas-product-mask .corner{height:5rem;width:5rem}.material-canvas.size-24x32,.material-canvas.size-28x28{padding:4rem}.material-canvas.size-24x32 .canvas-product-mask .corner,.material-canvas.size-28x28 .canvas-product-mask .corner{height:4rem;width:4rem}.frame-material-canvas.canvas-container{zoom:.8;padding:1rem 1rem 2rem}.vertical-dimension{bottom:-14px;flex-direction:row-reverse;left:calc(100% + 4rem);transform:rotate(-90deg);transform-origin:top left}.horizontal-dimension{left:0;top:calc(100% + 4rem)}.material-canvas .vertical-dimension{left:calc(100% + 7rem)}.material-canvas .horizontal-dimension{top:calc(100% + 7rem)}.horizontal-dimension span,.vertical-dimension span{cursor:pointer;display:inline-block}.horizontal-dimension,.vertical-dimension{align-items:center;border-left:1px solid #9c9c9c;border-right:1px solid #9c9c9c;color:#9c9c9c;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:space-between;line-height:1;position:absolute;text-align:center;width:100%}.horizontal-dimension:after,.horizontal-dimension:before,.vertical-dimension:after,.vertical-dimension:before{background-color:#9c9c9c;content:" ";display:block;flex-grow:1;height:1px}.preview-container .horizontal-dimension,.preview-container .vertical-dimension{display:none}@media (max-width:768px){.canvas{border:none;height:50vh}.info-wrapper .title-wrapper{width:calc(100% - 20px)}.info-wrapper .subTitle-wrapper{margin-top:.6rem;width:calc(100% - 20px)}.legend-wrapper{margin-top:1.2rem}.info-wrapper{margin-bottom:1.5rem;margin-top:0;min-height:auto}.canvas-container .portrait .legend svg{height:40px;margin-bottom:-5px}.zoom-toggle{bottom:auto;flex-direction:row;justify-content:space-between;top:0;width:100%}.zoom-toggle .zoom-indicator-minus{display:none}.zoom-toggle .zoom-indicator-plus{font-size:20px;height:20px;line-height:18px;margin:0;width:20px}.zoom-indicators{padding:10px}.share-btn{padding:0 4px}.legend-text{font-size:11px}.frame-material-paper .horizontal-dimension{top:calc(100% + 3rem)}}*{box-sizing:border-box}.input-row.date-inputs{display:flex;gap:1rem;justify-content:space-between}.input-row.step-1{gap:10px;margin:6rem 0 .75rem;max-width:233px}.date-input-group{align-items:center;display:flex;flex-direction:column}.date-input-group input{min-width:3rem;padding:inherit}.date-input-group label{font-size:1.13rem}.create-btn{border:2px solid #000;color:#000;width:233px}.create-btn:disabled{border:1px solid #ccc;color:#888;cursor:not-allowed;opacity:.6}.randomize-btn{width:100%}.note-text{font-size:.9rem;line-height:20px;margin:.25rem 0 2rem}.note-text span{color:red}.layer-controls{height:calc(100vh - 2rem);margin:2rem 0 2rem 2rem;overflow-y:auto;padding-bottom:6rem;padding-right:2rem;scrollbar-color:#888 #fff;scrollbar-width:thin}.layer-controls::-webkit-scrollbar{width:.5rem}.layer-controls::-webkit-scrollbar-track{background:#000}.layer-controls::-webkit-scrollbar-thumb{background-color:#888;border:2px solid #f1f1f1;border-radius:10px}.layer-controls::-webkit-scrollbar-thumb:hover{background:#555}.layer-settings{border-radius:5px;padding:0 10px;width:100%}.input-row{display:flex;justify-content:space-between;margin:10px 1px;text-align:left}.input-group{flex:1 1;margin-right:10px}.input-group:last-child{margin-right:0}.color-picker{flex:1 1}.color-picker-wrapper{align-items:center;background-color:initial;border-radius:10px;display:flex;flex-direction:column;padding:0;position:relative}.color-picker-wrapper>div{background-color:initial!important}.color-picker-wrapper #rbgcp-square-canvas-wrapper{border-radius:20px 20px 0 0}.color-picker-wrapper #rbgcp-controls-wrapper{bottom:11px;position:absolute;width:auto!important}.color-picker-wrapper #rbgcp-controls-wrapper>div:first-child{background:#ccc;background:var(--picker-bg,#ccc);border-radius:8px;height:40px;left:50px;position:absolute;width:40px!important}.color-picker-wrapper .picker-actions{display:flex}.color-picker-wrapper .picker-actions button{background-color:initial;margin:0 8px 8px 0;padding:2px 10px}.color-picker-wrapper .picker-actions button.cancel-button{background:#0000;color:#000;cursor:pointer;font-size:18px;font-size:36px;font-weight:100;height:30px;line-height:12px;padding:0;position:absolute;right:0;text-align:center;width:30px;z-index:999}.color-picker-wrapper #rbgcp-gradient-controls-wrap{background-color:initial!important}.color-picker-wrapper #rbgcp-degree-input-wrapper input{color:#000!important}.color-picker-wrapper #rbgcp-gradient-controls-wrap>div{background-color:initial!important;border:none}.color-picker-wrapper #rbgcp-gradient-controls-wrap #rbgcp-linear-btn,.color-picker-wrapper #rbgcp-gradient-controls-wrap #rbgcp-radial-btn{xcolor:#818181!important;xmargin:0 8px 8px 0!important;background-color:initial;border:1px solid #ccc;border:none!important;border-radius:4px;box-shadow:none!important;cursor:pointer;font-size:18px!important;height:2.5rem!important;padding:0!important;text-align:center!important}.color-picker-wrapper #rbgcp-gradient-controls-wrap #rbgcp-linear-btn>div,.color-picker-wrapper #rbgcp-gradient-controls-wrap #rbgcp-radial-btn>div{padding:8px 16px}#rbgcp-radial-btn{margin-left:8px}#rbgcp-degree-input-wrapper{background-color:initial!important;border:none!important}#rbgcp-degree-input-wrapper #custom-gradient-buttons,#rbgcp-degree-input-wrapper button{border:none!important;padding:0}#rbgcp-degree-input-wrapper button{background-color:#c5c5c5;margin-left:8px}#rbgcp-degree-input-wrapper #rbgcp-degree-input{display:none}.color-picker-wrapper #rbgcp-B-input-wrapper,.color-picker-wrapper #rbgcp-G-input-wrapper,.color-picker-wrapper #rbgcp-R-input-wrapper,.color-picker-wrapper #rbgcp-opacity-wrapper,.color-picker-wrapper #rbgcp-point-delete-btn{display:none!important}.color-picker-wrapper #rbgcp-inputs-wrap{justify-content:end!important}.color-picker-wrapper #rbgcp-inputs-wrap input{margin-bottom:10px}.picker-actions button.active{background-color:#2c2c2c;color:#fff}.input-group input,.input-group select{height:40px;width:100%}.input-group input[type=checkbox]{height:auto;width:20px}.size-selection{margin-top:20px;width:100%}.size-selection select{height:40px;width:100%}.save-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;width:100%}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.slider:before,input:checked+.slider{background-color:#fff}input:checked+.slider:before{transform:translateX(26px)}.shape-options{display:flex;gap:4px;margin-top:5px}.shape-button{background:#0000;border:none;cursor:pointer;transition:all .2s}.color-picker{align-items:center;display:flex;flex-direction:row;gap:5px;margin-left:16px;margin-top:8px}.color-preview{align-items:center;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #2c2c2c!important;border-radius:14px;cursor:pointer;height:26px;padding:0;rotate:90deg;transition:border .2s ease;width:26px}.color-preview:hover{border-color:#fff}.blend-mode{align-items:center;display:flex}.blend-mode div{background:linear-gradient(0deg,#4f4f4f,#dee1e1);border-radius:12px;height:24px;width:30px}.shape-button{border:1px solid #0000;height:31px;padding:0}.shape-button.selected{border:1px solid #000}.layer-settings .accordion-header{align-items:center;display:flex}.layer-settings .accordion-header .eye-icon{cursor:pointer;margin-right:8px}.accordion-trigger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:0;text-align:left;width:100%}.accordion-icon{display:inline-block;transition:transform .3s ease}.accordion-trigger[data-state=open] .accordion-icon{transform:rotate(180deg)}.proceed-button{background-color:initial;border:1px dotted;border-image:linear-gradient(90deg,#ffd800,#ff1c00,#5353ff) 1;cursor:pointer;height:2.75rem;margin:16px 0;width:100%}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffd800,#ff1c00,#5353ff);-webkit-background-clip:text;background-clip:text;color:#0000}.cust-rand{column-gap:1rem;display:flex;justify-content:space-between}.cust-rand button{flex-grow:1}.reset-section{color:#555;display:flex;flex-direction:row;justify-content:space-evenly;margin-top:10px}.reset-section>div{border-bottom:1px solid #555;cursor:pointer}.personalize-wrapper input[type=text]{text-align:left}.personalize-wrapper .p-title{display:flex;justify-content:space-between;position:relative}.personalize-wrapper .p-title .check-box{margin:0;position:absolute;right:0;top:0}.personalize-wrapper .title-area{margin-bottom:32px}.export-text{font-weight:600;margin-top:12px}.export-subtext{font-size:.9rem;margin-top:4px;opacity:.8}.export-spinner{margin:4px auto 0}button.download-pdf-btn[disabled]{cursor:not-allowed;opacity:.6}.stroke-select{display:flex;flex-direction:row;margin-left:16px;margin-top:8px}.stroke-select select{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;height:32px;padding:4px;width:54px}.only-mobile{display:none}@media (max-width:768px){.spirograph-container{flex-direction:column;height:auto}.layer-controls{height:auto;line-height:24px;margin:0;padding:0 1rem 5rem}.layer-controls h2,.title-area h2{margin-bottom:.5rem;margin-top:2rem}.layer-controls ol{text-align:left}.input-row.step-1{column-gap:1rem;justify-content:center;margin:1rem auto 1.5rem;max-width:100%}.only-mobile{display:block}.only-desktop{display:none}.note-text{line-height:20px;margin:.25rem 0 2rem;padding:0 1rem;text-align:left}.randomize-btn{margin:1rem 0;width:90%}.color-picker{justify-content:end}.color-picker-wrapper{align-items:flex-start}.full-bleed-description{line-height:16px}}.font-control input[type=range],.font-controls,.text-input input[type=text]{width:100%}.print-style-selector{font-family:Segoe UI,sans-serif;max-width:420px}h2{font-size:1.4rem}.style-options{display:flex;flex-wrap:wrap;gap:16px;margin:16px auto;width:340px}.style-item{cursor:pointer;flex-direction:column}.style-box,.style-item{align-items:center;display:flex;width:100px}.style-box{border:2px solid #000;border-radius:8px;box-sizing:border-box;height:100px;justify-content:center;overflow:hidden;position:relative}.inner-border{border:1px solid #fff;border-radius:6px;box-sizing:border-box;height:79%;left:0;margin:10px;position:absolute;top:0;width:79%}.bright-border .inner-border{border-color:#000}.tick{border:none!important;color:#fff;font-size:20px;font-weight:700;left:40%;position:absolute;top:40%}.tick.bright-border{background:none;border:none}.tick.dark{color:#fff}.dark,.dark-border{background:#000}.bright,.bright-border{background:#fff;color:#000}.canvas .inner-wrapper{border:1px solid #0000;margin:2rem}.color-border .inner-wrapper,.dark-border .inner-wrapper{border:1px solid #fff}.bright-border .inner-wrapper{border:1px solid #000}.color,.color-border{background:gray;color:#fff}.tick.color,.tick.color-border{background-color:initial}.style-label{font-size:13px;line-height:16px;margin-top:6px;text-align:center}.full-bleed-option{align-items:center;display:flex;font-weight:500;gap:8px;margin-top:16px}.full-bleed-description{color:#555;font-size:12px;line-height:16px;margin-top:4px}.print-style-selector .color-picker-wrapper{margin-top:1rem}.print-style-selector .color-picker-wrapper #rbgcp-A-input-wrapper,.print-style-selector .color-picker-wrapper #rbgcp-controls-wrapper>div:first-child,.print-style-selector .color-picker-wrapper .picker-actions{display:none!important}@media (max-width:768px){.canvas .inner-wrapper{margin:1rem}}.frame-selector{margin:0 auto}.frame-shadow{box-shadow:0 4px 8px 0 #0003}.option-section{margin-bottom:25px}.option-section h3{font-size:16px;margin-bottom:10px}.toggle-group{display:flex;gap:10px}.toggle-button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:10px 15px;transition:all .3s}.toggle-button.selected{background:#000;border-color:#000;color:#fff}.toggle-button :disabled{background:#f5f5f5;border:none;color:#ccc;cursor:no-drop}.size-dropdown{xpadding:10px;border:1px solid #ddd;border-radius:4px;width:100%}.frame-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,0fr))}.frame-option{cursor:pointer;text-align:center}.frame-preview{align-items:center;border:2px solid #0000;border-radius:6px;display:flex;height:80px;justify-content:center;margin-bottom:5px;overflow:hidden}.no-frame{background:#f5f5f5}.frame-preview img{width:100%}.frame-option.selected .frame-preview{border-color:#000}.frame-label{font-size:14px;line-height:18px}.frame-label span{color:#666;display:block;font-size:12px}.frame-preview.metal-black{background:#333;border:2px solid #555}.frame-preview.metal-white{background:#f5f5f5;border:2px solid #ddd}.frame-preview.wood-black{background:#2a2118;border:2px solid #3a3128}.frame-preview.wood-natural{background:tan;border:2px solid #b8860b}@media (max-width:768px){.frame-options{gap:8%;justify-content:center}}.download-pdf-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:1.2rem;height:2.5rem;padding:10px 15px;text-align:center;transition:all .3s}.download-pdf-btn[disabled]{cursor:not-allowed;opacity:.6}.export-overlay{display:grid;inset:0;place-items:center;pointer-events:all;position:fixed;z-index:9999}.export-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;inset:0;position:absolute}.export-card{background:#111;border-radius:16px;box-shadow:0 10px 30px #00000073;color:#fff;max-width:90vw;min-width:280px;padding:20px 24px;position:relative;text-align:center}.export-title{font-weight:600;margin-bottom:8px;margin-top:12px}.export-progress{background:#fff3;border-radius:999px;height:8px;overflow:hidden;width:100%}.export-progress-fill{background:#4ade80;height:100%;transform:translateX(0);width:30%}.export-progress-fill.indeterminate{animation:export-indet 1.1s ease-in-out infinite}@keyframes export-indet{0%{transform:translateX(0)}50%{transform:translateX(70%)}to{transform:translateX(0)}}.export-spinner{animation:export-spin .9s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;margin:4px auto 10px;width:48px}@keyframes export-spin{to{transform:rotate(1turn)}}.spiro-wrapper{align-items:start;background-color:#dfdfdf;color:#000;display:flex;flex-direction:row;height:100%}.spiro-wrapper.forhome,.spiro-wrapper.forhome .bright,.spiro-wrapper.forhome .dark{background-color:initial}.spiro-head{display:flex;gap:.5rem}.layer-container{background-color:#fff;height:100vh;max-width:400px}.canvas-container{zoom:.9;align-items:center;display:flex;height:calc(100vh - 100px);justify-content:center;overflow:hidden;width:100%}button{border:2px solid #000;border-radius:.25rem;color:#000;cursor:pointer;font-size:1.2rem;height:2.5rem;text-align:center}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button,button:focus,button:hover{background-color:initial}.checkbox-wrapper{align-items:center;display:inline-flex;justify-content:center}.checkbox-input{display:none}.checkbox-custom{border:2px solid #000;border-radius:3px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:22px}.checkbox-input:checked+.checkbox-custom:after{background-color:#fff;border:solid #000;border-width:0 2px 2px 0;box-shadow:0 0 0 #fff,0 0 0 #fff,0 0 0 #fff,5px 0 0 #fff;content:"";height:14px;left:10px;position:absolute;top:-6px;transform:rotate(45deg);width:6px}.saving-overlay{align-items:center;background:#000c;color:#fff;display:flex;flex-direction:column;font-size:18px;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.step-navigation{background:#fff;bottom:0;display:flex;gap:32px;justify-content:space-between;order:4;padding:0 16px 32px;width:100%;z-index:20}.step-navigation button{border:2px solid #000;color:#000;cursor:pointer;flex:1 1;font-size:16px}.btn-add-to-cart{background:#007c5a;border:none;color:#fff}.spinner{animation:spin 1s linear infinite;border:3px solid #ccc;border-radius:50%;border-top-color:#333;display:inline-block;height:100px;margin-right:10px;width:100px}.spin-0{animation:spinAndPulse 200s linear infinite}.spin-0,.spin-1{transform-origin:center}.spin-1{animation:spinAndPulseRev 200s linear infinite}.spin-2{animation:spinAndPulse 200s linear infinite;transform-origin:center}@keyframes spinAndPulse{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(1turn) scale(.8)}}@keyframes spinAndPulseRev{0%{transform:rotate(0deg) scale(1.3)}50%{transform:rotate(-180deg) scale(.8)}to{transform:rotate(-1turn) scale(1.3)}}@media (max-height:1074px){.canvas-container.frame-container{height:100%;padding:1rem 1rem 3rem}}@media (max-width:768px){.spiro-wrapper{align-items:flex-start;flex-direction:column}.layer-container{height:auto;margin:0 auto;max-height:100%;max-width:none;order:3;overflow-x:hidden;overflow-y:auto;text-align:center;width:100%}.layer-container .layer-controls{overflow-x:hidden}.canvas-container{zoom:1;background:#fff;border:1px solid #fff;height:100%;margin:0 auto;order:1;position:sticky;top:0;z-index:99999}.title-area{line-height:24px;margin:1rem auto;text-align:center;width:80%}.canvas-container.frame-container{padding:1rem 1rem 3rem}}.gelato-pricing-bar{align-items:center;background:#dcdcdce6;bottom:0;display:flex;font-family:Arial,sans-serif;justify-content:space-between;left:0;padding:12px 20px;position:fixed;width:100%;width:510px;z-index:1000}.pricing-left{flex:0 0 auto}.cart-icon{font-size:22px}.pricing-center{flex:1 1 auto;text-align:center}.price-text{color:#333;font-size:16px}.old-price{color:#999;font-size:16px;margin-right:8px;text-decoration:line-through}.new-price{color:#222;font-size:18px;font-weight:700}.pricing-right{flex:0 0 auto}.add-to-cart-btn{background:#333!important;border-radius:4px;color:#fff;font-size:14px;padding:8px 16px;text-decoration:none;transition:background .3s ease}.add-to-cart-btn:hover{background:#111}.preview-backdrop{align-items:stretch;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.preview-container{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.preview-header{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;flex:0 0 auto;justify-content:space-between;padding:12px;position:fixed;top:0;width:100%;z-index:99}.preview-title{font-size:16px;font-weight:700;text-align:center;width:100%}.preview-close{background:#0000;border:none;cursor:pointer;font-size:20px;line-height:1;padding:6px}.preview-body{flex:1 1 auto;padding:16px;position:relative}.preview-body,.preview-canvas-area{align-items:center;display:flex;justify-content:center}.preview-canvas-area{height:100%;overflow:hidden;width:100%}.preview-fallback{border-radius:6px;box-shadow:0 6px 18px #0000001f;color:#666;height:600px;justify-content:center;padding:20px;text-align:center;width:600px}.preview-fallback,.preview-footer{align-items:center;background:#fff;display:flex}.preview-footer{border-top:1px solid #eee;bottom:0;flex:0 0 auto;gap:12px;justify-content:space-between;padding:12px;position:fixed;width:100%;z-index:99}.preview-canvas-area .zoom-toggle{bottom:70px}.preview-confirm-left{align-items:center;display:flex;gap:12px}.confirm-text{color:#333;font-size:14px;line-height:1.25}.preview-actions{display:flex;gap:10px}.btn{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 16px}.btn-primary{background:#0073aa;border-color:#0000000d;color:#fff}.btn-secondary{background:#fff;color:#333}.btn.disabled,.btn[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}@media (max-width:768px){.confirm-text{font-size:13px}.preview-fallback{height:60vh;width:90vw}.preview-canvas-area{padding:8px}.gelato-pricing-bar{width:100%}.preview-backdrop{z-index:100000}.preview-canvas-area .zoom-toggle{bottom:122px}}.side-bar{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:100vh;padding-top:20px;width:100px}.nav-item.fade-icon{opacity:.4}.nav-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-bottom:30px;opacity:.3;text-align:center;transition:transform .2s ease,opacity .15s ease;width:90px}.nav-item:hover{transform:scale(1.05)}.nav-item.selected{opacity:1}.nav-label{font-size:12px;margin-top:8px;white-space:nowrap}.nav-icon{display:block;height:36px;object-fit:contain;width:36px}.mobile-only-item .nav-icon{height:28px;width:28px}.nav-topbar{align-items:center;background-color:#000;border-bottom:1px solid #ffffff0a;color:#fff;display:none;height:56px;padding:0 12px}.hamburger{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;flex-direction:column;gap:6px;height:44px;justify-content:center;padding:8px;width:44px}.hamburger span{background:#fff;display:block;height:2px;transition:transform .18s ease,opacity .18s ease;width:22px}.hamburger.open span:first-child{transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{order:2;transition:left .28s cubic-bezier(.2,.9,.3,1);width:100%;z-index:10050}.mobile-menu.open{left:0;pointer-events:auto}.mobile-menu-inner{align-items:flex-start;background-color:#000;box-shadow:4px 0 28px #0009;display:flex;flex-direction:row;justify-content:space-around;overflow-y:auto;padding:14px 14px 10px;width:100%}.mobile-only-item{align-items:center;flex-direction:column;gap:0;margin-bottom:0;width:auto}.mobile-only-item .nav-label{color:#fff;font-size:12px;margin-top:0;white-space:normal}.mobile-menu-backdrop{background:#0000007a;bottom:0;left:84%;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .18s ease;z-index:10040}.mobile-menu.open+.mobile-menu-backdrop{opacity:1;pointer-events:auto}.mobile-menu-close{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;font-weight:400;line-height:1;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:10100}.mobile-menu-close:hover{color:#ccc}@media (max-width:1024px){.desktop-only{display:none}.nav-topbar{display:flex;margin-top:-56px;z-index:10}.side-bar{display:none}}@media (min-width:1025px){.desktop-only{display:flex}.mobile-menu,.mobile-menu-backdrop,.nav-topbar{display:none!important}}
/*# sourceMappingURL=main.981b65f0.css.map*/