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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f4f4f4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;text-align:center}.modal-overlay{background:#000000b3;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{background:#fff;border-radius:8px;flex-direction:column;max-width:95%;padding:30px;width:700px}.edit-modal{max-width:95vw;padding:20px;width:auto!important}.crop-container-wrapper{align-items:center;background:#fff;border-radius:4px;min-height:200px;min-width:300px;padding:10px}.ReactCrop__child-wrapper,.crop-container-wrapper{display:flex;justify-content:center}.btn-primary{font-weight:600}.btn-primary:hover{background:#2980b9}.btn-success{font-size:1rem;font-weight:700}.btn-success:hover{background:#27ae60}.section-title{color:#333;font-size:1.8rem;margin-bottom:40px}.card{border:1px solid #e0e0e0;box-shadow:0 4px 10px #0000000d;transition:transform .2s}.card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.card-image-wrapper{background:#f9f9f9;border-bottom:1px solid #eee;padding:20px}.card-img{box-shadow:0 2px 8px #0000001a;margin-right:40px;max-height:100%;max-width:100%}.card-footer{background-color:#f9f9f9;padding:15px}.card-btn{border-radius:4px;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.card-btn:hover{background:#0f4374}.upload-area{box-sizing:border-box;transition:all .3s ease}.upload-area:hover{background:#f0f8ff;border-color:#3498db}.upload-area.dragging{background-color:#e8f8f5;border-color:#2ecc71;transform:scale(1.02)}.controls-row{display:flex;gap:30px;justify-content:center;margin-bottom:20px}.control-group{align-items:center;display:flex;font-weight:500;gap:10px}.upload-area{background:#fafafa;border:2px dashed #ccc;border-radius:6px;cursor:pointer;padding:40px;width:100%}.file-input{display:none}.btn-primary{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 25px}.btn-success{border-radius:4px;margin-top:20px;padding:12px 40px}.fit-preview-box{background:#fff;height:300px;overflow:hidden;position:relative;width:450px}.fit-preview-image{display:block;height:100%;object-fit:contain;width:100%}.crop-preview-frame{background:#222;height:300px;overflow:hidden;width:450px}.crop-preview-frame>.ReactCrop,.crop-preview-image{height:100%;width:100%}.crop-preview-image{background:#222;display:block;object-fit:contain}.crop-react-stage{height:100%;width:100%}.main-content{padding:40px 20px}.cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.card{background:#fff;border-radius:8px;box-shadow:0 4px 10px #00000014;overflow:hidden}.card-image-wrapper{height:250px}.card-btn{background:#145b9c;border:none;color:#fff;cursor:pointer;font-weight:700;padding:12px}.canvas-3d-container{align-items:center;display:flex;perspective:1200px;position:relative}.canvas-side{border-right:1px solid #00000026;box-shadow:inset -5px 0 10px #00000040;height:360px;transform:skewY(-8deg)}.canvas-front{background:#fff;box-shadow:0 15px 40px #00000040;height:360px;overflow:hidden;position:relative;transform:rotateY(-12deg);width:420px}.canvas-front-img{height:100%;object-fit:cover;width:100%}.canvas-shadow{background:#00000040;bottom:-20px;filter:blur(18px);height:40px;left:20px;position:absolute;width:420px;z-index:-1}.real-canvas-preview{background:#eee;border-radius:6px;box-shadow:0 12px 35px #00000040;display:block;height:auto;max-width:100%}.header{margin-top:40px;position:relative;width:100%}.header-bar{background:#b8dfe1;height:40px;width:100%}.header-bar-inner{align-items:center;display:flex;height:100%;justify-content:flex-start;margin:0 auto;max-width:1400px;padding:0 24px}.header-store-link{color:#000;font-size:14px;font-weight:500;letter-spacing:.5px;margin-left:90px;text-decoration:none}.header-logo-wrap{position:absolute;right:50px;top:-38px;z-index:10}.header-logo{align-items:center;background:#b8dfe1;border-radius:8px;display:flex;height:90px;justify-content:center;padding:8px;text-decoration:none;width:120px}.header-logo img{border-radius:0;display:block;height:100%;object-fit:contain;width:100%}.header-logo h3{color:#000;font-size:22px;font-weight:700;line-height:1.2;margin:0;padding-bottom:10px;text-align:center}.product-page{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1.4fr 1fr;margin:0 auto;max-width:1400px;padding:60px}.product-image-panel{align-items:center;display:flex;justify-content:flex-start;overflow:auto}.image-frame{align-items:center;background:#f6f6f6;border:1px solid #e0e0e0;border-radius:10px;display:flex;height:500px;justify-content:center;max-width:500px;overflow:hidden;width:100%}.product-preview-img{max-height:100%;max-width:100%;object-fit:contain;transition:all .4s ease}.image-placeholder{color:#999;font-size:14px}.product-info-panel{display:flex;flex-direction:column;justify-content:center}.product-title{font-size:2.2rem;font-weight:700;margin-bottom:5px}.product-price{color:#000;font-size:1.4rem;font-weight:600;margin-bottom:10px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:8px}.form-select{border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:1rem;padding:12px 14px;width:100%}.print-description{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:30px;margin-top:10px}.add-to-cart-btn{background:#145b9c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:all .3s ease}.add-to-cart-btn:hover{background:#0f4374;transform:translateY(-1px)}.price-cart-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.print-option-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:180px 1fr}.image-size-row,.print-option-row{align-items:center;margin-bottom:20px}.image-size-row{display:flex;gap:12px;margin-left:30px;margin-top:20px}.image-remove-btn,.image-upload-btn{height:42px;padding:0 16px;white-space:nowrap}.image-remove-btn{background:#d63638;border:none;color:#fff}.image-remove-btn:hover{background:#b32d2e}.card-image-wrapper{align-items:center;background:#f6f6f6;border-radius:8px 8px 0 0;display:flex;height:220px;justify-content:center;overflow:hidden;width:100%}.card-image{display:block;height:100%;margin-right:30px;object-fit:contain;object-position:center;width:100%}.add-to-cart-btn{min-width:160px}.inline-loader-overlay{align-items:center;background:#ffffffd9;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.inline-loader{animation:spin .9s linear infinite;border:5px solid #ddd;border-radius:50%;border-top-color:#000;height:60px;width:60px}.inline-loader-overlay p{font-size:14px;font-weight:500;margin-top:12px}.frame-dropdown-display{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px}.frame-dropdown-display:hover{border-color:#b8dfe1}.frame-arrow{color:#888;font-size:18px}.frame-sidebar{animation:slideIn .35s ease forwards;background:#0f0f0f;color:#fff;height:100vh;overflow-y:auto;padding:16px;pointer-events:none;position:fixed;right:-340px;top:0;transition:.35s ease;width:340px;z-index:1000}.frame-sidebar.open{pointer-events:auto;right:0}.frame-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.frame-sidebar-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.frame-item{background:#151515;border:1px solid #2a2a2a;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:10px;transition:.2s}.frame-item.active,.frame-item:hover{border-color:#b8dfe1}.frame-item.active{background:#1c1c1c}.frame-item img{border-radius:4px;height:64px;object-fit:cover;width:64px}.frame-meta{display:flex;flex-direction:column;justify-content:center}.frame-name{font-size:14px;font-weight:600}.frame-price{color:#c69466;font-size:12px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mat-thickness-inline{align-items:center;display:flex;gap:12px;width:100%}.mat-thickness-slider{flex:1 1}.mat-thickness-input{text-align:center;width:70px}.mat-thickness-unit{font-weight:600}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.product-page{grid-template-columns:1fr;padding:30px}.image-frame{height:350px}}.back-btn{align-items:center;background:#b8dfe1;border:1px solid #495051;border-radius:8px;box-shadow:0 1px 2px #0000000a;color:#000;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:6px;padding:8px 14px;transition:all .2s ease}.back-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateX(-2px)}.back-btn:active{background:#f3f4f6;transform:translateX(-1px)}.back-btn:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.app-header{align-items:center;display:flex}.header-back-icon{font-weight:800;margin-top:5px}.action-buttons{display:flex;gap:16px;justify-content:center;margin-top:20px}.action-buttons button{border-radius:4px;font-size:1rem;font-weight:700;height:48px;min-width:160px;padding:0 24px}.btn-success{background:#2ecc71}.btn-success,.btn-warning{border:none;color:#fff;cursor:pointer}.btn-warning{background:#e74c3c;margin-top:20px}.btn-warning:hover{background:#c0392b}.cards-grid.three-cols{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.frame-placeholder{align-items:center;background:#f5f5f5;border:1px dashed #ccc;display:flex;font-weight:600;height:180px;justify-content:center;padding:16px;text-align:center}.edit-image-btn{background:none;border:none;color:#b8dfe1;cursor:pointer;font-size:16px;padding:0}.edit-image-btn:hover{color:#9ddbde}.image-size-value{font-weight:700;margin-left:70px}.cpsimage-size-row{align-items:center;display:flex;gap:12px;margin-bottom:20px;margin-left:50px}.cpsimage-size-value{font-weight:700;margin-left:70px}.cpfimage-size-row{align-items:center;display:flex;gap:12px;margin-bottom:20px;margin-left:50px}.cpfimage-size-value{font-weight:700;margin-left:50px}.pfmgimage-size-row{align-items:center;display:flex;gap:12px;margin-bottom:20px;margin-left:50px}.pfmgimage-size-value{font-weight:700;margin-left:50px}.card-img-bordered{border:7px solid #2b2727;box-sizing:border-box}.image-dimension-display{color:#333;font-size:14px;margin-right:12px;white-space:nowrap}.image-dimension-display strong{font-weight:700}@media (max-width:768px){.cards-grid.three-cols{grid-template-columns:1fr}.edit-modal{width:95%}.cards-grid{grid-template-columns:1fr}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;height:calc(100% + .5px);left:0;pointer-events:none;position:absolute;right:0;top:0;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}
/*# sourceMappingURL=main.dbea6c56.css.map*/