:root{--b-left-w:30%;--left-ratio:1;--panel-ratio:1;--header-ratio:1;--right-ratio:1;--zoom-ratio:1;--tips-ratio:1;--popup-roatio:1}@media screen and (min-width:750px) and (max-width:960px){:root{--left-ratio:0.55;--panel-ratio:0.55;--header-ratio:0.55;--right-ratio:0.55;--zoom-ratio:0.55;--tips-ratio:0.55;--popup-roatio:0.55}}@media screen and (min-width:960px) and (max-width:1106px){:root{--left-ratio:0.6;--panel-ratio:0.65;--header-ratio:0.65;--right-ratio:0.65;--zoom-ratio:0.65;--tips-ratio:0.65;--popup-roatio:0.65}}@media screen and (min-width:1106px) and (max-width:1281px){:root{--left-ratio:0.65;--panel-ratio:0.75;--header-ratio:0.75;--right-ratio:0.75;--zoom-ratio:0.75;--tips-ratio:0.75;--popup-roatio:0.75}}@media screen and (min-width:1281px) and (max-width:1440px){:root{--left-ratio:0.85;--panel-ratio:0.85;--header-ratio:0.85;--right-ratio:0.85;--zoom-ratio:0.85;--tips-ratio:0.85;--popup-roatio:0.85}}@media screen and (min-width:1440px) and (max-width:1560px){:root{--left-ratio:0.95;--panel-ratio:0.95;--header-ratio:0.95;--right-ratio:0.95;--zoom-ratio:0.95;--tips-ratio:0.95;--popup-roatio:0.95}}.pcr-app{font-size:min(.95vw, 20px);z-index:10004!important}.cropper-modal{opacity:.3!important}#bgColorInput{float:left;opacity:0;position:absolute;width:100%;height:100%}#new-canvas-Diy{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:var(--designer-z-index);display:flex;justify-content:center;scrollbar-color:#ddd transparent;scrollbar-width:thin}.tipOpen{position:fixed;top:50%;left:50%;width:max-content;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);color:#fff;border-radius:10px;padding:10px 20px!important;display:none;z-index:99999;max-width:90%;font-size:16px}#new-canvas-Diy *{font-family:inherit;box-sizing:border-box}#new-canvas-Diy h2,#new-canvas-Diy p{margin:0}#new-canvas-Diy .dialog-preview h2{font-size:1.3rem}#new-canvas-Diy .diy-content,#new-canvas-Diy .diy-contributedManuscript{width:100%;height:100%;position:absolute;bottom:0;background:#f8f8f8;box-shadow:0 -3px 12px 1px rgba(0,0,0,.16);display:flex;flex-direction:column}#new-canvas-Diy .diy-content .diy-header,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header{display:flex;justify-content:space-between;min-height:calc(70px * var(--header-ratio));height:calc(70px * var(--header-ratio));padding:0 calc(20px * var(--header-ratio));border-bottom:1px solid #ddd;background:#fff;border-radius:calc(20px * var(--header-ratio)) calc(20px * var(--header-ratio)) 0 0}#new-canvas-Diy .diy-content .diy-header .h-left,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left{width:70%;height:100%;display:flex;align-items:center;gap:calc(5px * var(--header-ratio))}#new-canvas-Diy .diy-content .diy-header .h-left .h-logo,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .h-logo{width:calc(50px * var(--header-ratio));height:calc(40px * var(--header-ratio))}#new-canvas-Diy .diy-content .diy-header .h-left .h-title,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .h-title{font-size:calc(16px * var(--header-ratio));font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;max-width:300px;width:fit-content;cursor:pointer}#new-canvas-Diy .diy-content .diy-header .h-left .product-info-container,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .product-info-container{position:relative;cursor:pointer;margin-left:5px}#new-canvas-Diy .diy-content .diy-header .h-left .product-info-container:hover .product-info-box,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .product-info-container:hover .product-info-box{display:flex}#new-canvas-Diy .diy-content .diy-header .h-left .product-info-container .product-info-box,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .product-info-container .product-info-box{position:absolute;z-index:10;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.08);border-radius:10px;display:none;flex-direction:column;gap:calc(10px * var(--header-ratio));padding:calc(15px * var(--header-ratio));width:calc(350px * var(--header-ratio));top:calc(45px * var(--header-ratio))}#new-canvas-Diy .diy-content .diy-header .h-left .product-info-container .product-info-box::before,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .product-info-container .product-info-box::before{content:'';position:absolute;left:10%;top:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fff;border-radius:2px}#new-canvas-Diy .diy-content .diy-header .h-left .product-info-container .product-info-item,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .product-info-container .product-info-item{height:calc(20px * var(--header-ratio));font-weight:400;font-size:calc(14px * var(--header-ratio));line-height:calc(20px * var(--header-ratio));color:#666;white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis}#new-canvas-Diy .diy-content .diy-header .h-left .product-info-container .product-info-item span,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .product-info-container .product-info-item span{padding:0 5px}#new-canvas-Diy .diy-content .diy-header .h-left .product-info-container .title-name,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .product-info-container .title-name{font-weight:500;font-size:14px;color:#333;white-space:pre-line;height:fit-content}#new-canvas-Diy .diy-content .diy-header .h-left .product-info-container .split-line,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .product-info-container .split-line{height:2px;border:1px solid #e9e9e9}#new-canvas-Diy .diy-content .diy-header .h-left .redo-btn,#new-canvas-Diy .diy-content .diy-header .h-left .undo-btn,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .redo-btn,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .undo-btn{display:flex;align-items:center}#new-canvas-Diy .diy-content .diy-header .h-left .redo-btn svg,#new-canvas-Diy .diy-content .diy-header .h-left .undo-btn svg,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .redo-btn svg,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-left .undo-btn svg{width:calc(20px * var(--header-ratio))!important;height:calc(20px * var(--header-ratio))!important}#new-canvas-Diy .diy-content .diy-header .b-left .h-bg .bgColor,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .b-left .h-bg .bgColor{width:calc(20px * var(--header-ratio));height:calc(20px * var(--header-ratio));background:#fff;border:1px solid #0f0f0f;border-radius:4px}#new-canvas-Diy .diy-content .diy-header .h-right,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right{width:50%;height:100%;display:flex;justify-content:flex-end;align-items:center;gap:calc(10px * var(--header-ratio))}#new-canvas-Diy .diy-content .diy-header .h-right .h-button,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .h-button{display:flex;justify-content:center;align-items:center;gap:calc(5px * var(--header-ratio));height:calc(40px * var(--header-ratio));padding:0 calc(20px * var(--header-ratio));background:#f7f7f7;border-radius:calc(20px * var(--header-ratio));font-weight:500;font-size:calc(12px * var(--header-ratio));color:#000;cursor:pointer}#new-canvas-Diy .diy-content .diy-header .h-right .h-button svg,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .h-button svg{width:calc(15px * var(--header-ratio))}#new-canvas-Diy .diy-content .diy-header .h-right .preview-btn,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .preview-btn{display:none;background:#efebeb}#new-canvas-Diy .diy-content .diy-header .h-right .preview-btn:hover,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .preview-btn:hover{background:#f7e7e7}#new-canvas-Diy .diy-content .diy-header .h-right .instruct-btn,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .instruct-btn{background:#f7e9c5}#new-canvas-Diy .diy-content .diy-header .h-right .instruct-btn:hover,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .instruct-btn:hover{background:#efe1bd}#new-canvas-Diy .diy-content .diy-header .h-right .add-cart-btn,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .add-cart-btn{background:#f8f8f8;width:calc(132px * var(--header-ratio))}#new-canvas-Diy .diy-content .diy-header .h-right .exit-btn,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .exit-btn{color:#707070;margin-left:calc(30px * var(--header-ratio));padding:5px}#new-canvas-Diy .diy-content .diy-header .h-right .exit-btn:hover,#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header .h-right .exit-btn:hover{box-shadow:0 0 6px 0 rgba(0,0,0,.06);background:#f7f7f7;border-radius:5px}#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-header{flex-shrink:0}#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-body{flex:1 1 0;min-height:0;width:100%;display:flex;flex-direction:row;align-items:stretch;gap:1.5rem;padding:1.5rem 1.25rem;overflow:auto;background:#f8f8f8;box-sizing:border-box}#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-main{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch}#new-canvas-Diy .diy-contributedManuscript .cm-upload-heading{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#111;line-height:1.3;flex-shrink:0}#new-canvas-Diy .diy-contributedManuscript .cm-upload-supported{margin:0 0 1.25rem;font-size:.875rem;line-height:1.5;color:#999;flex-shrink:0}#new-canvas-Diy .diy-contributedManuscript .cm-upload-cards,.new-canvas-Diy .diy-contributedManuscript .cm-upload-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch;flex-shrink:0}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-slot,.new-canvas-Diy .diy-contributedManuscript .cm-upload-card-slot{position:relative;display:flex;flex-direction:column;align-items:stretch;min-height:12.5rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-zone,.new-canvas-Diy .diy-contributedManuscript .cm-upload-zone{position:relative;display:flex;flex-direction:column;flex:1 1 auto;align-self:stretch;min-height:12.5rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card,.new-canvas-Diy .diy-contributedManuscript .cm-upload-card{position:relative;display:flex;flex-direction:column;flex:1 1 auto;align-items:stretch;justify-content:center;min-height:12.5rem;width:100%;box-sizing:border-box;border:1px dashed #e0e0e0;border-radius:.5rem;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card:hover,.new-canvas-Diy .diy-contributedManuscript .cm-upload-card:hover{border-color:#ccc;background:#fafafa}#new-canvas-Diy .diy-contributedManuscript .cm-file-input-screenout,.new-canvas-Diy .diy-contributedManuscript .cm-file-input-screenout{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-inner,.new-canvas-Diy .diy-contributedManuscript .cm-upload-card-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.625rem;flex:1 1 auto;min-height:0;padding:1.25rem .75rem;box-sizing:border-box}#new-canvas-Diy .diy-contributedManuscript .cm-upload-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-icon svg{display:block;width:2rem;height:2rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-title{font-size:.875rem;font-weight:700;color:#000;line-height:1.35}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-desc{display:block;min-width:0;font-size:.875rem;color:#666;line-height:1.45;max-width:14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-main .cm-upload-queue-list,.new-canvas-Diy .diy-contributedManuscript .contributedManuscript-main .cm-upload-queue-list{min-height:0;flex:1 1 0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}#new-canvas-Diy .diy-contributedManuscript .cm-upload-queue-item,.new-canvas-Diy .diy-contributedManuscript .cm-upload-queue-item{border:1px solid #e8e8e8;border-radius:.5rem;background:#fff;box-shadow:0 .0625rem .25rem rgba(0,0,0,.08);overflow:hidden;margin-top:1.25rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-queue-item.cm-upload-queue-item--state-error,.new-canvas-Diy .diy-contributedManuscript .cm-upload-queue-item.cm-upload-queue-item--state-error{border-color:#e53935}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-inner--status,.new-canvas-Diy .diy-contributedManuscript .cm-upload-card-inner--status{display:flex;flex-direction:row;align-items:center;gap:.875rem;width:100%;min-height:0;flex:0 1 auto;padding:.75rem 1rem;box-sizing:border-box;text-align:left}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-inner--status.cm-upload-card--idle{justify-content:center;color:#666;font-size:.875rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-thumb{flex:0 0 3.5rem;width:3.5rem;height:3.5rem;border-radius:.375rem;background:#5c5c5c;display:flex;align-items:center;justify-content:center;overflow:hidden}#new-canvas-Diy .diy-contributedManuscript .cm-upload-thumb--img{background:#f0f0f0;border:1px dashed #ccc}#new-canvas-Diy .diy-contributedManuscript .cm-upload-thumb-img{width:100%;height:100%;object-fit:cover}#new-canvas-Diy .diy-contributedManuscript .cm-upload-thumb--progress{background:#4a4a4a}#new-canvas-Diy .diy-contributedManuscript .cm-upload-ring-wrap{position:relative;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center}#new-canvas-Diy .diy-contributedManuscript .cm-upload-ring-svg{position:absolute;left:0;top:0;width:2.75rem;height:2.75rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-thumb--progress .cm-upload-pct{position:relative;z-index:1;font-size:.6875rem;font-weight:600;color:#fff}#new-canvas-Diy .diy-contributedManuscript .cm-upload-thumb-placeholder{width:100%;height:100%;background:#e0e0e0;border-radius:.25rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-name-row{font-size:.9375rem;font-weight:600;color:#111;display:flex;align-items:center;gap:.375rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-meta{font-size:.75rem;color:#888}#new-canvas-Diy .diy-contributedManuscript .cm-upload-bar{height:.25rem;background:#eee;border-radius:.125rem;overflow:hidden;margin-top:.125rem}#new-canvas-Diy .diy-contributedManuscript .cm-upload-bar-fill{display:block;height:100%;background:#1976d2;border-radius:.125rem;transition:width .15s}#new-canvas-Diy .diy-contributedManuscript .cm-upload-queue-item .cm-upload-card-inner--status.cm-upload-card--success:hover .cm-upload-actions,.new-canvas-Diy .diy-contributedManuscript .cm-upload-queue-item .cm-upload-card-inner--status.cm-upload-card--success:hover .cm-upload-actions{opacity:1}#new-canvas-Diy .diy-contributedManuscript .cm-upload-actions{flex:0 0 auto;display:flex;align-items:center;gap:.375rem;opacity:0;transition:opacity .15s}#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-inner--status.cm-upload-card--error .cm-upload-actions,#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-inner--status.cm-upload-card--success:hover .cm-upload-actions,#new-canvas-Diy .diy-contributedManuscript .cm-upload-card-inner--status.cm-upload-card--uploading .cm-upload-actions{opacity:1}#new-canvas-Diy .diy-contributedManuscript .cm-upload-actions button{width:2.25rem;height:2.25rem;padding:0;border:1px dashed #bbb;border-radius:.375rem;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#444}#new-canvas-Diy .diy-contributedManuscript .cm-upload-actions button:hover{background:#eee}#new-canvas-Diy .diy-contributedManuscript .cm-upload-preview-btn--disabled{opacity:.45;cursor:not-allowed}#new-canvas-Diy .diy-contributedManuscript .cm-upload-ok{display:inline-flex;width:1.125rem;height:1.125rem;border-radius:50%;background:#2e7d32;color:#fff;font-size:.625rem;align-items:center;justify-content:center;line-height:1}#new-canvas-Diy .diy-contributedManuscript .cm-upload-thumb--error-icon{background:#f5f5f5;border:1px solid #ffcdd2}#new-canvas-Diy .diy-contributedManuscript .cm-upload-thumb--error-icon .cm-upload-x{display:flex;width:1.5rem;height:1.5rem;border-radius:50%;background:#e53935;color:#fff;font-size:1rem;line-height:1;align-items:center;justify-content:center;font-weight:700}#new-canvas-Diy .diy-contributedManuscript .cm-upload-bad{display:inline-flex;width:1.125rem;height:1.125rem;border-radius:50%;background:#e53935;color:#fff;font-size:.625rem;align-items:center;justify-content:center;line-height:1}#new-canvas-Diy .diy-contributedManuscript .cm-upload-err-msg{font-size:.8125rem;color:#e53935;line-height:1.35}#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-sidebar{flex:0 0 22rem;max-width:100%;min-height:0;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}#new-canvas-Diy .diy-contributedManuscript .cm-notes-heading{margin:0;font-size:1.125rem;font-weight:700;color:#111;line-height:1.3}#new-canvas-Diy .diy-contributedManuscript .cm-notes-intro{margin:0;font-size:.875rem;line-height:1.55;color:#666}#new-canvas-Diy .diy-contributedManuscript .cm-field-label{display:block;margin:.25rem 0 0;font-size:.875rem;font-weight:500;color:#111}#new-canvas-Diy .diy-contributedManuscript .cm-required{color:red;margin-right:.125rem}#new-canvas-Diy .diy-contributedManuscript .cm-notes-textarea{width:100%;min-height:9rem;padding:.75rem .875rem;font-size:.875rem;line-height:1.5;color:#111;border:1px solid #e0e0e0;border-radius:.375rem;resize:vertical;background:#fff;font-family:inherit;box-sizing:border-box}#new-canvas-Diy .diy-contributedManuscript .cm-notes-textarea::placeholder{color:#999}#new-canvas-Diy .diy-contributedManuscript .cm-notes-textarea:focus{outline:0;border-color:#ccc}#new-canvas-Diy .diy-contributedManuscript .cm-add-cart-btn{width:100%;margin-top:.25rem;padding:.875rem 1rem;font-size:1rem;font-weight:600;color:#333;background:#f0f0f0;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;transition:background .2s}#new-canvas-Diy .diy-contributedManuscript .cm-add-cart-btn:hover{background:#e6e6e6}#new-canvas-Diy .diy-contributedManuscript .cm-advanced-foot{margin:.5rem 0 0;font-size:.8125rem;line-height:1.55;color:#666;text-align:center}#new-canvas-Diy .diy-contributedManuscript .cm-advanced-link{display:inline-flex;align-items:center;gap:.25rem;color:#00d059;font-weight:600;text-decoration:none;vertical-align:baseline}#new-canvas-Diy .diy-contributedManuscript .cm-advanced-link:hover{text-decoration:underline}#new-canvas-Diy .diy-contributedManuscript .cm-advanced-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}#new-canvas-Diy .diy-contributedManuscript .cm-advanced-icon svg{display:block;width:.875rem;height:.875rem}#new-canvas-Diy #cm-mobile-upload-container.mobile-upload-container{display:none;position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;justify-content:center;align-items:center;box-sizing:border-box}@media (max-width:900px){#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-main{flex:1 1 auto;min-height:0}#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-body{flex-direction:column;padding:1rem}#new-canvas-Diy .diy-contributedManuscript .contributedManuscript-sidebar{flex:none;width:100%}#new-canvas-Diy .diy-contributedManuscript .cm-upload-cards,.new-canvas-Diy .diy-contributedManuscript .cm-upload-cards{grid-template-columns:1fr}}#new-canvas-Diy .cm-upload-preview-overlay{position:fixed;inset:0;z-index:calc(var(--designer-z-index,12000) + 30);display:none;align-items:center;justify-content:center;padding:1.25rem;box-sizing:border-box;background:rgba(0,0,0,.45)}#new-canvas-Diy .cm-upload-preview-modal{position:relative;width:45rem;height:37.5rem;max-width:calc(100vw - 2.5rem);max-height:calc(100vh - 2.5rem);background:#fff;border-radius:.75rem;box-shadow:0 .25rem 2rem rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}#new-canvas-Diy .cm-upload-preview-modal__hdr{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:1.125rem 1.25rem .875rem}#new-canvas-Diy .cm-upload-preview-modal__ttl{font-size:1rem;font-weight:600;color:#111}#new-canvas-Diy .cm-upload-preview-modal__close{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:0 0;cursor:pointer;line-height:0;border-radius:50%}#new-canvas-Diy .cm-upload-preview-modal__close svg{display:block;width:1.9375rem;height:1.9375rem}#new-canvas-Diy .cm-upload-preview-modal__stage{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;flex:1 1 0;min-height:0;padding:0 1rem 1rem;box-sizing:border-box}#new-canvas-Diy .cm-upload-preview-modal__nav{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:0 0;cursor:pointer;line-height:0}#new-canvas-Diy .cm-upload-preview-modal__nav svg{display:block;width:3.25rem;height:2.9375rem}#new-canvas-Diy .cm-upload-preview-modal__nav.cm-upload-preview-modal__nav--disabled,#new-canvas-Diy .cm-upload-preview-modal__nav:disabled{opacity:.35;cursor:default;pointer-events:none}#new-canvas-Diy .cm-upload-preview-modal__imgbox{flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;height:100%}#new-canvas-Diy .cm-upload-preview-modal__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;vertical-align:middle}#new-canvas-Diy .cm-upload-preview-modal__unavailable{display:none;margin:0;padding:0 1rem;text-align:center;font-size:.9375rem;font-weight:500;line-height:1.5;color:#666;max-width:100%;box-sizing:border-box}#new-canvas-Diy .cm-upload-preview-modal__imgbox.is-cm-preview-failed .cm-upload-preview-modal__unavailable{display:block}#new-canvas-Diy .cm-upload-preview-modal__imgbox.is-cm-preview-failed .cm-upload-preview-modal__img{display:none!important}#new-canvas-Diy .cm-upload-preview-modal__filename{margin:1.875rem 0 0;flex-shrink:0;text-align:center;padding:0 1.25rem 1.25rem;font-weight:500;font-size:1rem;color:#000;line-height:1.4;word-break:break-all;box-sizing:border-box}@media (max-width:600px){#new-canvas-Diy .cm-upload-preview-modal__stage{flex-wrap:wrap;gap:.5rem}#new-canvas-Diy .cm-upload-preview-modal__nav svg{width:2.875rem;height:2.5rem}}#new-canvas-Diy .cm-upload-queue-del-overlay{position:fixed;inset:0;z-index:calc(var(--designer-z-index,12000) + 32);display:none;align-items:center;justify-content:center;padding:1.25rem;box-sizing:border-box;background:rgba(0,0,0,.45)}#new-canvas-Diy .cm-upload-queue-del-dialog{position:relative;width:min(22.5rem,100%);background:#fff;border-radius:.75rem;padding:1.75rem 1.5rem 1.5rem;box-shadow:0 .25rem 2rem rgba(0,0,0,.2);box-sizing:border-box}#new-canvas-Diy .cm-upload-queue-del-dialog__close{position:absolute;top:.875rem;right:.875rem;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:0 0;cursor:pointer;line-height:0;border-radius:50%}#new-canvas-Diy .cm-upload-queue-del-dialog__close svg{display:block;width:1.9375rem;height:1.9375rem}#new-canvas-Diy .cm-upload-queue-del-dialog__ttl{margin:0;padding:0 2rem .75rem 0;font-size:1.0625rem;font-weight:700;color:#000;line-height:1.35;text-align:center;box-sizing:border-box}#new-canvas-Diy .cm-upload-queue-del-dialog__msg{margin:0 0 1.5rem;font-size:.875rem;font-weight:400;color:#333;line-height:1.55;text-align:center;box-sizing:border-box}#new-canvas-Diy .cm-upload-queue-del-dialog__actions{display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:.75rem}#new-canvas-Diy .cm-upload-queue-del-dialog__cancel,#new-canvas-Diy .cm-upload-queue-del-dialog__confirm{flex:1 1 0;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;box-sizing:border-box;transition:background .2s,opacity .2s}#new-canvas-Diy .cm-upload-queue-del-dialog__cancel{background:#f3f3f3;color:#111}#new-canvas-Diy .cm-upload-queue-del-dialog__cancel:hover{background:#e8e8e8}#new-canvas-Diy .cm-upload-queue-del-dialog__confirm{background:#f5cf4f;color:#111}#new-canvas-Diy .cm-upload-queue-del-dialog__confirm:hover{background:#e8bf3a}#new-canvas-Diy .diy-content .diy-util{visibility:hidden;width:100%;height:calc(54px * var(--panel-ratio));background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.08);display:flex;justify-content:center;align-items:center;padding:calc(12px * var(--panel-ratio)) 0}#new-canvas-Diy .diy-content .diy-util .util-box{display:none;align-items:center;font-weight:500;font-size:calc(14px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .hoverstyle:hover{background:#f7f7f7;border-radius:calc(4px * var(--panel-ratio));height:calc(35px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .family-box{height:calc(32px * var(--panel-ratio));position:relative;display:flex;align-items:center;justify-content:center;gap:calc(5px * var(--panel-ratio));cursor:pointer;padding:0 calc(10px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .family-box .family-text{width:calc(90px * var(--panel-ratio));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#new-canvas-Diy .diy-content .diy-util .util-box .family-box svg{width:calc(12px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .family-box .fontFamily{width:calc(200px * var(--panel-ratio));height:calc(300px * var(--panel-ratio));padding:calc(10px * var(--panel-ratio));overflow-x:hidden;overflow-y:auto;top:calc(calc(54px * var(--panel-ratio)) + calc(10px * var(--panel-ratio)));scrollbar-width:thin;cursor:auto}#new-canvas-Diy .diy-content .diy-util .util-box .family-box .fontFamily .font-title{padding:0 calc(8px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .family-box .fontFamily .font-divider{border:1px solid #f1f1f1;height:1px;width:100%;display:inline-block}#new-canvas-Diy .diy-content .diy-util .util-box .family-box .fontFamily li{cursor:pointer;height:calc(35px * var(--panel-ratio));display:flex;align-items:center;justify-content:center;padding:0 calc(8px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .family-box .fontFamily li:hover{background:#f7f7f7;border-radius:calc(8px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .family-box .fontFamily li img{width:100%;object-fit:contain}#new-canvas-Diy .diy-content .diy-util .util-box .size-box{display:flex;align-items:center}#new-canvas-Diy .diy-content .diy-util .util-box .size-box .input-box{position:relative}#new-canvas-Diy .diy-content .diy-util .util-box .size-box .input-box .size-input{width:calc(40px * var(--panel-ratio));height:calc(32px * var(--panel-ratio));line-height:calc(54px * var(--panel-ratio));text-align:center;outline:0;border:none;font-size:calc(16px * var(--panel-ratio));cursor:pointer}#new-canvas-Diy .diy-content .diy-util .util-box .size-box .input-box .fontSize{top:calc(calc(54px * var(--panel-ratio)) + calc(10px * var(--panel-ratio)));left:calc(-10px * var(--panel-ratio));width:calc(80px * var(--panel-ratio));height:calc(300px * var(--panel-ratio));overflow-y:auto;text-align:center;scrollbar-width:thin}#new-canvas-Diy .diy-content .diy-util .util-box .size-box .input-box .fontSize li{cursor:pointer;font-size:calc(18px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .size-box .input-box .fontSize li:hover{background:#f7f7f7;border-radius:calc(6px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .size-box .add-size,#new-canvas-Diy .diy-content .diy-util .util-box .size-box .reduce-size{display:flex;justify-content:center;align-items:center;width:calc(32px * var(--panel-ratio));height:calc(32px * var(--panel-ratio));border-radius:calc(5px * var(--panel-ratio));cursor:pointer;font-weight:500;font-size:calc(16px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .color-box,#new-canvas-Diy .diy-content .diy-util .util-box .logo-color-box{height:calc(54px * var(--panel-ratio));display:flex;flex-direction:column;justify-content:center;position:relative}#new-canvas-Diy .diy-content .svg-tool .color-box{flex-direction:row!important;align-items:center;gap:calc(5px * var(--panel-ratio))}#new-canvas-Diy .diy-content .svg-tool .color-box>div{height:calc(32px * var(--panel-ratio));width:calc(32px * var(--panel-ratio));display:flex;align-items:center;justify-content:center}#new-canvas-Diy .diy-content .diy-util .util-box .color-box .fontColor,#new-canvas-Diy .diy-content .diy-util .util-box .logo-color-box .logoColor{width:calc(20px * var(--panel-ratio));height:calc(20px * var(--panel-ratio));background:#62a6e0;border:1px solid #0f0f0f;border-radius:calc(4px * var(--panel-ratio));cursor:pointer}#new-canvas-Diy .diy-content .diy-util .util-box .color-box .color-item,#new-canvas-Diy .diy-content .diy-util .util-box .logo-color-box .color-item{width:calc(20px * var(--panel-ratio));height:calc(20px * var(--panel-ratio));background:#62a6e0;border-radius:calc(4px * var(--panel-ratio));cursor:pointer}#new-canvas-Diy .diy-content .diy-util .util-box .color-box .color-item.on,#new-canvas-Diy .diy-content .diy-util .util-box .logo-color-box .color-item.on{border:2px solid #0f0f0f}#new-canvas-Diy .diy-content .diy-util .util-box .fontBold svg{width:calc(16px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .fontItalic svg{width:calc(20px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .fontUnderLine svg{width:calc(16px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .font-lump{width:calc(32px * var(--panel-ratio));height:calc(32px * var(--panel-ratio));border-radius:calc(5px * var(--panel-ratio));cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:calc(20px * var(--panel-ratio));font-weight:700}#new-canvas-Diy .diy-content .diy-util .util-box .align-canvas-box,#new-canvas-Diy .diy-content .diy-util .util-box .arrange-box,#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box,#new-canvas-Diy .diy-content .diy-util .util-box .text-align-box,#new-canvas-Diy .diy-content .diy-util .util-box .text-curved-box,#new-canvas-Diy .diy-content .diy-util .util-box .text-format-box,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box{height:calc(54px * var(--panel-ratio));position:relative;display:flex;justify-content:center;align-items:center}#new-canvas-Diy .diy-content .diy-util .util-box .align-canvas-box .align-canvas-switch,#new-canvas-Diy .diy-content .diy-util .util-box .arrange-box .arrange-switch,#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box .rotate-switch,#new-canvas-Diy .diy-content .diy-util .util-box .text-align-box .text-align-switch,#new-canvas-Diy .diy-content .diy-util .util-box .text-curved-box .text-curved-switch,#new-canvas-Diy .diy-content .diy-util .util-box .text-format-box .text-format-switch,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .text-space-switch{height:calc(32px * var(--panel-ratio));display:flex;justify-content:center;align-items:center;gap:calc(5px * var(--panel-ratio));cursor:pointer;padding:0 calc(10px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box .rotate-range,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .letter-range,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .line-range{-webkit-appearance:none;appearance:none;width:calc(260px * var(--panel-ratio));height:calc(4px * var(--panel-ratio));background:0 0;position:relative;outline:0}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box .rotate-range::before,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .letter-range::before,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .line-range::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:calc(4px * var(--panel-ratio));background:#ddd;border-radius:calc(4px * var(--panel-ratio));z-index:1}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box .rotate-range::after,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .letter-range::after,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .line-range::after{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:var(--progress,50%);height:calc(4px * var(--panel-ratio));background:linear-gradient(to right,#fec629,#ffab00);border-radius:calc(4px * var(--panel-ratio));z-index:2}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box .rotate-range::-webkit-slider-thumb,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .letter-range::-webkit-slider-thumb,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .line-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(20px * var(--panel-ratio));height:calc(20px * var(--panel-ratio));background:#fec629;border:2px solid #fec629;border-radius:50%;cursor:pointer;position:relative;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.2)}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box .rotate-range::-moz-range-thumb,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .letter-range::-moz-range-thumb,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .line-range::-moz-range-thumb{width:calc(20px * var(--panel-ratio));height:calc(20px * var(--panel-ratio));background:#fec629;border:2px solid #fec629;border-radius:50%;cursor:pointer;position:relative;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.2)}#new-canvas-Diy .diy-content .diy-util .util-box .text-align-box .text-align-switch svg{width:calc(18px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .align-canvas-box .align-canvas-switch svg,#new-canvas-Diy .diy-content .diy-util .util-box .text-align-box .text-align-pop svg{width:calc(14px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .align-canvas-box .align-canvas-pop{gap:0;flex-direction:column}#new-canvas-Diy .diy-content .diy-util .util-box .align-canvas-box .align-canvas-pop .pop-item,#new-canvas-Diy .diy-content .diy-util .util-box .text-format-box .text-format-pop .pop-item{padding:calc(5px * var(--panel-ratio)) calc(15px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .align-canvas-box .align-canvas-pop svg{width:calc(14px * var(--panel-ratio));margin-right:calc(4px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .arrange-box .arrange-switch svg{width:calc(19px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .text-curved-box .text-curved-switch svg{width:calc(20px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .text-curved-box .text-curved-pop svg{width:calc(40px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .text-curved-box .text-curved-pop{flex-direction:column;margin-top:calc(5px * var(--panel-ratio))}.util-header .text-curved-box{flex-direction:column;justify-content:center;height:70px!important;font-size:calc(14px * var(--panel-ratio))}#new-canvas-Diy .curved-btn-box{display:flex;width:100%;justify-content:space-evenly;gap:calc(10px * var(--panel-ratio))}#new-canvas-Diy .curved-val-box{display:flex;gap:calc(5px * var(--panel-ratio));justify-content:center}.curved-val-box .curved-range{width:60%}.curved-val-box .curved-value{width:10%}.curved-val-box .curved-value input{width:100%;text-align:center;border:1px solid #ccc}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box .rotate-switch svg{width:calc(15px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .align-canvas-box .pop-horizontal,#new-canvas-Diy .diy-content .diy-util .util-box .arrange-box .pop-horizontal,#new-canvas-Diy .diy-content .diy-util .util-box .rotate-box .pop-horizontal,#new-canvas-Diy .diy-content .diy-util .util-box .text-align-box .pop-horizontal,#new-canvas-Diy .diy-content .diy-util .util-box .text-format-box .pop-horizontal,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-box .pop-horizontal{top:calc(calc(54px * var(--panel-ratio)) + calc(10px * var(--panel-ratio)))}#new-canvas-Diy .diy-content .diy-util .util-box .arrange-box .pop-item{width:calc(155px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .arrange-pop,#new-canvas-Diy .diy-content .diy-util .util-box .text-format-pop,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-pop{flex-direction:column;gap:0}#new-canvas-Diy .diy-content .diy-util .util-box .addLogo,#new-canvas-Diy .diy-content .diy-util .util-box .editCodeUrl,#new-canvas-Diy .diy-content .diy-util .util-box .logoColor,#new-canvas-Diy .diy-content .diy-util .util-box .remove-bg,#new-canvas-Diy .diy-content .diy-util .util-box .sharpen{display:flex;align-items:center;gap:calc(5px * var(--panel-ratio));cursor:pointer;height:calc(32px * var(--panel-ratio));padding:0 calc(10px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .addLogo svg,#new-canvas-Diy .diy-content .diy-util .util-box .editCodeUrl svg,#new-canvas-Diy .diy-content .diy-util .util-box .remove-bg svg,#new-canvas-Diy .diy-content .diy-util .util-box .sharpen svg{width:calc(20px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .addLogo,#new-canvas-Diy .diy-content .diy-util .util-box .editCodeUrl{position:relative;padding:0}.image-tool .addLogo-switch,.image-tool .editCodeUrl-switch{display:flex;align-items:center;height:calc(32px * var(--panel-ratio));gap:calc(5px * var(--panel-ratio));cursor:pointer;padding:0 calc(10px * var(--panel-ratio))}.image-tool .barcode-edit-box,.image-tool .logo-box{flex-direction:column;top:calc(calc(54px * var(--panel-ratio)) + calc(10px * var(--panel-ratio)))}.image-tool .logo-box .title{font-weight:500;font-size:calc(14px * var(--panel-ratio));color:#000}.image-tool .logo-box{padding:calc(10px * var(--panel-ratio));align-items:flex-start;width:calc(333px * var(--panel-ratio));height:fit-content;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.06);border-radius:calc(20px * var(--panel-ratio));z-index:1000}.image-tool .logo-box .logo-upload-box{width:100%;height:fit-content;display:flex;justify-content:center;text-align:center}.image-tool .logo-box .logo-upload-btn{width:100%;height:calc(42px * var(--panel-ratio));line-height:calc(42px * var(--panel-ratio));background:#fec629;border-radius:calc(12px * var(--panel-ratio))}.image-tool .logo-box .title-logo-img{font-weight:600;padding-left:calc(5px * var(--panel-ratio))}.logo-box .logo-items{gap:calc(5px * var(--panel-ratio));display:flex;overflow-x:auto;width:100%}.logo-box .logo-items .noneLogo{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f2f2f2}.logo-box .logo-items .noneLogo>div{display:flex}.logo-box .logo-items .noneLogo svg{position:unset!important;width:calc(40px * var(--panel-ratio))!important;height:calc(40px * var(--panel-ratio))!important}.logo-box .logo-items .logo-item{width:calc(75px * var(--panel-ratio));height:calc(75px * var(--panel-ratio));background:#ddd;border-radius:2px;position:relative;overflow:hidden;padding:1px;flex-shrink:0}.logo-box .logo-items .logo-item img{max-width:100%;object-fit:contain}.logo-box .logo-items .logo-item svg{position:absolute;right:2px;top:2px}.logo-box .logo-upload-tips{padding-left:calc(5px * var(--panel-ratio));display:flex;justify-content:center;flex-direction:column;height:calc(44px * var(--panel-ratio));font-family:Poppins,Poppins;font-weight:400;font-size:calc(14px * var(--panel-ratio));color:#000;text-align:left;font-style:normal;text-transform:none}.logo-box .logo-upload-tips .title-tips{font-weight:600;font-size:calc(14px * var(--panel-ratio))}.logo-box .logo-upload-tips span{line-height:calc(22px * var(--panel-ratio))}.barcode-edit-box{gap:calc(10px * var(--panel-ratio));background:#f8f8f8;box-shadow:0 -3px calc(12px * var(--panel-ratio)) 1px rgba(0,0,0,.16);border-radius:calc(20px * var(--panel-ratio)) calc(20px * var(--panel-ratio)) 0 0;width:calc(300px * var(--panel-ratio))}.barcode-edit-box .barcode-input-edit{font-weight:500;padding:calc(10px * var(--panel-ratio)) calc(10px * var(--panel-ratio)) 0 calc(10px * var(--panel-ratio));text-align:left;min-height:calc(40px * var(--panel-ratio));width:100%;border:none;outline:0;border-bottom:1px solid #ddd;font-size:calc(14px * var(--panel-ratio))}.barcode-edit-box .url-input-edit{display:none;font-weight:500;color:#fa4040;line-height:calc(12px * var(--panel-ratio));font-size:calc(10px * var(--panel-ratio));height:calc(12px * var(--panel-ratio))}.barcode-edit-box .barcode-btn-edit{text-align:center;width:100%;display:flex;cursor:pointer;justify-content:space-around;margin:calc(10px * var(--panel-ratio)) 0;font-weight:500;font-size:calc(14px * var(--panel-ratio));height:calc(30px * var(--panel-ratio));line-height:calc(30px * var(--panel-ratio))}.barcode-edit-box .barcode-btn-edit span{width:40%;background:#f2f2f2;border-radius:calc(12px * var(--panel-ratio))}.barcode-edit-box .barcode-btn-edit .edit-saved{background:#0f0f0f;color:#fff}#new-canvas-Diy .diy-content .diy-util .util-box .changecolor,#new-canvas-Diy .diy-content .diy-util .util-box .image-crop,#new-canvas-Diy .diy-content .diy-util .util-box .remove-bg{display:flex;align-items:center;gap:calc(5px * var(--panel-ratio));cursor:pointer;height:calc(32px * var(--panel-ratio));padding:0 calc(10px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .changecolor svg{width:calc(22px * var(--panel-ratio));height:calc(22px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .logoColor span{width:calc(18px * var(--panel-ratio));height:calc(18px * var(--panel-ratio));background:#000;border:1px solid;border-radius:2px}#new-canvas-Diy .diy-content .diy-util .util-box .remove-bg svg{width:calc(18px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .selection-item{display:flex;align-items:center;gap:calc(5px * var(--panel-ratio));padding:calc(5px * var(--panel-ratio)) calc(10px * var(--panel-ratio));border-radius:calc(5px * var(--panel-ratio));cursor:pointer}#new-canvas-Diy .diy-content .diy-util .util-box .selection-item svg{width:calc(16px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-pop,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-pop{padding:calc(10px * var(--panel-ratio));border-radius:calc(10px * var(--panel-ratio));flex-direction:column;align-items:flex-start;gap:calc(5px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-pop .rotate-control,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-pop .letter-control,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-pop .line-control{display:flex;align-items:center;gap:calc(10px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-pop .rotate-value,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-pop .letter-value,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-pop .line-value{width:calc(40px * var(--panel-ratio));text-align:center}#new-canvas-Diy .diy-content .diy-util .util-box .rotate-pop .rotate-value #rotateVal,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-pop .letter-value #letterVal,#new-canvas-Diy .diy-content .diy-util .util-box .text-space-pop .line-value #lineVal{border:1px solid #f3eaea;text-align:center;border-radius:2px;cursor:pointer;color:#666;width:calc(40px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .delete-tool,#new-canvas-Diy .diy-content .diy-util .util-box .diecut-cancel-tool,#new-canvas-Diy .diy-content .diy-util .util-box .diecut-tool{display:flex;align-items:center;gap:calc(5px * var(--panel-ratio));cursor:pointer;height:calc(32px * var(--panel-ratio));padding:0 calc(10px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .delete-tool svg,#new-canvas-Diy .diy-content .diy-util .util-box .diecut-cancel-tool svg,#new-canvas-Diy .diy-content .diy-util .util-box .diecut-tool svg{width:calc(12px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .util-box .delete-tool.hoverstyle:hover{color:#ff3838}#new-canvas-Diy .diy-content .diy-util .util-box .diecut-cancel-tool,#new-canvas-Diy .diy-content .diy-util .util-box .diecut-tool{display:none}#new-canvas-Diy .diy-content .diy-util .util-box .diecut-tool.guideActive{background:#fff;z-index:10005;border-radius:calc(12px * var(--panel-ratio));width:calc(122px * var(--panel-ratio));justify-content:center;height:calc(43px * var(--panel-ratio));font-weight:600;opacity:.9}#new-canvas-Diy .diy-content .diy-util .util-box .util-v-line{width:0;height:calc(30px * var(--panel-ratio));border:1px solid #ddd;margin:0 calc(4px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-util .image-tool .img-scale{height:calc(32px * var(--panel-ratio));width:calc(38px * var(--panel-ratio));display:flex;align-items:center;justify-content:center}#new-canvas-Diy .diy-content .diy-util .util-box .image-zoom-add,#new-canvas-Diy .diy-content .diy-util .util-box .image-zoom-minus{width:calc(20px * var(--panel-ratio))}#new-canvas-Diy .diy-content .diy-body{height:calc(98vh - 70px - 54px);flex:1;display:flex;padding:calc(20px * var(--left-ratio));position:relative}#new-canvas-Diy .diy-content .diy-body .b-left{width:22%;max-width:calc(415px * var(--left-ratio));display:flex;justify-content:space-between;gap:10px}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l{display:flex;flex-direction:column;align-items:center;gap:calc(20px * var(--left-ratio));height:fit-content;padding:calc(20px * var(--left-ratio)) calc(6px * var(--left-ratio));background:#fff;border-radius:calc(20px * var(--left-ratio));font-weight:500;font-size:calc(12px * var(--left-ratio));scrollbar-width:thin;scrollbar-color:#ddd transparent;max-height:70vh;overflow-y:auto;box-shadow:0 0 6px 0 rgba(0,0,0,.06)}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l::-webkit-scrollbar{width:calc(4px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l::-webkit-scrollbar-track{background:0 0;border-radius:calc(2px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l::-webkit-scrollbar-thumb{background:#ddd;border-radius:calc(2px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l::-webkit-scrollbar-thumb:hover{background:#ccc}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-box{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:calc(8px * var(--left-ratio)) calc(4px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-box .bll-svg-box{width:calc(38px * var(--left-ratio));height:calc(32px * var(--left-ratio));border-radius:calc(8px * var(--left-ratio));border:none;display:flex;justify-content:center;align-items:center}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-box:hover{border-radius:calc(5px * var(--left-ratio));background:#f7f7f7;width:100%}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-box .bll-svg-box svg{width:calc(20px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-background,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-layout,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-material,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-printStyle,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-shape,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-template{display:none}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-background .bll-svg-box svg,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-material .bll-svg-box svg{width:calc(25px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-box-active .bll-svg-box{background:#0f0f0f!important}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-l .bll-box-active .bll-svg-box svg{color:#fff}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r{flex:1;max-width:calc(333px * var(--left-ratio));overflow-y:auto}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box{width:100%;max-height:100%;padding:calc(20px * var(--left-ratio)) calc(12px * var(--left-ratio));background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.06);border-radius:calc(20px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .blr-background{background:0 0;box-shadow:none}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .title,.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__title,.rwm-bg-picker-advanced-mode .title{font-weight:500;font-size:calc(16px * var(--left-ratio));line-height:calc(29px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .edit-text-tips{color:#666;font-size:calc(12px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .des-t{font-size:calc(14px * var(--left-ratio));line-height:calc(24px * var(--left-ratio));padding:0 calc(2px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .des-d{font-size:calc(12px * var(--left-ratio));line-height:calc(22px * var(--left-ratio));padding:0 calc(2px * var(--left-ratio));color:#666;margin-top:3px}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .des-t{margin-top:calc(20px * var(--left-ratio));font-weight:500}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box{margin-top:calc(16px * var(--left-ratio));max-height:60vh;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8px * var(--left-ratio));scrollbar-width:thin;scrollbar-color:#ddd transparent}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box{align-items:center;max-height:calc(43vh * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box::-webkit-scrollbar,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box::-webkit-scrollbar{width:calc(4px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box::-webkit-scrollbar-track,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box::-webkit-scrollbar-track{background:0 0;border-radius:calc(2px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box::-webkit-scrollbar-thumb,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box::-webkit-scrollbar-thumb{background:#ddd;border-radius:calc(2px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box::-webkit-scrollbar-thumb:hover,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box::-webkit-scrollbar-thumb:hover{background:#ccc}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .shape-box{margin-top:calc(16px * var(--left-ratio));max-height:60vh;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:calc(20px * var(--left-ratio));font-size:calc(14px * var(--left-ratio));justify-items:center}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .shape-box .shape-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:70%;aspect-ratio:1;background-color:#f7f7f7;justify-content:center;border-radius:calc(10px * var(--left-ratio));font-size:calc(10px * var(--left-ratio));cursor:pointer;border:1px solid #ccc}#new-canvas-Diy .shape-box .shape-item .icon{width:calc(40px * var(--left-ratio))!important;height:calc(40px * var(--left-ratio))!important}#new-canvas-Diy .shape-box .shape-item.active{border:calc(3px * var(--left-ratio)) solid #94df74!important}#new-canvas-Diy .diy-content .diy-body .mask-box{width:100%;height:100%;position:absolute;border-radius:calc(10px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item{width:100%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:calc(10px * var(--left-ratio));overflow:hidden;box-shadow:0 0 0 1px #c2a7dd24}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item img{width:100%;object-fit:contain;aspect-ratio:1/1}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item svg,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item svg{position:absolute;top:calc(2px * var(--left-ratio));right:calc(2px * var(--left-ratio));width:calc(12px * var(--left-ratio));height:calc(12px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item{padding:calc(5px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item:hover::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);opacity:1;pointer-events:none}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item .user-img-del{display:none}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item:hover .user-img-del{display:block;color:#fff}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item.hold-place{width:100%;aspect-ratio:1/1;background:#e9e9e9!important}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item.hold-place svg.default-img{width:80%!important;height:90%!important;right:10%!important;top:5%!important}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-box .img-box-item.hold-place svg.default-load{width:40%!important;height:40%!important;top:30%!important;right:30%!important}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item .t-img-box{position:absolute;z-index:1;width:40%;height:54%;left:30%;top:34%;overflow:hidden}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item .t-img-box img{height:100%}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item .bg-img{width:100%;height:auto;max-height:100%}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item .use-btn{opacity:0;visibility:hidden;position:absolute;z-index:2;padding:calc(5px * var(--left-ratio)) calc(20px * var(--left-ratio));font-size:calc(14px * var(--left-ratio));border-radius:calc(15px * var(--left-ratio));cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%);transition:.1s .1s;color:#fff}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item:hover .mask-box{background-color:rgba(0,0,0,.5)}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item:hover .use-btn{opacity:1;visibility:visible;background:#000}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box .template-box-item .use-btn:hover{background:#ffab00;transition:.1s .1s}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .input-box{max-height:35vh;overflow-y:auto;margin-top:calc(10px * var(--left-ratio));display:flex;flex-direction:column;gap:calc(5px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .input-box .input-box-item{display:flex;justify-content:space-between;align-items:center;padding:calc(2px * var(--left-ratio)) 0;border-bottom:1px solid #ddd}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .input-box .input-box-item textarea{flex:1;border:none;outline:0;resize:none;font-size:calc(12px * var(--left-ratio));cursor:pointer;line-height:calc(29px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .input-box .input-box-item:hover{border-bottom:1px solid #caa1a1}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .input-box .input-box-item svg{width:calc(16px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .input-box .input-box-item:hover .delete-text{display:flex}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .input-box .delete-text{height:100%;width:calc(25px * var(--left-ratio));display:none;justify-content:center;padding:2px}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .input-box .delete-text:hover{background:#f7f7f7;border-radius:3px}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .template-box{margin-top:calc(12px * var(--left-ratio));grid-template-columns:repeat(2,1fr);padding:calc(4px * var(--left-ratio));min-height:300px}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .single-column{grid-template-columns:repeat(1,1fr)!important}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-upload-btn,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .text-add-btn{width:100%;border-radius:calc(12px * var(--left-ratio));background:#fec629;cursor:pointer;margin-top:calc(20px * var(--left-ratio));display:flex;justify-content:center;align-items:center;gap:calc(7px * var(--left-ratio));font-weight:500;font-size:calc(14px * var(--left-ratio));padding:calc(10px * var(--left-ratio)) 0;box-shadow:0 0 10px 0 rgba(0,0,0,.15)}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-upload-btn:hover,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .text-add-btn:hover{background:#fcbd0d}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .img-upload-btn svg,#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .text-add-btn svg{width:calc(18px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box:nth-child(n+2){display:none}.b-left-r-box.blr-background{height:65%}.b-left-r-box.blr-background .background-box{position:relative;bottom:calc(-10px * var(--left-ratio))}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .blr-shape{background-color:#fff}#new-canvas-Diy .diy-content .diy-body .b-center{overflow-y:auto;scrollbar-width:none;flex:1;height:100%;display:flex;justify-content:center;align-items:center}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center}#new-canvas-Diy .bg-content.hideBackImg{background-image:none!important}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content #diyContainer{position:relative;width:fit-content;height:fit-content}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content #diyContainer:focus-visible{box-shadow:unset!important;outline:0!important}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content #diyContainer .canvas-delete-item{color:#fec629;position:absolute;z-index:999;display:none;background:#fff;border-radius:50%}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content #diyContainer .pixel-warn{display:none;position:absolute;padding:5px 10px;border-radius:5px;background:#fff;color:red;font-size:12px;font-weight:500}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content #diyContainer .guide-line{display:none;position:absolute;border:1px dashed #b14848;z-index:1}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content #diyContainer .guide-h{top:50%;width:100%;height:1px}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content #diyContainer .guide-v{height:100%;width:1px;left:50%}#new-canvas-Diy .diy-content .diy-body .b-center .bc-noCanvas{display:none;width:80%}#new-canvas-Diy .diy-content .diy-body .b-center .bc-noCanvas .noCanvas-1>div,#new-canvas-Diy .diy-content .diy-body .b-center .bc-noCanvas .noCanvas-2>div{width:100%;padding:50px 20px;border:1px dashed #000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.bc-noCanvas .knife-img{display:flex;align-items:center;flex-direction:row;gap:20px}#new-canvas-Diy .diy-content .diy-body .b-center .bc-noCanvas .noCanvas-1 .des,#new-canvas-Diy .diy-content .diy-body .b-center .bc-noCanvas .noCanvas-2 .des{text-align:center}#new-canvas-Diy .diy-content .diy-body .b-center .bc-noCanvas .noCanvas-1 .file-icon,#new-canvas-Diy .diy-content .diy-body .b-center .bc-noCanvas .noCanvas-2 .file-icon{width:100px;height:100px;margin-top:50px}#new-canvas-Diy .diy-content .diy-body .b-center .bc-noCanvas .noCanvas-2{display:none}#new-canvas-Diy .diy-content .diy-body .three-content{margin:calc(-74px * var(--right-ratio)) calc(-44px * var(--right-ratio)) 0 0;background:#fff;width:calc((100% - var(--b-left-w))/ 5 * 2);height:100vh;flex-direction:column;display:none;position:relative}.diy-body .three-content .three-tips{margin-top:calc(15% * var(--right-ratio));font-size:calc(13px * var(--right-ratio));text-align:center}#new-canvas-Diy .diy-content .diy-body .three-content .three-preview-model{height:70%;width:100%}#new-canvas-Diy .diy-content .diy-body .three-content .three-title{margin-top:calc(20px * var(--right-ratio));margin-left:calc(20px * var(--right-ratio));font-weight:600;display:flex;align-items:center;position:relative;font-size:calc(14px * var(--right-ratio))}#new-canvas-Diy .diy-content .diy-body .three-content .zoom-btn{display:flex;align-items:center;right:calc(40px * var(--right-ratio));position:absolute;cursor:pointer;padding:4px}#new-canvas-Diy .diy-content .diy-body .three-content .zoom-btn:hover{box-shadow:0 0 6px 0 rgba(0,0,0,.06);background:#f7f7f7;border-radius:5px}#new-canvas-Diy .diy-content .diy-body .three-content .zoom-btn svg{width:calc(14px * var(--right-ratio))!important;height:calc(14px * var(--right-ratio))!important;margin-right:calc(5px * var(--right-ratio))}.three-content .three-hide{margin-top:calc(-40px * var(--right-ratio));height:calc(30px * var(--right-ratio));line-height:calc(80px * var(--right-ratio));font-size:calc(20px * var(--right-ratio));cursor:pointer;text-align:center;top:calc(40px * var(--right-ratio));width:calc(30px * var(--right-ratio));border-radius:calc(5px * var(--right-ratio)) 0 0 calc(5px * var(--right-ratio));left:calc(-30px * var(--right-ratio));background:#000;position:absolute;display:none;justify-content:center;align-items:center}.three-content.off{transform:translateX(calc(100% - 24px * var(--right-ratio)))}.three-content .three-hide svg{width:calc(20px * var(--right-ratio))!important;height:calc(20px * var(--right-ratio))!important;color:#fff!important}.three-loading{width:100%;height:70%;position:absolute;display:none;justify-content:center;background:#fff;bottom:0;align-items:flex-start}.large-loading{left:5%;top:calc(3.6rem* var(--popup-roatio));width:90%;height:90%;position:absolute;display:none;justify-content:center;background:#fff;align-items:center}.large-loading svg,.three-loading svg{width:40px!important;height:40px!important}#new-canvas-Diy .diy-content .diy-body .b-right{width:20%;max-width:calc(280px * var(--right-ratio));height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:calc(18px * var(--right-ratio));margin-right:calc(20px * var(--right-ratio))}#new-canvas-Diy .diy-content .diy-body .b-right .b-right-top{display:flex;align-items:center;gap:calc(20px * var(--right-ratio));font-weight:500;font-size:calc(14px * var(--right-ratio))}#new-canvas-Diy .diy-content .diy-body .b-right .b-right-top span{flex:1;white-space:nowrap}#new-canvas-Diy .diy-content .diy-body .b-right .b-right-pages{width:30%;max-width:calc(125px * var(--right-ratio));color:#ddd}#new-canvas-Diy .page-img-content{position:relative}#new-canvas-Diy .diy-content .diy-body .b-right .b-right-pages .b-pages-bottom,#new-canvas-Diy .diy-content .diy-body .b-right .b-right-pages .b-pages-top{position:relative;cursor:pointer;border-radius:calc(10px * var(--right-ratio));background:#fff;border:2px solid #fff;overflow:hidden;min-height:calc(120px * var(--right-ratio));display:flex;flex-direction:column;justify-content:center}#new-canvas-Diy .diy-content .diy-body .b-right .b-right-pages .model-img{width:100%}#new-canvas-Diy .diy-content .diy-body .b-right .b-right-pages .b-pages-bottom{display:none;margin-top:calc(10px * var(--right-ratio))}#new-canvas-Diy .diy-content .diy-body .b-right .b-right-pages .b-pages-item{width:100%;object-fit:contain;position:absolute;left:0;max-width:100%}#new-canvas-Diy .diy-content .diy-body .b-right .b-right-pages .b-pages-title{text-align:center;margin-top:0;font-size:calc(12px * var(--right-ratio))}#new-canvas-Diy .diy-content .diy-body .b-tip .bt-requirement{width:50px;height:50px;position:absolute;bottom:10%;right:6%}#new-canvas-Diy .diy-content .diy-body .b-tip .bt-box{height:50px;background:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;position:absolute;bottom:calc(10% + 60px);right:6%}#new-canvas-Diy .diy-content .diy-body .b-tip .bt-box .bt-arrow{width:20px;height:20px;position:absolute;border:1px solid #ccc;bottom:-23%;top:unset;left:unset;right:4%;background:#fff;transform:rotate(45deg);border-left:none;border-top:none}#new-canvas-Diy .diy-content .diy-body .b-tip .bt-box .bt-close{position:absolute;top:-55%;right:-5%}#new-canvas-Diy .diy-content .diy-body .b-tip .b-req-box{display:none;width:350px;position:absolute;bottom:calc(10% + 60px);right:6%;background:rgba(0,0,0,.7);border-radius:10px;padding:20px 10px;color:#fff}#new-canvas-Diy .diy-content .diy-body .b-tip .b-req-box .requirement-text{margin-top:20px;width:100%;background:#fff;border-radius:5px;padding:5px;border:none;outline:0;resize:none}#new-canvas-Diy .diy-content .diy-body .zoom-box{position:absolute;bottom:5%;right:8.5%;z-index:999;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.06);border-radius:calc(26px * var(--zoom-ratio));padding:calc(15px * var(--zoom-ratio)) calc(20px * var(--zoom-ratio));display:flex;justify-content:center;align-items:center;gap:calc(20px * var(--zoom-ratio))}.diy-body .zoom-box .tag-direction{display:none;font-size:calc(12px * var(--zoom-ratio));font-weight:600;cursor:pointer}.diy-body .zoom-box .fit-content{display:none;align-items:center;justify-content:center;cursor:pointer;transform:scale(1.2)}.diy-body .zoom-box .fit-content span{position:absolute;font-size:calc(7px * var(--zoom-ratio))}.diy-body .zoom-box .open-three-btn{display:none;background:#fec629;border-radius:calc(8px * var(--zoom-ratio));align-items:center;padding:2px calc(8px * var(--zoom-ratio));font-weight:500;font-size:calc(14px * var(--zoom-ratio));cursor:pointer;color:#fff}.diy-body .zoom-box .open-three-btn svg{width:calc(15px * var(--zoom-ratio))!important;height:calc(15px * var(--zoom-ratio))!important;margin-right:calc(5px * var(--zoom-ratio))}#new-canvas-Diy .diy-content .diy-body .zoom-box .zoom-z{display:flex;justify-content:center;align-items:center;gap:calc(5px * var(--zoom-ratio));font-weight:500;font-size:calc(16px * var(--zoom-ratio))}#new-canvas-Diy .diy-content .diy-body .zoom-box .zoom-val{width:calc(50px * var(--zoom-ratio));text-align:center}#new-canvas-Diy .diy-content .diy-body .zoom-box .zoom-add,#new-canvas-Diy .diy-content .diy-body .zoom-box .zoom-minus{display:flex;cursor:pointer}#new-canvas-Diy .diy-content .diy-body .zoom-box .zoom-add:hover,#new-canvas-Diy .diy-content .diy-body .zoom-box .zoom-minus:hover{box-shadow:0 0 2px 0 rgba(0,0,0,.1);background:#f7f7f7;border-radius:3px}#new-canvas-Diy .diy-content .diy-body .zoom-box .zoom-fit{width:calc(25px * var(--zoom-ratio));height:calc(25px * var(--zoom-ratio));transform:scale(.8)}#new-canvas-Diy .diy-content .diy-body .zoom-box .zoom-fit:hover{box-shadow:0 0 2px 0 rgba(0,0,0,.1);background:#f7f7f7;border-radius:3px}#new-canvas-Diy .diy-content .diy-body .zoom-box .canvas-settings-anchor{position:relative;display:flex;align-items:center;flex-shrink:0}#new-canvas-Diy .diy-content .diy-body .zoom-box .setBleelines.canvas-settings-trigger{cursor:pointer;display:flex;align-items:center;justify-content:center}#new-canvas-Diy .diy-content .diy-body .zoom-box .setBleelines .canvas-settings-gear{width:calc(22px * var(--zoom-ratio))!important;height:calc(22px * var(--zoom-ratio))!important;color:#1a1a1a}#new-canvas-Diy .canvas-settings-anchor .dialog-canvas-settings.diy-dialog{display:none;position:absolute;right:0;bottom:100%;left:auto;top:auto;width:min(360px,calc(100vw - 24px));height:auto;max-height:min(70vh,520px);margin:0 0 calc(8px * var(--zoom-ratio)) 0;padding:0;background:0 0!important;box-shadow:none;z-index:calc(var(--designer-z-index,12000) + 8);overflow:visible}#new-canvas-Diy .canvas-settings-anchor .dialog-canvas-settings.canvas-settings-open{display:block!important}#new-canvas-Diy .canvas-settings-anchor .canvas-settings-backdrop{display:none!important}#new-canvas-Diy .canvas-settings-anchor .dialog-canvas-settings .canvas-settings-panel{position:relative;z-index:1;width:100%;max-height:inherit;overflow-x:hidden;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.15)}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 8px}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-title{margin:0;font-size:18px;font-weight:600;color:#111}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-close{border:none;background:0 0;padding:4px;cursor:pointer;color:#444;line-height:0}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-close svg{width:18px;height:18px}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-list{list-style:none;margin:0;padding:4px 18px 8px}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:15px;color:#111}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-label{display:inline-flex;align-items:center;gap:6px}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-info{width:16px;height:16px;border-radius:50%;border:1px solid #94a3b8;background:#fff;color:#64748b;font-size:10px;font-style:italic;font-weight:600;line-height:14px;padding:0;cursor:help}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-switch{display:flex;align-items:center;cursor:pointer}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-checkbox{width:20px;height:20px;margin:0;border-radius:4px;border:2px solid #cbd5e1;appearance:none;cursor:pointer;flex-shrink:0;position:relative;background:#fff}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-checkbox:checked{background:#2563eb;border-color:#2563eb}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-checkbox:checked::after{content:'';position:absolute;left:6px;top:0;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-grid-color-controls{display:inline-flex;align-items:center;gap:10px}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-color{width:28px;height:28px;padding:0;border:1px solid #cbd5e1;border-radius:6px;background:0 0;cursor:pointer;flex-shrink:0}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-color::-webkit-color-swatch-wrapper{padding:2px}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-color::-webkit-color-swatch{border:none;border-radius:4px}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-range{width:90px;cursor:pointer}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-select{height:28px;padding:0 26px 0 10px;border:1px solid #cbd5e1;border-radius:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 6px center/14px no-repeat #fff;font-size:13px;color:#111;cursor:pointer;appearance:none}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-divider{height:1px;margin:4px 18px;background:#e5e7eb;border:none}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-shortcuts-btn{display:flex;align-items:center;width:100%;gap:10px;padding:14px 18px 18px;border:none;background:#fff;font-size:15px;color:#111;cursor:pointer;text-align:left}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-shortcuts-btn:hover{background:#f9fafb}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-kbd-icon{width:22px;height:22px;flex-shrink:0;color:#374151}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-shortcuts-btn .canvas-settings-shortcut-label{flex:1;font-size:13px;white-space:nowrap}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-chevron{width:18px;height:18px;flex-shrink:0;color:#9ca3af}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-header-sub{padding-top:14px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-header-sub .canvas-settings-title{font-size:17px;text-align:center;justify-self:center;grid-column:2}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-header-sub .canvas-settings-back{grid-column:1;justify-self:start}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-back{border:none;background:0 0;padding:4px;cursor:pointer;color:#374151;line-height:0}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-chevron-back{width:22px;height:22px}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-shortcuts-list{list-style:none;margin:0;padding:8px 18px 20px;font-size:14px;color:#374151}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-shortcuts-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f3f4f6}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-shortcuts-list li:last-child{border-bottom:none}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-kbd{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}#new-canvas-Diy .dialog-canvas-settings .canvas-settings-kbd kbd{display:inline-block;padding:2px 6px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;font-size:11px;font-family:ui-monospace,monospace;color:#111}#new-canvas-Diy.canvas-setting-guides-on #diyContainer .guide-line{display:block!important}#new-canvas-Diy.canvas-setting-rulers-on #diyContainer .ruler-container{width:100%;height:50px;position:absolute;border-top:2px solid red;z-index:1;bottom:-50px;display:none}#new-canvas-Diy .dialog-design-help{justify-content:center;align-items:center}#new-canvas-Diy .dialog-design-help .b-instruct{width:calc(600px * var(--popup-roatio));height:fit-content;background:#fff;box-shadow:0 0 calc(6px * var(--popup-roatio)) 1px rgba(0,0,0,.06);border-radius:calc(20px * var(--popup-roatio));padding:calc(20px * var(--popup-roatio));position:relative}#new-canvas-Diy .dialog-design-help .b-instruct .instruct-close{position:absolute;right:calc(13px * var(--popup-roatio));cursor:pointer}#new-canvas-Diy .dialog-design-help .b-instruct .instruct-close:hover{box-shadow:0 0 calc(6px * var(--popup-roatio)) 0 rgba(0,0,0,.06)}#new-canvas-Diy .dialog-design-help .b-instruct .i-title{font-weight:500;font-size:calc(16px * var(--popup-roatio))}#new-canvas-Diy .dialog-design-help .b-instruct .design-help{width:100%;background:#fff;font-weight:400;font-size:calc(12px * var(--popup-roatio))}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-tips{color:#333;line-height:calc(21px * var(--popup-roatio));padding:calc(10px * var(--popup-roatio)) 0}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-item{padding:0 0 calc(10px * var(--popup-roatio))}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-title{color:#666;text-align:left;display:flex;gap:calc(5px * var(--popup-roatio));padding:calc(8px * var(--popup-roatio)) 0;font-size:calc(13px * var(--popup-roatio))}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-title>:first-child{padding:3px 0 0;color:#ff3838}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-selected{color:#333;text-align:left;height:calc(42px * var(--popup-roatio));background:#fff;border-radius:calc(6px * var(--popup-roatio));border:1px solid #e8e8e8;line-height:calc(42px * var(--popup-roatio));padding:calc(10px * var(--popup-roatio));display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-selected:hover{box-shadow:0 0 calc(10px * var(--popup-roatio)) 0 rgba(0,0,0,.08)}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-list{display:none;flex-direction:column;color:#666;position:absolute;top:calc(47px * var(--popup-roatio));z-index:1;width:100%;left:0;padding:calc(10px * var(--popup-roatio)) 0;background:#fff;box-shadow:0 0 calc(10px * var(--popup-roatio)) 0 rgba(0,0,0,.1);border-radius:calc(6px * var(--popup-roatio));border:1px solid #e8e8e8;font-size:calc(12px * var(--popup-roatio));height:fit-content;max-height:calc(171px * var(--popup-roatio));overflow:hidden;overflow-y:auto}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-list li{cursor:pointer;height:calc(30px * var(--popup-roatio));line-height:calc(30px * var(--popup-roatio));padding:0 calc(10px * var(--popup-roatio))}#new-canvas-Diy .dialog-design-help .b-instruct .design-help-list li:hover{background:#f1f1f1}#new-canvas-Diy .dialog-design-help .b-instruct .i-textarea{width:100%;background:#fff;border-radius:calc(6px * var(--popup-roatio));border:1px solid #e8e8e8;padding:calc(10px * var(--popup-roatio));font-size:calc(12px * var(--popup-roatio))}#new-canvas-Diy .dialog-design-help .b-instruct .i-submit{width:100%;display:flex;font-size:calc(14px * var(--popup-roatio));align-items:center;justify-content:space-between;margin-top:calc(10px * var(--popup-roatio))}#new-canvas-Diy .dialog-design-help .b-instruct .i-submit span{width:48%;height:calc(42px * var(--popup-roatio));line-height:calc(42px * var(--popup-roatio));text-align:center;background:#e9e9e9;border-radius:calc(8px * var(--popup-roatio));font-weight:600;cursor:pointer}#new-canvas-Diy .dialog-design-help .b-instruct .i-submit .instruct-submit{background:#fec629}#new-canvas-Diy .design-help-success{align-items:center;justify-content:center}#new-canvas-Diy .design-help-success .success-content{display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content;background:#fff;border-radius:calc(20px * var(--popup-roatio));flex-direction:column;position:relative;padding:calc(30px * var(--popup-roatio));gap:calc(10px * var(--popup-roatio))}#new-canvas-Diy .design-help-success .success-content .success-close{position:absolute;right:calc(10px * var(--popup-roatio));top:calc(10px * var(--popup-roatio));cursor:pointer}#new-canvas-Diy .design-help-success .success-content .success-close:hover{box-shadow:0 0 calc(6px * var(--popup-roatio)) 0 rgba(0,0,0,.06)}#new-canvas-Diy .design-help-success .success-content .success-icon{height:calc(60px * var(--popup-roatio))!important;width:calc(60px * var(--popup-roatio))!important}#new-canvas-Diy .design-help-success .success-content .success-tips{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-weight:400;font-size:calc(12px * var(--popup-roatio));color:#333;gap:calc(10px * var(--popup-roatio))}#new-canvas-Diy .design-help-success .success-content .success-tips-title{font-weight:500;font-size:calc(16px * var(--popup-roatio));color:#000}#new-canvas-Diy .diy-content .diy-body .img-hover-tip{display:none;position:absolute;top:10rem;width:fit-content;padding:5px 10px;border-radius:5px;font-size:.9rem;font-weight:500;z-index:1000}#new-canvas-Diy .diy-content .diy-body .tip-img{margin-right:-.6rem;z-index:1;top:-2rem;position:relative}#new-canvas-Diy .diy-content .diy-body .img-hover-tip .tip-content{display:flex;flex-direction:column;align-items:center;background:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.06);border-radius:1.25rem;width:18.5rem;height:8.5rem;justify-content:center;gap:1rem;padding:1rem}#new-canvas-Diy .diy-content .diy-body .img-hover-tip span{background:#fec629;border-radius:12px;font-weight:500;font-size:14px;color:#000;width:16.5rem;display:inline-block;text-align:center;height:2.5rem;line-height:2.5rem;cursor:pointer}#new-canvas-Diy .bleed-container,#new-canvas-Diy .safe-container{position:absolute;display:none;flex-direction:column;align-items:center;z-index:2}#new-canvas-Diy .fold-line{position:absolute;display:none;flex-direction:row-reverse;align-items:center;z-index:2;top:calc((100% - 22px)/ 2)}#new-canvas-Diy .fold-line .tips-line{width:20px!important;height:2px!important;background:repeating-linear-gradient(to right,transparent,transparent 3px,#333 3px,#333 6px)!important}#new-canvas-Diy .fold-line .tips-text{font-size:12px!important;background-color:unset!important;white-space:nowrap}#new-canvas-Diy .page-tips{position:absolute;display:none;flex-direction:column;align-items:center;z-index:2}#new-canvas-Diy .page-tips .tips-line{background:repeating-linear-gradient(transparent,transparent 5px,#333 5px,#333 10px)!important;height:40.6822px!important;width:2px!important}#new-canvas-Diy .tips-text{font-size:14px;color:#333;background-color:#fff;border-radius:10%;padding:2px 6px;text-align:Center}@media screen and (max-width:1300px){#new-canvas-Diy .tips-text{font-size:7px}}#new-canvas-Diy .tips-line{display:block!important;width:2px;height:40px;background:repeating-linear-gradient(to bottom,transparent,transparent 5px,#333 5px,#333 10px)}#new-canvas-Diy .safe-container .tips-line{height:30px}#new-canvas-Diy .tips-dot{display:block!important;width:8px;height:8px;background-color:#333;border-radius:50%;margin-top:-1px}.demension-h{z-index:2;position:absolute;bottom:-20px;height:16px;line-height:16px;border-left:1px solid #8e8e8e;border-right:1px solid #8e8e8e;color:#8e8e8e;display:none;align-items:center}.demension-h .text{padding:0 10px;font-size:12px}.demension-h .line{display:block!important;flex:1;height:1px;background-color:#8e8e8e}.demension-v{z-index:2;position:absolute;left:-22px;width:16px;line-height:16px;border-top:1px solid #8e8e8e;border-bottom:1px solid #8e8e8e;color:#8e8e8e;display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-items:center}.demension-v .text{padding:10px 0;font-size:12px;text-align:center}.demension-v .line{display:block!important;flex:1;width:1px;background-color:#8e8e8e}.illustration-img{display:none;width:30px;z-index:2;position:absolute}.illustration-img img{width:100%;height:100%}#new-canvas-Diy .printStyle-box{display:flex;flex-direction:column;justify-content:space-around;padding:calc(10px * var(--left-ratio));gap:calc(10px * var(--left-ratio))}.printStyle-box .print-box-item{padding:calc(9px * var(--left-ratio)) calc(10px * var(--left-ratio));position:relative;width:100%;height:45%;display:flex;flex-direction:row;align-items:center;border-radius:calc(10px * var(--left-ratio));background:rgb(216 216 216 / 21%);box-sizing:border-box;cursor:pointer;gap:calc(1px * var(--left-ratio))}.printStyle-box .print-box-item:hover{background:#f6f6f6}.printStyle-box .print-box-item .item-tip-font{display:flex;flex-direction:column;margin-left:calc(5px * var(--left-ratio))}.printStyle-box .print-box-item .item-tip-title{font-size:calc(12px * var(--left-ratio));font-weight:500}.printStyle-box .print-box-item .item-tip-content{font-size:calc(12px * var(--left-ratio))}.printStyle-box .print-box-item .item-tip-select{position:absolute;right:1%;top:1%;cursor:pointer}.printStyle-box .print-box-item .item-tip-img{height:85%;aspect-ratio:1;display:flex;align-items:center;background:#d8d8d8;justify-content:center;width:calc(75px * var(--left-ratio));height:calc(75px * var(--left-ratio));border-radius:calc(5px * var(--left-ratio))}.printStyle-box .print-box-item .item-tip-img img{border-radius:calc(5px * var(--left-ratio))}.material-box{display:none}.material-box .next-level-icon{padding:0 2px}.material-box .folder-contents{display:flex;align-items:flex-start;position:relative;justify-content:center;padding:0 0 calc(20px * var(--left-ratio))}.material-box .folder-contents:hover .nav-buttons,.material-box .folder-contents:hover .page-indicators{display:flex}.material-box .folder-contents .page-indicators{display:none;justify-content:center;gap:calc(8px * var(--left-ratio));margin:calc(10px * var(--left-ratio)) 0;position:absolute;bottom:calc(-10px * var(--left-ratio))}.material-box .folder-contents .indicator{width:calc(6px * var(--left-ratio));height:calc(6px * var(--left-ratio));border-radius:50%;background:#d9d9d9;cursor:pointer;transition:.3s}.material-box .folder-contents .indicator.active{background:#3f3f3f;width:calc(12px * var(--left-ratio));border-radius:calc(6px * var(--left-ratio))}.material-box .folder-contents .nav-buttons{display:none;position:absolute;width:calc(100% + 14px);justify-content:space-between;top:calc((100% - calc(56px + 20px)* var(--left-ratio))/ 2)}.material-box .folder-contents .nav-buttons>div{width:calc(18px * var(--left-ratio));height:calc(56px * var(--left-ratio));background:#fcfcfc;box-shadow:0 calc(2px * var(--left-ratio)) calc(6px * var(--left-ratio)) calc(1px * var(--left-ratio)) rgba(0,0,0,.12);border-radius:calc(11px * var(--left-ratio)) calc(11px * var(--left-ratio)) calc(11px * var(--left-ratio)) calc(11px * var(--left-ratio));cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.material-box .folder-contents .nav-buttons .disabled{background:#f2f2f2!important}.material-box .folder-contents .nav-buttons>div:hover{background:#555;transform:scale(1.1)}.material-box .folder-contents .nav-buttons .arrow-icon{width:0;height:0;border-top:calc(8px * var(--left-ratio)) solid transparent;border-bottom:calc(8px * var(--left-ratio)) solid transparent;border-left:calc(8px * var(--left-ratio)) solid #adadad;border-radius:calc(7px * var(--left-ratio))}.material-box .folder-contents .nav-buttons .arrow-left{border-right:calc(8px * var(--left-ratio)) solid #adadad;border-left:unset;margin-right:calc(2px * var(--left-ratio))}.material-box .folder-contents .pages-container{width:100%;position:relative}.material-box .folder-contents .page-element{grid-template-columns:repeat(3,1fr);gap:calc(6px * var(--left-ratio));display:none;transition:.5s;overflow-x:auto}.material-box .folder-contents .page-element.active{display:grid}.folder-contents-detail .material-item .img-material,.material-box .folder-contents .img-material{transform-origin:top left;display:inline-block;break-inside:avoid;max-width:calc(75px * var(--left-ratio));max-height:calc(75px * var(--left-ratio));object-fit:contain}.folder-contents-detail .material-item .img-material:hover,.material-box .folder-contents .img-material:hover{cursor:pointer;transform:scale(1.1);filter:brightness(90%);transform-origin:center}.material-box .material-folder .material-folder-tips{display:flex;justify-content:space-between;align-items:center;font-size:calc(14px * var(--left-ratio));padding:calc(10px * var(--left-ratio)) 0;font-weight:500;color:#000;position:relative}.material-box .material-folder .material-folder-tips .material-more{cursor:pointer;color:#3b3a3a;font-size:calc(12px * var(--left-ratio))}.material-box .material-folder .material-folder-tips .material-more:hover{color:#ffbc00}.flutter{position:absolute;z-index:var(--designer-z-index);pointer-events:none}.folder-contents .material-item,.folder-contents-detail .material-item{display:flex;width:100%;aspect-ratio:1/1;align-items:center;justify-content:center;background-color:#f7f7f7;border-radius:calc(4px * var(--left-ratio));cursor:pointer;position:relative}.folder-contents .material-item:hover,.folder-contents-detail .material-item:hover{background-color:#dbd9d9}.blr-material{padding:calc(20px * var(--left-ratio)) calc(6px * var(--left-ratio))!important}.blr-material .search-content,.blr-template .search-template{display:flex;width:100%;cursor:pointer;margin:calc(10px * var(--left-ratio)) 0;height:calc(40px * var(--left-ratio));line-height:calc(40px * var(--left-ratio));position:relative}.blr-material .search-content{width:calc(100% - 20px);margin-left:calc(10px * var(--left-ratio))}.blr-material .search-content .search-clear-content,.blr-template .search-template .search-clear-content{position:absolute;right:0;height:100%;display:flex;align-items:center;width:76px;gap:5px;padding:0 10px;flex-direction:row-reverse}.blr-material .search-content input,.blr-template .search-template input{border:1px solid #f2e8e8;cursor:pointer;width:100%;text-align:left;font-size:calc(12px * var(--left-ratio));padding:0 66px 0 calc(8px * var(--left-ratio));height:100%;border-radius:calc(6px * var(--left-ratio))}.blr-material .search-content input:hover,.blr-template .search-template input:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.15);border-radius:calc(6px * var(--left-ratio))}.blr-material .search-content input:focus,.blr-template .search-template input:focus{border:1px solid #000;box-shadow:unset;background:#fff}.blr-material .search-content input:not(:placeholder-shown),.blr-template .search-template input:not(:placeholder-shown){border:2px solid #000;background:#fff}.b-left-r-box .search-clear-content>div{padding:3px;cursor:pointer}.blr-material .search-content .clear-svg,.blr-template .search-template .clear-svg{display:none;border-radius:6px}.blr-material .search-content .clear-svg:hover,.blr-template .search-template .clear-svg:hover{background:#f1f1f1}.blr-material .search-content .search-clear-line,.blr-template .search-template .search-clear-line{width:2px;height:16px;background-color:#d9d9d9;display:none}.blr-material .search-content input:not(:placeholder-shown)+.search-clear-content .clear-svg,.blr-material .search-content input:not(:placeholder-shown)+.search-clear-content .search-clear-line,.blr-template .search-template input:not(:placeholder-shown)+.search-clear-content .clear-svg,.blr-template .search-template input:not(:placeholder-shown)+.search-clear-content .search-clear-line{display:block}.blr-material .search-content input::placeholder,.blr-template .search-template input::placeholder{color:#000000b3!important}.blr-material .search-content input:focus::placeholder,.blr-template .search-template input:focus::placeholder{opacity:0}.blr-material .search-content svg,.blr-template .search-template svg{width:calc(16px * var(--left-ratio))!important;height:calc(16px * var(--left-ratio))!important}.template-box-item-no{display:flex;flex-direction:column;align-items:center;left:50%;position:relative;background:#fff!important;box-shadow:unset!important;grid-column:1}.template-box-item-no p{background:#fff!important;white-space:nowrap;font-size:calc(12px * var(--left-ratio))!important;color:#999!important;margin-top:calc(5px * var(--left-ratio))!important}.blr-material .title-tips{display:flex;cursor:pointer;width:fit-content;align-items:center;gap:4px;padding:0 calc(10px * var(--left-ratio))}.blr-material .material-box .folder-contents-detail{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;align-items:center;justify-content:flex-start;gap:calc(4px * var(--left-ratio))}.blr-material .material-box .material-content-items{overflow-y:auto;max-height:calc(69vh - 70px - 54px);margin-top:calc(10px * var(--left-ratio));scrollbar-width:thin;height:fit-content;padding:0 calc(10px * var(--left-ratio))}.material-item .material-loading{width:calc(50px * var(--left-ratio));height:calc(50px * var(--left-ratio));position:absolute;display:flex;justify-content:center;align-items:center}.material-item .material-loading img{width:100%;height:100%}.diy-content .stickers-cut-button{display:none;position:absolute;top:10%;z-index:1;background-color:#a9a9a9;border-radius:calc(24px * var(--left-ratio));min-width:calc(400px * var(--left-ratio));max-width:calc(500px * var(--left-ratio))}.diy-content .stickers-cut-button .stickers-cut-area{width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;height:calc(40px * var(--left-ratio));border-radius:calc(24px * var(--left-ratio));cursor:pointer}.diy-content .stickers-cut-button .stickers-cut-area.active{background-color:#fec629}.diy-content .stickers-cut-button .stickers-cut-area span{margin-left:5px}.diy-content .stickers-cut-button .stickers-cut-area svg{width:calc(30px * var(--left-ratio));height:calc(30px * var(--left-ratio))}.ruler-mark{position:absolute;border-left:1.5px solid red;display:block!important}.ruler-mark.long{height:20px}.ruler-mark.short{height:10px}.ruler-mark.short.middle{height:15px}.ruler-number{position:absolute;color:red;font-size:12px;top:30%}.diy-content-m .b-center.center-flow-x{align-items:unset!important;overflow-x:auto!important}.blr-barcode-h1{font-weight:500;font-size:calc(16px * var(--left-ratio));color:#000;line-height:calc(29px * var(--left-ratio));text-align:left;font-style:normal;text-transform:none}.blr-barcode-div{font-weight:500;font-size:calc(14px * var(--left-ratio));color:#0f0f0f;line-height:calc(29px * var(--left-ratio));text-align:left;font-style:normal;text-transform:none}.blr-barcode .barcode-input{border:none;border-bottom:1px solid #ddd;width:100%;padding-left:0 calc(10px * var(--left-ratio));font-size:calc(12px * var(--left-ratio))}.blr-barcode .barcode-btn{background:#ddd;border-radius:calc(8px * var(--left-ratio));font-size:calc(16px * var(--left-ratio));height:calc(35px * var(--left-ratio));text-align:center;line-height:calc(35px * var(--left-ratio));font-weight:600;margin:calc(15px * var(--left-ratio)) 0;cursor:pointer}.blr-barcode .barcode-btn.active{background:#fec629}.blr-barcode .barcode-input-box .url-input-tips{display:none;font-weight:500;color:#fa4040;line-height:calc(26px * var(--left-ratio));font-size:calc(10px * var(--left-ratio));height:calc(26px * var(--left-ratio));padding-left:calc(10px * var(--left-ratio))}.blr-barcode .barcode-box .barcode-item{display:flex;padding:calc(10px * var(--left-ratio)) calc(10px * var(--left-ratio));cursor:pointer;flex-direction:row;width:100%;gap:calc(10px * var(--left-ratio))}.blr-barcode .barcode-box .barcode-item .barcode-text{flex:1;min-width:0;overflow-wrap:break-word;font-size:calc(12px * var(--left-ratio));font-weight:500}.blr-barcode .barcode-box .barcode-item.active{background:#f2f2f2;border-radius:calc(12px * var(--left-ratio)) calc(12px * var(--left-ratio)) calc(12px * var(--left-ratio)) calc(12px * var(--left-ratio))}.blr-barcode .barcode-box .barcode-item:hover{background:#f6f6f6;border-radius:calc(12px * var(--left-ratio)) calc(12px * var(--left-ratio)) calc(12px * var(--left-ratio)) calc(12px * var(--left-ratio))}.blr-barcode .barcode-box .barcode-img{display:flex;width:35%;aspect-ratio:1;background:#fcfcfc;box-shadow:0 calc(3px * var(--left-ratio)) calc(6px * var(--left-ratio)) calc(1px * var(--left-ratio)) rgba(0,0,0,.1);border-radius:calc(2px * var(--left-ratio)) calc(2px * var(--left-ratio)) calc(2px * var(--left-ratio)) calc(2px * var(--left-ratio));justify-content:center;align-items:center}.blr-barcode .barcode-box .barcode-img img{width:90%;aspect-ratio:1}.b-right-more-pages{display:none;position:relative;flex-direction:column;justify-content:center}.b-right-more-pages .image-list-swiper{max-height:calc(330px * var(--right-ratio));overflow:hidden}.b-right-more-pages .image-list-swiper.more_page_box{max-height:calc(480px * var(--right-ratio))}.b-right-more-pages .slide-item{display:flex;flex-direction:column;align-items:center;border-radius:calc(12px * var(--right-ratio));margin-bottom:calc(6px * var(--right-ratio))!important;background:#fff;box-shadow:0 2px calc(8px * var(--right-ratio)) rgba(0,0,0,.04);transition:box-shadow .2s;position:relative;border:2px solid transparent;overflow:hidden;height:calc(100px * var(--right-ratio))!important;width:calc(100px * var(--right-ratio))!important}.b-right-more-pages .image-list-swiper.more_page_box .slide-item{height:calc(150px * var(--right-ratio))!important;width:calc(150px * var(--right-ratio))!important}.b-right-more-pages .image-list-swiper.more_page_box .page-index span{font-size:calc(12px * var(--right-ratio))!important}.b-right-more-pages .slide-item.selected{border:2px solid #222}.b-right-more-pages .slide-item.pointer-limit{pointer-events:none}.b-right-more-pages .page-thumb{pointer-events:none;display:flex;width:100%;height:calc(100% - calc(24px * var(--right-ratio)));position:relative;align-items:center;justify-content:center}.b-right-more-pages .page-thumb img{max-width:100%;max-height:100%;object-fit:cover;width:auto}.b-right-more-pages .slide-item.hover-active{border:2px solid #ddd}.b-right-more-pages .slide-item.hover-active .page-index .delete-btn{display:flex;align-items:center}.b-right-more-pages .page-index span{display:inline-block;text-align:center}.b-right-more-pages .slide-item.hover-active .page-index span{display:none}.b-right-more-pages .slide-item .page-delete-keep{position:absolute;display:none;background:#0f0f0f8f;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:calc(10px * var(--right-ratio));z-index:10;pointer-events:none}.b-right-more-pages .slide-item .page-delete-keep span{pointer-events:auto;width:calc(63px * var(--right-ratio));height:calc(26px * var(--right-ratio));text-align:center;line-height:calc(26px * var(--right-ratio));cursor:pointer}.b-right-more-pages .slide-item .page-delete-keep .page-delete-btn{font-weight:600;font-size:calc(10px * var(--right-ratio));color:#fff;background:#ce2626;border-radius:calc(5px * var(--right-ratio))}.b-right-more-pages .slide-item .page-delete-keep .page-keep-btn{background:#fff;border-radius:calc(5px * var(--right-ratio));border:1px solid #0f0f0f;font-weight:600;font-size:calc(10px * var(--right-ratio));color:#0f0f0f}.b-right-more-pages .slide-item .delete-btn{gap:calc(4px * var(--right-ratio));flex-direction:row;width:100%;justify-content:center;font-weight:700;font-size:calc(12px * var(--right-ratio));color:#0f0f0f;align-items:center;position:absolute;bottom:calc(4px * var(--right-ratio));transform:translateX(-50%);background:#fff;border-radius:calc(8px * var(--right-ratio));border:none;cursor:pointer;align-items:flex-start}.b-right-more-pages .slide-item .delete-btn svg{width:calc(12px * var(--right-ratio))!important;height:calc(12px * var(--right-ratio))!important}.b-right-more-pages .page-index .delete-btn{display:none}.b-right-more-pages .page-index .delete-btn:hover{color:#ce2626}.b-right-more-pages .page-index .delete-btn:hover svg{color:#ce2626!important}.b-right-more-pages .page-index{font-size:calc(14px * var(--right-ratio));font-weight:600;font-size:calc(14px * var(--right-ratio));color:#0f0f0f;height:calc(24px * var(--right-ratio))}.b-right-more-pages .swiper-button-next,.b-right-more-pages .swiper-button-prev{background:#ddd;border-radius:calc(6px * var(--right-ratio));width:calc(54px * var(--right-ratio));height:calc(27px * var(--right-ratio));top:unset;bottom:unset;position:absolute}.b-right-more-pages .swiper-button-next:hover,.b-right-more-pages .swiper-button-prev:hover{background:#fff;box-shadow:0 3px calc(6px * var(--right-ratio)) 1px rgba(0,0,0,.06)}.b-right-more-pages .swiper-button-prev{top:calc(-10px * var(--right-ratio));left:50%!important;transform:translateX(-50%)}.b-right-more-pages .swiper-button-next{bottom:calc(-35px * var(--right-ratio));left:50%;transform:translateX(-50%)}.b-right-more-pages .swiper-button-next:after,.b-right-more-pages .swiper-button-prev:after{width:0;height:0;border-left:calc(12px * var(--right-ratio)) solid transparent;border-right:calc(12px * var(--right-ratio)) solid transparent;content:'';margin-left:50%;border-radius:calc(6px * var(--right-ratio));transform:translate(-50%);position:absolute}.b-right-more-pages .swiper-button-next:after{border-top:calc(10px * var(--right-ratio)) solid #000;margin-top:calc(10px * var(--right-ratio))}.b-right-more-pages .swiper-button-prev:after{margin-top:calc(4px * var(--right-ratio));border-bottom:calc(10px * var(--right-ratio)) solid #000}.b-right-more-pages .swiper-button-next.swiper-button-disabled,.b-right-more-pages .swiper-button-prev.swiper-button-disabled{background:0 0}.b-right-more-pages .right-add-page{width:calc(100px * var(--right-ratio));height:calc(100px * var(--right-ratio));position:absolute;background:#fff;bottom:calc(-145px * var(--right-ratio));border-radius:calc(14px * var(--right-ratio));box-shadow:0 3px calc(6px * var(--right-ratio)) 1px rgba(0,0,0,.1);transition:box-shadow .2s,border-color .2s}.b-right-more-pages .add-sticker-btn{width:80%;height:80%;margin:10%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:calc(8px * var(--right-ratio));border:2px dashed #adadad;cursor:pointer;position:absolute}.b-right-more-pages .right-add-page:hover{background:#fec629}.b-right-more-pages .right-add-page:hover .add-sticker-btn{background:#fec629;border-color:#383838}.b-right-more-pages .add-sticker-btn .add-icon{font-size:calc(35px * var(--right-ratio));color:#222b45;line-height:1}.b-right-more-pages .add-sticker-btn .add-text{font-weight:600;font-size:calc(10px * var(--right-ratio));color:#0f0f0f}.b-right-more-pages .max-page-tipe{width:calc(100px * var(--right-ratio));height:calc(50px * var(--right-ratio));background:#ddd;border-radius:calc(14px * var(--right-ratio));display:none;align-items:center;flex-direction:column;justify-content:center;bottom:calc(-60px * var(--right-ratio));position:absolute}.b-right-more-pages .max-page-tipe span{font-weight:600;font-size:calc(14px * var(--right-ratio));color:#adadad}.b-right-more-pages .max-page-tipe span:not(:first-child){font-size:calc(10px * var(--right-ratio))}.diy-content .photo-book-container{display:none;width:100%;height:100%;flex-direction:column;position:absolute;background-color:rgba(0,0,0,.2);align-items:center;justify-content:center;z-index:999}.diy-content .photo-book-container .photo-book-template-box{display:flex;width:40%;height:50%;flex-direction:column;position:relative;background-color:#fff;align-items:center;border-radius:20px}.diy-content .photo-book-template-box .photo-book-items-tips{display:flex;justify-content:center;align-items:center;margin:40px 0;font-weight:600;font-size:18px;color:#000}.diy-content .photo-book-template-box .photo-book-items-list{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;overflow-y:auto;position:relative;padding:0 20px}.diy-content .photo-book-template-box .photo-book-items-list .photo-book-item{cursor:pointer;border-radius:16px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background:#f2f2f2;padding:10px;position:relative}.diy-content .photo-book-template-box .photo-book-items-list .photo-book-item img{max-width:100%;max-height:100%;object-fit:contain}.diy-content .photo-book-template-box .photo-book-items-list .photo-book-item .start-design-box{display:none;position:absolute;width:100%;height:100%;justify-content:center;align-items:center;background:#00000078;border-radius:16px}.diy-content .photo-book-template-box .photo-book-items-list .photo-book-item:hover .start-design-box{display:flex}.photo-book-previews-items{padding:20px;position:absolute;max-width:26.5%;width:fit-content;display:none;grid-template-columns:repeat(3,1fr);left:25%;top:25%;gap:20px;background:#fff;border-radius:20px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);z-index:10004}.photo-book-previews-items .template-preview-item{box-shadow:0 0 6px 0 rgba(0,0,0,.1);background:#f7f7f7;border-radius:5px}.photo-book-previews-items .template-preview-item img{max-width:100%;max-height:100%;object-fit:contain}.diy-content .photo-book-template-box .photo-book-items-list .photo-book-item .start-design{position:absolute;width:50%;height:36px;background:#0f0f0f;border-radius:18px;text-align:center;line-height:36px;font-weight:600;font-size:17px;color:#fff}.diy-content .photo-book-template-box .photo-book-items-list .photo-book-item .start-design:hover{background:#383838}.diy-content .photo-book .template-box{grid-template-columns:repeat(1,1fr)!important}.diy-content .photo-book .template-box .template-box-item-no{left:unset}.photoBook-pages{position:absolute;width:67%;bottom:70px;right:25%;display:none}.photoBook-pages .photoBook-list-swiper{max-height:160px;overflow:hidden}.photoBook-pages .slide-item{display:flex;flex-direction:column;align-items:center;border-radius:12px;position:relative;overflow:hidden;height:124px;width:114px;justify-content:center;padding:10px;cursor:pointer}.photoBook-pages .slide-item.on{background:#fff!important;box-shadow:0 0 8px 0 rgba(0,0,0,.05);border-radius:8px}.photoBook-pages .slide-item:hover{background:#e4e2e2;box-shadow:0 0 8px 0 rgba(0,0,0,.1);border-radius:8px}.photoBook-pages .slide-item .page-thumb{display:flex;align-items:center;justify-content:center;height:80%;width:100%}.photoBook-pages .slide-item .page-name{height:20%;width:100%;text-align:center;color:#666}.photoBook-pages .slide-item .page-thumb img{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer}.photoBook-pages .swiper-button-next,.photoBook-pages .swiper-button-prev{background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.04);border-radius:17px;width:38px;height:34px;top:calc(50% - 10px);bottom:unset;position:absolute}.photoBook-pages .swiper-button-prev{left:-40px!important}.photoBook-pages .swiper-button-next{right:-40px!important}.photoBook-pages .swiper-button-next:hover,.photoBook-pages .swiper-button-prev:hover{background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.06)}.photoBook-pages .swiper-button-next:after,.photoBook-pages .swiper-button-prev:after{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;content:'';border-radius:17px;left:12px;position:absolute;top:9px;padding-top:unset}.photoBook-pages .swiper-button-next:after{border-left:10px solid #000}.photoBook-pages .swiper-button-prev:after{border-right:10px solid #000}.photoBook-pages .swiper-button-next.swiper-button-disabled,.photoBook-pages .swiper-button-prev.swiper-button-disabled{background:#f2f2f2}.diy-content .template-pop{display:none;width:100%;height:100%;flex-direction:column;position:absolute;background-color:rgba(0,0,0,.2);align-items:center;justify-content:center;z-index:999}.diy-content .template-pop .template-pop-box{display:flex;width:40%;height:50%;flex-direction:column;position:relative;background-color:#fff;align-items:center;border-radius:20px;padding:20px}.diy-content .template-pop .template-pop-tips{display:flex;justify-content:center;align-items:center;margin:10px 0 20px;font-weight:600;font-size:18px;color:#000}.diy-content .template-pop .template-pop-list{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;overflow-y:auto;position:relative}.diy-content .template-pop .template-pop-list .template-pop-item{cursor:pointer;border-radius:16px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background:#f2f2f2;padding:10px;position:relative}.diy-content .template-pop .template-pop-list .template-pop-item .start-design-box{display:none;position:absolute;width:100%;height:100%;justify-content:center;align-items:center;background:#00000078;border-radius:16px}.diy-content .template-pop .template-pop-list .template-pop-item:hover .start-design-box{display:flex}.diy-content .template-pop .template-pop-list .template-pop-item .start-design{position:absolute;width:50%;height:36px;background:#0f0f0f;border-radius:18px;text-align:center;line-height:36px;font-weight:600;font-size:17px;color:#fff}.diy-content .template-pop .template-pop-list .template-pop-item .start-design:hover{background:#383838}.diy-content .template-pop-preview{padding:20px;position:absolute;max-width:26.5%;width:fit-content;display:none;grid-template-columns:repeat(3,1fr);left:25%;top:25%;gap:20px;background:#fff;border-radius:20px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);z-index:10004}.diy-content .template-pop-preview .template-preview-item{box-shadow:0 0 6px 0 rgba(0,0,0,.1);background:#f7f7f7;border-radius:5px}.diy-content .template-pop-preview .template-preview-item img{max-width:100%;max-height:100%;object-fit:contain}#new-canvas-Diy .diy-content-m{width:100%;height:100%;background-color:#fff;border-radius:30px 30px 0 0;display:flex;flex-direction:column}#new-canvas-Diy .diy-content-m .diy-header-m{height:66px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 12px;border-radius:30px 30px 0 0;position:relative;z-index:1}#new-canvas-Diy .diy-content-m .diy-header-m .h-left,#new-canvas-Diy .diy-content-m .diy-header-m .h-right{display:flex;align-items:center;gap:10px}#new-canvas-Diy .diy-content-m .diy-header-m .h-button{padding:10px 14px;background:#ddd;border-radius:20px;display:flex;justify-content:center;align-items:center;gap:5px;font-weight:500;font-size:12px}#new-canvas-Diy .diy-content-m .diy-header-m .h-button svg{width:15px;height:15px}#new-canvas-Diy .diy-content-m .diy-header-m .instruct-btn{background:#f7e9c5}#new-canvas-Diy .diy-content-m .diy-header-m .add-cart-btn{background:#f8f8f8;width:119px}#new-canvas-Diy .diy-content-m .diy-body-m{flex:1;background:#f7f7f7;padding:0 10px;position:relative}#new-canvas-Diy .diy-content-m .diy-body-m .b-top{display:flex;align-items:center;justify-content:space-between;padding:0;margin-top:10px;position:absolute;z-index:1;width:calc(100vw - 20px);gap:10px;height:6%}#new-canvas-Diy .diy-content-m .diy-body-m .b-top.tag-side .bt-right{position:absolute;right:0}.b-top.tag-side .bt-position{top:5px!important}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-left{display:flex;align-items:center;flex:1}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-left span{font-weight:500;font-size:.75rem;flex:1}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-right .b-pages{display:flex;align-items:center}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-right .b-pages .page-back,#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-right .b-pages .page-front{width:13.72vw;text-align:center;padding:5px;font-size:12px;font-weight:500;background:#fff}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-right .b-pages .page-front{border-radius:20px 0 0 20px}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-right .b-pages .page-back{border-radius:0 20px 20px 0}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-right .pages-disable div{background:#fff!important;color:#ddd}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position{position:absolute;top:50px;left:0;z-index:1;display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:0 10px}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position div{display:flex;flex-direction:column;justify-content:center;align-items:center}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position .preview-btn svg,#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position .redo-btn svg,#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position .undo-btn svg{width:20px;height:20px}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position .preview-btn{display:none}.diy-content-m .fit-content{display:none;align-items:center;justify-content:center;cursor:pointer}.diy-content-m .fit-content span{position:absolute;font-size:7px}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position div:not(:first-child){border-top:1px solid #ddd}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position.noSide{flex-direction:row;width:fit-content;justify-content:space-between;top:10px;gap:.7rem}#new-canvas-Diy .diy-content-m .diy-body-m .b-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 106px);width:calc(100% - 20px);overflow:hidden}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bg-content{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bg-content #diyContainer{position:relative;width:fit-content;height:fit-content}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bg-content #diyContainer .canvas-delete-item{color:#fec629;position:absolute;z-index:999;background:#fff;border-radius:50%;display:none}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bg-content #diyContainer .guide-line{display:none;position:absolute;border:1px dashed #b14848;z-index:1}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bg-content #diyContainer .guide-h{top:50%;width:100%;height:1px}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bg-content #diyContainer .guide-v{height:100%;width:1px;left:50%}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bg-content #diyContainer:focus-visible{box-shadow:unset!important;outline:0!important}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bc-noCanvas{display:none;width:100%;background:#fff}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bc-noCanvas .noCanvas-1,#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bc-noCanvas .noCanvas-2{width:100%;padding:50px 10px;border:1px dashed #000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bc-noCanvas .noCanvas-1 .des,#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bc-noCanvas .noCanvas-2 .des{text-align:center}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bc-noCanvas .noCanvas-1 .file-icon,#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bc-noCanvas .noCanvas-2 .file-icon{width:100px;height:100px;margin-top:50px}#new-canvas-Diy .diy-content-m .diy-body-m .b-center .bc-noCanvas .noCanvas-2{display:none}#new-canvas-Diy .diy-content-m .diy-bottom-m{z-index:13}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-menus{width:95%;position:absolute;left:2.5%;z-index:1;background:#fff;border-radius:13px;display:flex;justify-content:space-evenly;align-items:center;overflow-x:auto}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-menus .menu-item{white-space:nowrap;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:500;margin:0 5px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-menus .menu-item .menu-icon{width:40px;height:40px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-menus .menu-item .menu-icon svg{width:58%;height:58%}.b-menus .menu-item .menu-shape .menu-icon svg{width:80%;height:80%}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-menus .menu-active>div{background:#0f0f0f}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-menus .menu-active>div svg{color:#fff!important}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util{display:none;width:95%;position:absolute;left:2.5%;bottom:20px;z-index:2;background:#fff;padding:8px;border-radius:25px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-close{position:absolute;bottom:calc(100% + 6px + 60px + 6px);left:0;width:40px;height:40px;border-radius:50%;background:#fff;justify-content:center;align-items:center}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-close svg{width:58%;height:58%}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header{position:absolute;bottom:calc(100% + 6px);left:0;background:#fff;width:100%;box-shadow:0 3px 6px 1px rgba(0,0,0,.06);border-radius:10px;font-weight:500;font-size:16px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header ul{padding:0;margin:0}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .util-line{display:flex;align-items:center;height:60px;overflow-x:auto;white-space:nowrap;gap:5px;padding:5px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .align-box,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .arrange-box,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .color-box,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .family-box,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .size-box,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .text-align-box,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .text-curved-box{display:none}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .align-box li,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .arrange-box li,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .color-box li,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .family-box li,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .logo-color-box li,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .size-box li,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .text-align-box div{height:100%;display:flex;align-items:center;padding:0 14px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .text-align-box{justify-content:space-evenly}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .align-box svg,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .arrange-box svg,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .color-box svg,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .family-box svg,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .size-box svg,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .text-align-box svg{width:16px;height:16px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .text-curved-box svg,#new-canvas-Diy .diy-content-m .diy-bottom-m .menu-text-curved svg{width:40px!important}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .fontFamily li{height:auto;padding:5px 10px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .fontFamily li img{width:auto;height:25px;object-fit:contain;max-width:unset}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .fontColor,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .logoColor{gap:20px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .fontColor li,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .logoColor li{width:32px;height:32px;border-radius:4px;border:1px solid #0f0f0f}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .text-align-box .text-align-item,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .text-curved-box .text-curved-item{height:100%;display:flex;align-items:center;gap:5px;padding:0 10px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .align-box .align-item{height:100%;display:flex;align-items:center;gap:10px;padding:0 14px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .align-box .align-item.lump-active svg,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .arrange-box .arrange-item.lump-active svg{fill:#ffffff!important}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .arrange-box .arrange-item{height:100%;display:flex;align-items:center;gap:10px;padding:0 14px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-header .arrange-box .arrange-item svg{width:25px;height:25px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu{display:flex;align-items:center;gap:22px;width:100%;flex-wrap:nowrap;overflow:hidden}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .u-menu-right{display:flex;align-items:center;gap:18px;flex:1;overflow-x:auto}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .u-menu-item{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;height:100%;padding:8px 10px 0;font-weight:500;font-size:12px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .u-menu-item svg{width:20px;height:20px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .u-menu-item .menu-checked{width:10px;height:3px;background:#fec629;border-radius:25px;visibility:hidden}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .u-menu-item .color-checked{width:20px;height:20px;border:2px solid #0f0f0f;border-radius:4px;background:#000}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .menu-font-edit,#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .menu-image-replace{height:60px!important;flex-direction:row!important;background:#fec629!important;border-radius:20px}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .menu-font-edit{padding:0 20px!important}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-util .util-menu .menu-image-replace{padding:0 15px!important;gap:3px!important}.util-menu .svg-tool .color-box-m{display:inline-flex;gap:6px}.util-menu .svg-tool .color-box-m .color-item{width:20px;height:20px;border-radius:4px}.util-menu .svg-tool .color-box-m .color-item.on{border:2px solid #000}#new-canvas-Diy .diy-content-m .bleed-container,#new-canvas-Diy .diy-content-m .safe-container{flex-direction:row-reverse}#new-canvas-Diy .diy-content-m .tips-line{width:20px;height:2px;background:repeating-linear-gradient(to right,transparent,transparent 5px,#333 5px,#333 10px)}#new-canvas-Diy .diy-content-m .tips-text{font-size:12px}#new-canvas-Diy .diy-content-m .bleed-container.v,#new-canvas-Diy .diy-content-m .safe-container.v{flex-direction:column}.bleed-container.v .tips-line,.safe-container.v .tips-line{height:40.6822px!important;width:2px!important;background:repeating-linear-gradient(to bottom,transparent,transparent 5px,#333 5px,#333 10px)!important}#new-canvas-Diy .dialog-guide .guide-text{position:absolute;top:calc(calc(70px * var(--tips-ratio)) + calc(125px * var(--tips-ratio)));right:calc(100px * var(--tips-ratio));width:calc(356px * var(--tips-ratio));padding:calc(20px * var(--tips-ratio)) calc(24px * var(--tips-ratio));background:#fff;border-radius:calc(20px * var(--tips-ratio));font-size:calc(16px * var(--tips-ratio))}#new-canvas-Diy .dialog-guide .guide-text .got-btn{width:100%;height:calc(42px * var(--tips-ratio));display:flex;justify-content:center;align-items:center;font-weight:500;font-size:calc(14px * var(--tips-ratio));background:#fec629;border-radius:calc(12px * var(--tips-ratio));margin-top:calc(10px * var(--tips-ratio));cursor:pointer}#new-canvas-Diy .dialog-guide .guide-text .got-btn:hover{background:#ecb826;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}#new-canvas-Diy .dialog-guide .guide-circle{position:absolute;top:calc(-5px);right:calc(231px * var(--tips-ratio));color:#fec629;width:calc(150px * var(--tips-ratio));height:calc(82px * var(--tips-ratio))}#new-canvas-Diy .dialog-guide .guide-line{position:absolute;top:calc(70px);right:calc(210px * var(--tips-ratio));color:#fec629;width:calc(104px * var(--tips-ratio));height:calc(125px * var(--tips-ratio))}#new-canvas-Diy .diecut-guide-content{width:100%;height:100%;display:none}#new-canvas-Diy .dialog-guide .diecut-guide{position:absolute;display:flex;justify-content:center;align-items:center}#new-canvas-Diy .dialog-guide .diecut-guide svg{width:calc(13px * var(--tips-ratio))!important;height:calc(13px * var(--tips-ratio))!important;margin:0 2px}#new-canvas-Diy .dialog-guide .diecut-guide.guide-Diecut-btn{top:10%;right:20%;width:calc(122px * var(--tips-ratio));height:calc(43px * var(--tips-ratio));background:#fff;border-radius:calc(12px * var(--tips-ratio));opacity:.6;font-size:calc(14px * var(--tips-ratio))}#new-canvas-Diy .dialog-guide .diecut-guide.guide-step2{font-size:calc(12px * var(--tips-ratio));top:20%;right:15%;width:calc(234px * var(--tips-ratio));height:calc(122px * var(--tips-ratio));background:#fff;box-shadow:0 3px calc(6px * var(--tips-ratio)) 1px rgba(0,0,0,.1);border-radius:calc(14px * var(--tips-ratio));flex-direction:column;gap:calc(20px * var(--tips-ratio))}#new-canvas-Diy .dialog-guide .diecut-guide.guide-step2 .tip-content{gap:calc(10px * var(--tips-ratio));display:flex;width:100%;justify-content:center}#new-canvas-Diy .dialog-guide .diecut-guide.guide-step2 .diecut-try-btn{width:calc(118px * var(--tips-ratio));height:calc(42px * var(--tips-ratio));background:#fec629;border-radius:calc(12px * var(--tips-ratio));line-height:calc(42px * var(--tips-ratio));text-align:center;font-weight:500;font-size:calc(14px * var(--tips-ratio));color:#000;cursor:pointer}#new-canvas-Diy .dialog-guide .diecut-guide.guide-step1{font-size:calc(12px * var(--tips-ratio));top:50%;left:calc((50% + 477px * var(--tips-ratio)));width:calc(231px * var(--tips-ratio));height:calc(56px * var(--tips-ratio));background:#fff;box-shadow:0 3px calc(6px * var(--tips-ratio)) 1px rgba(0,0,0,.1);border-radius:calc(14px * var(--tips-ratio));gap:calc(10px * var(--tips-ratio))}#new-canvas-Diy .dialog-guide .diecut-guide.guide-img{width:calc(477px * var(--tips-ratio));height:calc(600px * var(--tips-ratio));top:calc((100% - 600px * var(--tips-ratio))/ 2);left:calc((120% - 477px * var(--tips-ratio))/ 2)}#new-canvas-Diy .dialog-guide .diecut-guide .tips-title{font-weight:600;color:#000}.diecut-guide-content.diy_m{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.diecut-guide-content.diy_m .diecut-guide{position:unset!important}.diecut-guide-content.diy_m .diecut-guide.guide-img{width:45%!important;height:unset!important}.diecut-guide-content.diy_m .guide-step2{width:80%!important;flex-direction:row!important;height:55px!important;padding:0 10px}#new-canvas-Diy .diecut-btn-content{bottom:100px;position:absolute;display:none;gap:10px;justify-content:center;align-items:center;flex-direction:row;width:80%;left:10%}#new-canvas-Diy .diecut-btn-content>div{display:flex;width:160px;height:42px;background:#000;border-radius:8px;align-items:center;justify-content:center;color:#fff;font-size:14px}.diecut-btn-content .diecut-btn.guideActive{z-index:10004;border:5px solid #fff}#new-canvas-Diy .diecut-btn-content svg{width:20px!important;height:20px!important;fill:#fff!important;color:#fff!important;margin:0 5px}#new-canvas-Diy .diecut-btn-content .diecut-cancel-btn svg{border:1px solid;border-radius:10px}#new-canvas-Diy .dialog-upload{justify-content:center;align-items:center}#new-canvas-Diy .knife-container{width:500px;background:#fff;border-radius:20px;box-shadow:0 0 6px 1px rgba(0,0,0,.06);padding:10px 20px 40px;position:relative;display:none}#new-canvas-Diy .knife-container .knife-upload-title{display:flex;justify-content:space-between;font-weight:600}#new-canvas-Diy .knife-container .knife-confirm{display:flex;justify-content:space-evenly;align-items:center}#new-canvas-Diy .knife-container .knife-confirm span{text-align:center;width:40%;background-color:#e8e8e8;border-radius:10px;font-size:13px;height:40px;line-height:40px;font-weight:500;cursor:pointer}#new-canvas-Diy .knife-container .knife-confirm span:nth-child(n+2){background:#fec629}#new-canvas-Diy .dialog-upload .knife-container .tips-content{font-size:14px;margin:40px;text-align:start}#new-canvas-Diy .dialog-upload .u-content{width:500px;background:#fff;border-radius:20px;box-shadow:0 0 6px 1px rgba(0,0,0,.06);padding:30px 45px;position:relative}#new-canvas-Diy .dialog-upload .u-content .u-title{font-weight:600;font-size:22px;text-align:center}#new-canvas-Diy .dialog-upload .u-content .u-close{position:absolute;top:10px;right:10px}#new-canvas-Diy .dialog-upload .u-content .u-des{font-weight:400;font-size:14px;margin-top:30px}#new-canvas-Diy .dialog-upload .u-content .u-des span{font-weight:500}#new-canvas-Diy .dialog-upload .u-content .u-upload-box{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:100px;height:42px;background:#fec629;border-radius:12px;font-weight:500;font-size:14px;cursor:pointer}#new-canvas-Diy .b-left-r-box .knife-upload-btn svg,#new-canvas-Diy .dialog-upload .u-content .u-die-cut-box svg,#new-canvas-Diy .dialog-upload .u-content .u-upload-box svg{width:18px;height:18px}#new-canvas-Diy .dialog-upload .u-content .u-die-cut-box{display:none;justify-content:center;align-items:center;gap:10px;margin-top:20px;height:42px;background:#fec629;border-radius:12px;font-weight:500;font-size:14px;cursor:pointer}#new-canvas-Diy .b-left-r-box .knife-upload-btn{width:100%;border-radius:12px;background:#fec629;cursor:pointer;margin-top:20px;display:none;justify-content:center;align-items:center;gap:7px;font-weight:500;font-size:14px;padding:10px 0}#new-canvas-Diy .dialog-instruct-repeat{justify-content:center;align-items:center}#new-canvas-Diy .dialog-instruct-repeat .ir-content{width:500px;background:#fff;border-radius:20px;box-shadow:0 0 6px 1px rgba(0,0,0,.06);padding:20px 24px}#new-canvas-Diy .dialog-instruct-repeat .ir-content .ir-title{font-weight:500;font-size:16px}#new-canvas-Diy .dialog-instruct-repeat .ir-content .ir-textarea{font-weight:400;font-size:14px;margin-top:25px;width:100%;resize:none;border:1px solid #e6e6e6;border-radius:12px;padding:10px}#new-canvas-Diy .dialog-instruct-repeat .ir-content .ir-btn-box{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}#new-canvas-Diy .dialog-instruct-repeat .ir-content .ir-btn-box button{padding:15px 40px;background:#f7f7f7;border-radius:12px;border:none;outline:0;font-weight:500;font-size:12px;color:#000;cursor:pointer}#new-canvas-Diy .dialog-instruct-repeat .ir-content .ir-btn-box .ir-btn-yes{background:#fec629}#new-canvas-Diy .die-Cut-instruct{justify-content:center;align-items:center}#new-canvas-Diy .die-Cut-instruct .title-content{position:relative;display:flex;justify-content:center}#new-canvas-Diy .die-Cut-instruct .ir-content h{font-weight:600}#new-canvas-Diy .die-Cut-instruct .title-content svg{position:absolute;right:0}#new-canvas-Diy .die-Cut-instruct .ir-content{width:500px;background:#fff;border-radius:20px;box-shadow:0 0 6px 1px rgba(0,0,0,.06);padding:20px 24px}#new-canvas-Diy .die-Cut-instruct .ir-content .ir-title{font-weight:400;font-size:14px;margin:20px 0}#new-canvas-Diy .die-Cut-instruct .ir-content .ir-textarea{font-weight:400;font-size:14px;width:100%;resize:none;border:1px solid #e6e6e6;border-radius:12px;padding:10px}#new-canvas-Diy .die-Cut-instruct .ir-content .ir-btn-box{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}#new-canvas-Diy .die-Cut-instruct .ir-content .ir-btn-box button{padding:15px 40px;background:#f7f7f7;border-radius:12px;border:none;outline:0;font-weight:500;font-size:12px;color:#000;cursor:pointer}#new-canvas-Diy .die-Cut-instruct .ir-content .ir-btn-box .ir-btn-yes{background:#fec629}#new-canvas-Diy .shape-different{justify-content:center;align-items:center}#new-canvas-Diy .shape-different .title-content{position:relative;display:flex;justify-content:center;height:20px}#new-canvas-Diy .shape-different .ir-content{width:500px;background:#fff;border-radius:20px;box-shadow:0 0 6px 1px rgba(0,0,0,.06);padding:20px 24px}#new-canvas-Diy .shape-different .title-content svg{position:absolute;right:0}@media screen and (max-width:1023px){#new-canvas-Diy .die-Cut-instruct .ir-content,#new-canvas-Diy .shape-different .ir-content{width:90%!important;border-radius:25px!important}}#new-canvas-Diy .dialog-img .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:15px}#new-canvas-Diy .dialog-img .dialog-main .img-close{width:20px}#new-canvas-Diy .dialog-img .dialog-main .img-list{width:100%;height:40vh;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:4px}#new-canvas-Diy .dialog-img .dialog-main .img-list .img-item{background:#f7f7f7;display:flex;align-items:center;justify-content:center;position:relative}#new-canvas-Diy .dialog-img .dialog-main .img-list .img-item img{width:100%;aspect-ratio:1/1;object-fit:contain}#new-canvas-Diy .dialog-img .dialog-main .img-list .img-item svg{position:absolute;top:5px;right:5px;background:#fff;border-radius:13px;padding:4px;color:#0f0f0f}#new-canvas-Diy .dialog-img .dialog-main .img-text{padding-left:12px;font-size:14px}#new-canvas-Diy .dialog-img .dialog-main .img-text .title{font-weight:500}#new-canvas-Diy .dialog-img .dialog-main .img-text .des{font-weight:400}#new-canvas-Diy .dialog-img .dialog-main .img-btn{width:100%;padding:15px 0;background:#fec629;border-radius:20px;font-weight:500;font-size:14px;display:flex;justify-content:center;align-items:center;gap:10px}#new-canvas-Diy .dialog-img .dialog-main .img-btn svg{width:18px}#new-canvas-Diy .dialog-image-matting-m .dialog-main{width:95%;background:#fff;position:absolute;bottom:120px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:15px}#new-canvas-Diy .dialog-image-matting-m .dialog-main .canvas #matimgcanvas{width:100%;padding:0 20px;box-shadow:inset 0 0 0 1px}#new-canvas-Diy .dialog-image-matting-m .dialog-main .u-tools{display:flex;justify-content:center;padding:0 16px 12px}#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .u-color-box{flex:1 1 96px;min-width:88px;max-width:140px;padding-right:0;font-size:12px}#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .u-color-box .u-show-color{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.3}#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .u-invert-box{background:#f89f27;border-color:#e88a15;color:#fff;min-width:104px;max-width:132px;padding:8px 10px}#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .u-invert-box:hover{border-color:#d97d12;box-shadow:0 1px 4px rgba(232,138,21,.35)}#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .u-invert-box .u-invert-btn{background:0 0;border:none;box-sizing:border-box;color:inherit;font-size:12px;font-weight:600;line-height:1.2;padding:0;min-height:0;height:auto;cursor:pointer}#new-canvas-Diy .dialog-image-matting-m .dialog-main .img-list{width:100%;height:40vh;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:4px}#new-canvas-Diy .dialog-image-matting-m .dialog-main .colorlist{height:7vh;grid-template-columns:repeat(8,1fr);padding:0 20px;background:#fff}#new-canvas-Diy .dialog-image-matting-m .dialog-main .img-list .img-item{background:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:3px}#new-canvas-Diy .dialog-image-matting-m .dialog-main .img-list .img-item .img-item-span{width:80%;aspect-ratio:1/1;object-fit:contain;box-shadow:inset 0 0 0 1px;border-radius:999px;transition:transform .2s ease-in-out;cursor:pointer}#new-canvas-Diy .dialog-image-matting-m .dialog-main .img-list .img-item .choose{transform:scale(1.2)}#new-canvas-Diy .dialog-image-matting-m .dialog-main .u-btn-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:44px}#new-canvas-Diy .dialog-image-matting-m .dialog-main .u-btn-box .u-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;width:auto;text-align:center;text-decoration:none;text-wrap:wrap;word-break:break-word;text-transform:none;white-space:initial;vertical-align:middle;background:#fff;transition:.2s;min-width:80px;gap:6px;border-radius:8px;border:none;box-shadow:inset 0 0 0 .5px;padding:4px}#new-canvas-Diy .dialog-image-matting-m .dialog-main .u-btn-box .u-btn-yes{background:#fec629;box-shadow:unset}#new-canvas-Diy .dialog-image-matting-m .dialog-main .img-close{width:20px;position:absolute;top:11px;right:16px}#new-canvas-Diy .dialog-text .dialog-main{display:none;width:100%;height:40vh;background:0 0;position:absolute;top:2vh;left:0;padding:10px}#new-canvas-Diy .dialog-text .dialog-main .text-header{width:100%;height:66px;display:block}#new-canvas-Diy .dialog-text .dialog-main .text-body{width:100%;background:#fff;border-radius:25px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}#new-canvas-Diy .dialog-text .dialog-main .text-body .text-textarea{flex:1;background:#fff;border-radius:12px;padding:10px}#new-canvas-Diy .dialog-text .dialog-main .text-body .btn-submit{padding:8px 12px;border-radius:10px;font-size:14px;font-weight:500;background:#fec629}#new-canvas-Diy .dialog-printStyle .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px}#new-canvas-Diy .dialog-printStyle .dialog-main .printStyle-close{width:20px}#new-canvas-Diy .dialog-printStyle .dialog-printStyle-svg{position:absolute;right:20px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#ebebeb;border-radius:15px}#new-canvas-Diy .dialog-printStyle .printStyle-title{font-weight:600}#new-canvas-Diy .dialog-printStyle .dialog-main .printStyle-content{width:100%;height:30vh;display:flex;flex-direction:column;justify-content:space-around}.dialog-printStyle .print-style-item{padding:4px 16px;position:relative;width:100%;height:45%;display:flex;flex-direction:row;align-items:center;border-radius:10px;opacity:1;background:rgba(216,216,216,0);box-sizing:border-box;border:1px solid #828282;gap:2px}.dialog-printStyle .print-style-item.on{border:2px solid #fec629}.dialog-printStyle .print-style-item .print-tip-font{display:flex;flex-direction:column;margin-left:5px}.dialog-printStyle .print-style-item .print-tip-title{font-size:13px;font-weight:500}.dialog-printStyle .print-style-item .print-tip-content{font-size:12px}.dialog-printStyle .print-style-item .print-tip-select{position:absolute;right:1%;top:1%;cursor:pointer}.dialog-printStyle .print-style-item .print-tip-img{height:85%;aspect-ratio:1;display:flex;align-items:center;background:#d8d8d8;justify-content:center;border-radius:6px}.dialog-printStyle .print-style-item .print-tip-img img{max-width:100%;max-height:100%;border-radius:8px}#new-canvas-Diy .dialog-template .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px}#new-canvas-Diy .dialog-template .dialog-main .template-close{width:20px}#new-canvas-Diy .dialog-template .dialog-main .template-title{width:100%;font-weight:600;font-size:16px;margin-top:-20px}#new-canvas-Diy .dialog-template .dialog-main .template-list{width:100%;height:40vh;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:4px}#new-canvas-Diy .dialog-template .dialog-main .two-columns{grid-template-columns:repeat(2,1fr)!important}#new-canvas-Diy .dialog-template .dialog-main .template-list .template-item{background:#f7f7f7;display:flex;align-items:center;justify-content:center;position:relative;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #c2a7dd24}#new-canvas-Diy .dialog-template .dialog-main .template-list .template-item .t-img-box{position:absolute;z-index:1;width:40%;height:54%;left:30%;top:34%;overflow:hidden}#new-canvas-Diy .dialog-template .dialog-main .template-list .template-item .t-img-box img{max-height:100%;max-width:100%;object-fit:contain}#new-canvas-Diy .dialog-template .dialog-main .template-list .template-item .bg-img{width:100%;height:auto;max-height:100%}#new-canvas-Diy .dialog-background .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px}#new-canvas-Diy .dialog-background .dialog-main .bg-close{width:20px}#new-canvas-Diy .dialog-background .dialog-main .bg-box{width:100%;font-size:14px;font-weight:500;overflow-x:hidden;overflow-y:auto}#new-canvas-Diy .dialog-background .dialog-main .bg-box ul{display:flex;align-items:flex-end;overflow-x:auto;white-space:nowrap;gap:20px;padding:5px 5px 20px}#new-canvas-Diy .dialog-background .dialog-main .bg-box ul li{width:40px;height:40px;display:flex;align-items:center;padding:0 14px;border-radius:4px;border:1px solid #0f0f0f;aspect-ratio:1}#new-canvas-Diy .dialog-background .dialog-main .bg-box .bg-active{width:43px;height:43px;border:3px solid #0f0f0f}#new-canvas-Diy .dialog-shape .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px}#new-canvas-Diy .dialog-shape .dialog-main .shape-close{width:20px}.dialog-shape .shape-title{width:95%;font-weight:600}#new-canvas-Diy .dialog-shape .dialog-main .shape-list{width:95%;height:10vh;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:8px;text-align:center}.dialog-shape .dialog-main .shape-list .shape-item{font-size:8px;border:1px solid #ccc;border-radius:8px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500}.dialog-shape .dialog-main .shape-list .shape-item.active{border:1px solid #fec629!important}.dialog-shape .dialog-main .shape-list .shape-item .icon{width:35%!important;aspect-ratio:1;height:unset!important}#new-canvas-Diy .dialog-material .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px}.dialog-material-svg{position:absolute;right:20px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#ebebeb;border-radius:15px}#new-canvas-Diy .dialog-material .material-close{width:15px;height:15px}#new-canvas-Diy .dialog-material .material-title{width:95%;font-weight:600}#new-canvas-Diy .dialog-material .material-list{width:100%;height:40vh}.dialog-material .material-list .material-content-detail{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;align-items:center;justify-content:flex-start;gap:4px;height:calc(40vh - 40px);overflow-y:auto}.dialog-material .material-list .material-list-tips .tips-span{white-space:nowrap;font-size:12px;color:#666;background-color:#fefefe;text-align:center;cursor:pointer;border-radius:6px;padding:2px 10px;margin-bottom:10px}.dialog-material .material-list .material-list-tips .tips-span.active{background-color:#fec629;border-color:#fec629;color:#333}.dialog-material .material-list .material-item{display:flex;align-items:center;justify-content:center;background-color:#f7f7f7;border-radius:4px;cursor:pointer;position:relative;aspect-ratio:1}.dialog-material .material-list .material-item img{display:inline-block;break-inside:avoid;max-width:100%;max-height:100%;width:unset;height:unset;padding:8px}.dialog-material .material-list .material-list-tips{display:flex;flex-direction:row;overflow-x:auto;text-align:center;margin-bottom:10px;gap:8px;font-size:15px}#new-canvas-Diy .dialog-instruct .dialog-main{width:82%;height:40vh;background:#fff;position:absolute;bottom:30vh;left:9%;border-radius:25px;display:flex;flex-direction:column;gap:14px;padding:15px}#new-canvas-Diy .dialog-instruct .dialog-main .instruct-close{position:absolute;right:15px;cursor:pointer}#new-canvas-Diy .dialog-instruct .dialog-main .title{font-weight:500;font-size:16px}#new-canvas-Diy .dialog-instruct .dialog-main .instruct-text{flex:1;background:#fff;border-radius:12px;border:1px solid #ddd;padding:10px}#new-canvas-Diy .dialog-instruct .dialog-main .btn-submit{width:100%;background:#fec629;border-radius:15px;padding:12px 0;font-weight:500;font-size:14px;text-align:center}#new-canvas-Diy .m-design-help{justify-content:center;align-items:center}#new-canvas-Diy .m-design-help .m-instruct{width:90%;height:fit-content;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.06);border-radius:20px;padding:15px;position:relative}#new-canvas-Diy .m-design-help .m-instruct .instruct-close{position:absolute;right:13px;cursor:pointer}#new-canvas-Diy .m-design-help .m-instruct .instruct-close:hover{box-shadow:0 0 6px 0 rgba(0,0,0,.06);background:#f7f7f7;border-radius:5px}#new-canvas-Diy .m-design-help .m-instruct .i-title{font-weight:500;font-size:16px}#new-canvas-Diy .m-design-help .m-instruct .design-help{width:100%;background:#fff;font-weight:400;font-size:12px}#new-canvas-Diy .m-design-help .m-instruct .design-help-tips{color:#333;line-height:21px;padding:7px 0}#new-canvas-Diy .m-design-help .m-instruct .design-help-item{padding:0 0 5px}#new-canvas-Diy .m-design-help .m-instruct .design-help-title{color:#666;text-align:left;display:flex;gap:5px;padding:4px 0;font-size:13px}#new-canvas-Diy .m-design-help .m-instruct .design-help-title>:first-child{padding:3px 0 0;color:#ff3838}#new-canvas-Diy .m-design-help .m-instruct .design-help-selected{color:#333;text-align:left;height:37px;background:#fff;border-radius:6px;border:1px solid #e8e8e8;line-height:37px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}#new-canvas-Diy .m-design-help .m-instruct .i-textarea{width:100%;background:#fff;border-radius:6px;border:1px solid #e8e8e8;padding:10px;font-size:12px}#new-canvas-Diy .m-design-help .m-instruct .i-submit{width:100%;display:flex;font-size:14px;align-items:center;justify-content:space-between;margin-top:10px}#new-canvas-Diy .m-design-help .m-instruct .i-submit span{width:48%;height:42px;line-height:42px;text-align:center;background:#e9e9e9;border-radius:8px;font-weight:600;cursor:pointer}#new-canvas-Diy .m-design-help .m-instruct .i-submit .instruct-submit{background:#fec629}#new-canvas-Diy .h-saved{cursor:pointer}#new-canvas-Diy .h-saved,#new-canvas-Diy .h-saving{display:none;align-items:center;gap:5px;font-weight:500;font-size:12px;position:relative}#new-canvas-Diy .h-saved span,#new-canvas-Diy .h-saving span{width:8px;height:8px;border-radius:50%}#new-canvas-Diy .h-saved span{background:#85ff1d}#new-canvas-Diy .h-saved .last-saved-tips{position:absolute;top:40px;left:-25%;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.08);border-radius:10px;display:none;white-space:nowrap;align-items:center;justify-content:center;padding:0 15px;width:fit-content;height:51px;font-weight:500;font-size:12px;color:#333;gap:8px;z-index:10}#new-canvas-Diy .h-saved .last-saved-tips svg{width:calc(17px * var(--left-ratio));height:calc(17px * var(--left-ratio))}#new-canvas-Diy .h-saved .last-saved-tips::before{content:'';position:absolute;left:10%;top:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;border-radius:5px}#new-canvas-Diy .h-saved:hover .last-saved-tips{display:flex}#new-canvas-Diy .h-saving span{background:#ffc21d;animation:1s linear infinite saving-load}#new-canvas-Diy .dialog-loading .loading-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}#new-canvas-Diy .dialog-loading .loading-content svg{width:100px;height:auto}#new-canvas-Diy .dialog-loading .loading-content span{color:#fff;background:#000;padding:10px;border-radius:5px}#new-canvas-Diy .dialog-preview{justify-content:center;align-items:center}#new-canvas-Diy .dialog-preview .p-content{background:#fff;border-radius:15px;width:45%;padding:20px}#new-canvas-Diy .dialog-preview .p-content .p-header{display:flex;justify-content:space-between;font-size:30px}#new-canvas-Diy .dialog-preview .p-content .p-body{margin:50px 0;display:flex;justify-content:center;position:relative;z-index:2}#new-canvas-Diy .dialog-preview .p-content .p-body img{display:none}#new-canvas-Diy .dialog-preview .p-content .p-body .preview-model{width:100%}#new-canvas-Diy .dialog-preview .p-content .p-body .design-img{width:50%;position:absolute;max-height:70vh}.diy-dialog{display:none;position:fixed;top:0;left:0;z-index:var(--designer-z-index);width:100%;height:100%;background:rgba(0,0,0,.7)}.diy-dialog-m{display:none;position:absolute;top:0;left:0;z-index:var(--designer-z-index);width:100%;height:100%;background:rgba(0,0,0,.5)}.noCanvas-tip{display:none;position:absolute;top:12vh;right:17vw;background:#fff;border-radius:10px;padding:30px 15px;font-size:14px;box-shadow:0 0 6px 1px rgba(0,0,0,.06);z-index:1}.noCanvas-tip svg{position:absolute;top:5px;right:5px}.dialog-m-show{display:block}.dialog-m-show .dialog-main{animation:.5s ease-in-out forwards dialog-up}.dialog-m-hide .dialog-main{animation:.5s ease-in-out forwards dialog-down}.diy-m-show{display:flex!important}.diy-m-show .diy-content-m{animation:.5s ease-in-out forwards dialog-up}.diy-m-hide .diy-content-m{animation:.5s ease-in-out forwards dialog-down}.diy-content-m .stickers-cut-button{display:none;position:absolute;z-index:1;background-color:#a9a9a9;border-radius:20px;height:40px;min-width:200px;max-width:300px}.diy-content-m .stickers-cut-button .stickers-cut-area{width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;border-radius:20px;cursor:pointer}.diy-content-m .stickers-cut-button .stickers-cut-area.active{background-color:#fec629}.diy-content-m .stickers-cut-button .stickers-cut-area span{font-size:.75rem;margin-left:5px}.diy-content-m .stickers-cut-button .stickers-cut-area svg{width:30px;height:30px}.guide-m-show{display:block;animation:.5s ease-in-out forwards dialog-up}.text-m-show{display:block!important;animation:.5s ease-in-out forwards text-m-show}#new-canvas-Diy .icon{width:calc(25px * var(--left-ratio));height:calc(25px * var(--left-ratio));fill:currentColor;cursor:pointer;color:#000}.lump-active{background:#f7f7f7}.lump-disable{opacity:.3;cursor:not-allowed}.lump-disable svg{pointer-events:none}#new-canvas-Diy .h-left .h-saved,#new-canvas-Diy .h-left .history-btn,#new-canvas-Diy .h-left .product-info-container,#new-canvas-Diy .h-left .redo-btn,#new-canvas-Diy .h-left .undo-btn{height:calc(30px * var(--header-ratio));line-height:calc(30px * var(--header-ratio));padding:0 10px}#new-canvas-Diy .h-left .h-saved:hover,#new-canvas-Diy .h-left .history-btn:hover,#new-canvas-Diy .h-left .product-info-container:hover,#new-canvas-Diy .h-left .redo-btn:hover,#new-canvas-Diy .h-left .undo-btn:hover{background:#f3f3f3;border-radius:15px}.color-m-active{width:38px!important;height:38px!important;border:3px solid #0f0f0f!important}.page-selected{border-radius:20px;border:2px solid #0f0f0f!important;color:#0f0f0f}.textarea-active{border-bottom:1px solid #fec629!important}.pop-vertical{display:none;position:absolute;z-index:999;padding:5px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.06);border-radius:10px;margin:0}.pop-horizontal{display:none;position:absolute;top:100%;z-index:999;align-items:center;gap:calc(15px * var(--panel-ratio));padding:calc(5px * var(--panel-ratio));background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.06);border-radius:10px}.pop-horizontal .pop-item{cursor:pointer;display:flex;align-items:center;gap:calc(5px * var(--panel-ratio));padding:calc(5px * var(--panel-ratio));border-radius:calc(5px * var(--panel-ratio));white-space:nowrap}.pop-horizontal .pop-item:hover{background:#f7f7f7}.switch{width:50px;height:27px;background-color:#ddd;border-radius:14px;position:relative;display:flex;align-items:center;cursor:pointer;transition:background-color .2s}.switch .switch-handle{width:21px;height:21px;background:#fff;border-radius:50%;position:absolute;left:3px;transition:transform .2s}.switch-on{background-color:#fec629}.switch-on .switch-handle{transform:translateX(23px)}.add-cart-active{background:#fec629!important}.add-cart-active:hover{background:#f1b91c!important}textarea:focus-visible{outline:0;box-shadow:none}@media screen and (max-width:1023px){#new-canvas-Diy{align-items:flex-end;padding:0}.dialog-guide .guide-text{width:82%!important;top:calc(2% + 66px + 125px);left:9%}.dialog-guide .guide-line{transform:rotateY(180deg);right:190px!important}.dialog-guide .guide-circle{right:120px!important}.dialog-upload .u-content{width:82%!important;border-radius:25px!important;padding:30px 24px!important}.dialog-upload .u-content .u-des{margin-top:10px!important}.dialog-upload .u-content .u-upload-box{margin-top:30px!important}.switch{width:52px;height:27px}.switch .switch-handle{width:21px;height:21px}.switch-on .switch-handle{transform:translateX(25px)}.page-selected{background:#383838!important;color:#fec629;border:none!important}.lump-active{background:#383838!important;color:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.06);border-radius:7px}.lump-active svg{color:#fff}.lump-active img{filter:invert(1)}.dialog-instruct-repeat .ir-content{width:90%!important;border-radius:25px!important}.dialog-instruct-repeat .ir-content .ir-textarea{margin-top:15px!important}.dialog-instruct-repeat .ir-content .ir-btn-box{margin-top:10px!important}.dialog-loading .loading-content svg{width:60px!important}.dialog-loading .loading-content span{font-size:12px}.noCanvas-tip{top:60vh;right:0;padding:25px 15px;font-size:12px}.dialog-preview .p-content{width:96%!important}}@keyframes dialog-up{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes dialog-down{0%{transform:translateY(0)}100%{transform:translateY(100%)}}@keyframes saving-load{0%{transform:scale(.8)}50%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes text-m-show{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.pcr-app div:empty{display:block}#new-canvas-Diy .dialog-image-matting{justify-content:center;align-items:center}#new-canvas-Diy .dialog-image-matting .u-content{width:600px;background:#fff;border-radius:20px;box-shadow:0 0 6px 1px rgba(0,0,0,.06);position:relative}#new-canvas-Diy .dialog-image-matting .u-content .u-title{font-weight:600;font-size:22px;text-align:center;padding:30px 45px}#new-canvas-Diy .dialog-image-matting .u-content .u-close{position:absolute;top:10px;right:10px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools{justify-content:center;align-items:center;display:flex;padding:16px 20px 20px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row,#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;gap:10px;width:100%;max-width:100%}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .control-group,#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .control-group{display:flex;flex-direction:column;justify-content:center;gap:6px;flex:1 1 168px;min-width:148px;max-width:188px;margin:0;padding:8px 12px 10px;box-sizing:border-box;background:#f8fafc;border:1px solid #e8ecf1;border-radius:10px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .control-group .label-row,#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .control-group .label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;line-height:1.2}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .control-group label,#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .control-group label{margin:0;font-weight:600;font-size:13px;color:#374151;white-space:nowrap}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .control-group output,#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .control-group output{color:#2397ce;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .control-group input[type=range],#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .control-group input[type=range]{width:100%;height:6px;margin:2px 0 0;accent-color:#2397ce;cursor:pointer}#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .control-group{flex:1 1 128px;min-width:118px;max-width:150px;padding:6px 10px 8px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .u-tools-box,#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .u-tools-box{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:0;min-height:44px;height:auto;width:auto;padding:8px 14px;box-sizing:border-box;background:#fff;border:1px solid #e8ecf1;border-radius:10px;font-weight:500;font-size:13px;line-height:1.2;color:#1f2937;cursor:pointer;flex-shrink:1;white-space:nowrap;transition:border-color .15s,box-shadow .15s}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .u-tools-box:hover,#new-canvas-Diy .dialog-image-matting-m .u-tools .u-tools-row .u-tools-box:hover{border-color:#cbd5e1;box-shadow:0 1px 4px rgba(15,23,42,.06)}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .u-color-box{flex:1 1 132px;min-width:112px;max-width:188px;position:relative}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .u-color-box>div:first-child{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .u-invert-box{flex:0 0 auto;min-width:118px;max-width:156px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .u-invert-box svg.icon{width:18px;height:18px;flex-shrink:0}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-color-box .u-show-color{position:relative;display:inline-block;height:28px;width:28px;color:#000;background-origin:border-box;background-size:cover;border-radius:9999px;box-shadow:inset 0 0 0 1px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-color-box .chooseColorTag{position:absolute;inset:0px auto auto 0px;background-color:#fff;padding:20px;display:none;top:50px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-color-box .chooseColorTag .colorTagContainer{box-sizing:border-box}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-color-box .chooseColorTag .colorTagContainer .colorTagList{display:flex;flex-wrap:wrap;text-align:center;margin-top:20px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-color-box .chooseColorTag .colorTagContainer .colorTagList .colortag{width:36px;margin-bottom:10px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-color-box .chooseColorTag .colorTagContainer .colorTagList .colortag span{position:relative;display:inline-block;border-radius:999px;width:30px;height:30px;box-shadow:inset 0 0 0 1px}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-color-box .chooseColorTag .colorTagContainer .colorTagList .colortag span.choose{transform:scale(1.2)}#new-canvas-Diy .dialog-image-matting .u-btn-box{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:30px 45px}#new-canvas-Diy .dialog-image-matting .u-btn-box .u-btn{padding:15px 40px;background:#f7f7f7;border-radius:12px;border:none;outline:0;font-weight:500;font-size:12px;color:#000;cursor:pointer}#new-canvas-Diy .dialog-image-matting .u-btn-box .u-btn-yes{background:#fec629}#new-canvas-Diy .dialog-white-color{justify-content:center;align-items:center}#new-canvas-Diy .dialog-white-color .u-content{width:600px;background:#fff;border-radius:20px;box-shadow:0 0 6px 1px rgba(0,0,0,.06);position:relative}#new-canvas-Diy .dialog-white-color .u-content .u-title{font-weight:600;font-size:22px;text-align:center;padding:30px 45px}#new-canvas-Diy .dialog-white-color .u-content .u-title .single-color{font-weight:400}#new-canvas-Diy .dialog-white-color .u-content .u-close{position:absolute;top:10px;right:10px}#new-canvas-Diy .dialog-white-color .u-btn-box{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:30px 45px}#new-canvas-Diy .dialog-white-color .u-btn-box .u-btn{padding:15px 40px;background:#f7f7f7;border-radius:12px;border:none;outline:0;font-weight:500;font-size:12px;color:#000;cursor:pointer}#new-canvas-Diy .dialog-white-color .u-btn-box .u-btn-yes{background:#fec629}#new-canvas-Diy .dialog-white-color-m .dialog-main{width:95%;background:#fff;position:absolute;bottom:200px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:15px}#new-canvas-Diy .dialog-white-color-m .dialog-main .u-btn-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:44px}#new-canvas-Diy .dialog-white-color-m .dialog-main .u-btn-box .u-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;width:auto;text-align:center;text-decoration:none;text-wrap:wrap;word-break:break-word;text-transform:none;white-space:initial;vertical-align:middle;background:#fff;transition:.2s;min-width:80px;gap:6px;border-radius:8px;border:none;box-shadow:inset 0 0 0 .5px;padding:4px;font-size:12px}#new-canvas-Diy .dialog-white-color-m .dialog-main .u-btn-box .u-btn-yes{background:#fec629;box-shadow:unset}#new-canvas-Diy .dialog-threeview-design{justify-content:center;align-items:center}#new-canvas-Diy .dialog-threeview-design .p-content{background:#fff;border-radius:15px;width:45%;padding:20px}#new-canvas-Diy .dialog-threeview-design .p-content .p-header{display:flex;justify-content:space-between;font-size:30px}#new-canvas-Diy .dialog-threeview-design .p-content .p-body{margin:50px 0;display:flex;justify-content:center;position:relative;z-index:2}.diy-dialog .dialog-three-tips{text-align:center;font-size:10px;font-weight:400;display:none}.dialog-threeview-design .dialog-three-tips{font-size:16px}.folder-contents-detail .material-item .img-material.lazyloaded{animation:.5s growIn;transform-origin:center}@keyframes growIn{from{transform:scale(0)}to{transform:scale(1)}}#new-canvas-Diy .dialog-qrCode .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:15px}#new-canvas-Diy .dialog-qrCode .qrCode-close{width:20px}#new-canvas-Diy .dialog-qrCode .qrCode-list{display:flex;flex-direction:column;gap:10px;width:100%;max-height:50vh;overflow-y:auto}#new-canvas-Diy .dialog-qrCode .qrCode-list .qrCode-item{display:flex;gap:10px;padding:10px}#new-canvas-Diy .dialog-qrCode .qrCode-list .qrCode-item.active{border-radius:12px;background:#f2f2f2}#new-canvas-Diy .dialog-qrCode .qrCode-list .qrCode-item .item-img{width:120px;aspect-ratio:1/1;box-shadow:0 3px 6px 1px rgba(0,0,0,.1);border-radius:12px;padding:5px;flex-shrink:0}#new-canvas-Diy .dialog-qrCode .qrCode-list .qrCode-item .item-img img{width:98%;aspect-ratio:1}#new-canvas-Diy .dialog-qrCode .qrCode-list .qrCode-item .item-right{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;justify-content:space-between}#new-canvas-Diy .dialog-qrCode .qrCode-list .qrCode-item .item-right .item-url{padding:5px;background:#fcfcfc;border-radius:8px;overflow-wrap:break-word;font-size:12px;font-weight:500}#new-canvas-Diy .dialog-qrCode .qrCode-list .qrCode-item .item-right .item-apply{width:100%;background:#fff;border-radius:8px;border:1px solid #0f0f0f;padding:5px 0;text-align:center;font-weight:500;font-size:12px;color:#0f0f0f}#new-canvas-Diy .dialog-qrCode .qrCode-content{width:100%;padding:0 15px}#new-canvas-Diy .dialog-qrCode .qrCode-content .qrCode-title{color:#0f0f0f;font-size:14px;font-weight:500}#new-canvas-Diy .dialog-qrCode .qrCode-content .qrCode-input{width:100%;font-size:16px;font-weight:500;border:none;border-bottom:1px solid #ddd;margin-top:20px}#new-canvas-Diy .dialog-qrCode .qrCode-content .qrCode-input::placeholder{color:#ddd}#new-canvas-Diy .dialog-qrCode .qrCode-content .qrCode-tips,#new-canvas-Diy .dialog-qrCode-url .qrCode-edit-tips{width:100%;font-size:12px;font-weight:500;color:#fa4040;margin-top:5px;display:none}#new-canvas-Diy .dialog-qrCode .dialog-main .qrCode-btn{width:100%;padding:10px 0;background:#ddd;border-radius:20px;font-weight:500;font-size:14px;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}#new-canvas-Diy .dialog-qrCode .dialog-main .qrCode-btn.active{background:#fec629}#new-canvas-Diy .dialog-qrCode-logo .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:15px}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-close{width:20px}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-title{width:100%;font-weight:500;font-size:16px;color:#000}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-list{width:100%;height:fit-content;max-height:40vh;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:4px}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-list .noneLogo{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f2f2f2;background:#ddd!important}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-list .noneLogo>div{display:flex;width:100%;align-items:center;justify-content:center}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-list .noneLogo svg{position:unset!important;width:50%!important;aspect-ratio:1;height:unset!important}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-list .logo-item{background:#f7f7f7;display:flex;align-items:center;justify-content:center;position:relative}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-list .logo-item img{width:100%;aspect-ratio:1/1;object-fit:contain}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-list .logo-item svg{position:absolute;top:5px;right:5px}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-text{padding-left:12px;width:100%}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-text p{font-size:14px}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-text .title{font-weight:500}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-text .des{font-weight:400}#new-canvas-Diy .dialog-qrCode-logo .dialog-main .logo-btn{width:100%;padding:15px 0;background:#fec629;border-radius:20px;font-weight:500;font-size:14px;display:flex;justify-content:center;align-items:center;gap:10px}#new-canvas-Diy .dialog-qrCode-url .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:15px}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-close{width:20px}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-title{width:100%;font-weight:500;font-size:16px;color:#0f0f0f}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-qrCode{width:195px;aspect-ratio:1/1;background:#fcfcfc;box-shadow:0 3px 6px 1px rgba(0,0,0,.1);border-radius:12px;padding:20px}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-qrCode img{width:100%;height:100%}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-input{width:100%;background:#fcfcfc;border-radius:8px;border:1px solid #ddd;padding:10px 15px}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-btn-line{width:100%;display:flex;justify-content:space-between;gap:10px}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-btn-line .url-btn{padding:15px 0;width:100%;border-radius:15px;font-weight:500;font-size:14px;border:1px solid #0f0f0f;text-align:center}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-btn-line .url-cancel-btn,#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-btn-line .url-save-btn{color:#0f0f0f}#new-canvas-Diy .dialog-qrCode-url .dialog-main .url-btn-line .url-save-btn.active{color:#fff;background:#0f0f0f}.cup-design-select-container{display:block;position:relative;cursor:pointer;font-size:22px;user-select:none}.cup-design-select-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:calc(7px * var(--left-ratio));left:calc(-28px * var(--left-ratio));height:calc(20px * var(--left-ratio));width:calc(20px * var(--left-ratio));border:solid gray calc(1px * var(--left-ratio));border-radius:calc(4px * var(--left-ratio))}.cup-design-select-container input:checked~.checkmark{background-color:#333}.checkmark:after{content:"";position:absolute;display:none}.cup-design-select-container input:checked~.checkmark:after{display:block}.cup-design-select-container .checkmark:after{left:calc(5px * var(--left-ratio));top:calc(1px * var(--left-ratio));width:calc(6px * var(--left-ratio));height:calc(10px * var(--left-ratio));border:solid #fff;border-width:0 calc(3px * var(--left-ratio)) calc(3px * var(--left-ratio)) 0;transform:rotate(45deg)}.shape-tips-items{display:none;position:absolute;height:fit-content;width:fit-content;bottom:calc(130px * var(--left-ratio));left:calc(20px * var(--left-ratio))}.shape-tips-items .tips-guide-line{left:calc(30px * var(--left-ratio));position:absolute}.shape-tips-items .shape-tips-triangle{display:block}.shape-tips-items .shape-tips-line{display:block;width:calc(2px * var(--left-ratio));height:calc(40px * var(--left-ratio));background:repeating-linear-gradient(to bottom,transparent,transparent 5px,#d4cece 5px,#d4cece 10px)}.shape-tips-items .shape-tips-point{display:block;width:calc(8px * var(--left-ratio));height:calc(8px * var(--left-ratio));background-color:#cacaca;border-radius:50%;margin-top:calc(-1px * var(--left-ratio));margin-left:calc(-3px * var(--left-ratio))}.shape-tips-items .shape-tips-text{font-size:1rem;color:#787878;height:40px;line-height:40px;background:#fff;box-sizing:border-box;border:1px solid #cacaca;border-radius:10px;padding:0 5px}.diy-content-m .diy-body-m .fit-content{border-top:none!important}#new-canvas-Diy .diy-content-m .diy-body-m .b-top{margin-top:unset}#new-canvas-Diy .diy-content-m .diy-body-m .b-top .bt-position div{padding:7px 0 3px}.diy-content-m .stickers-cut-button{height:calc(35px * var(--left-ratio));line-height:calc(35px * var(--left-ratio))}#new-canvas-Diy .diy-content-m .diy-bottom-m .b-menus{justify-content:flex-start;bottom:20px;padding:5px 15px}#tidio-chat-iframe.mobile-tidio-racetop{top:7.5rem!important;transform:scale(.7)!important}#tidio-chat-iframe.mobile-tidio-chat{top:100px!important}.bc-more-pages{display:none;position:absolute;flex-direction:row;width:80%;justify-content:center;bottom:0}.bc-more-pages .image-list-swiper{width:100%;height:84px;position:relative;border-radius:16px;padding:0 5px;overflow:hidden}.bc-more-pages .slide-item{display:flex;flex-direction:column;align-items:center;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s;position:relative;border:2px solid transparent;overflow:hidden;width:80px!important;height:80px!important}.bc-more-pages .slide-item.selected{border:2px solid #222}.bc-more-pages .page-thumb{pointer-events:none;display:flex;width:100%;height:100%;position:relative;align-items:center;justify-content:center}.bc-more-pages .page-thumb img{max-width:100%;max-height:100%;object-fit:cover;width:auto}.bc-more-pages .slide-item .page-delete-keep{position:absolute;display:none;background:#0f0f0f8f;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:10px;z-index:10;pointer-events:none}.bc-more-pages .slide-item .page-delete-keep span{pointer-events:auto;width:63px;height:26px;text-align:center;line-height:26px;cursor:pointer}.bc-more-pages .slide-item .page-delete-keep .page-delete-btn{font-weight:600;font-size:10px;color:#fff;background:#ce2626;border-radius:5px}.bc-more-pages .slide-item .page-delete-keep .page-keep-btn{background:#fff;border-radius:5px;border:1px solid #0f0f0f;font-weight:600;font-size:10px;color:#0f0f0f}.bc-more-pages .swiper-button-next,.bc-more-pages .swiper-button-prev{border-radius:6px;width:27px;height:27px;top:unset;bottom:unset;position:absolute;display:block}.bc-more-pages .swiper-button-prev{left:-10px!important;top:calc(50% + 7px)!important;transform:translateX(-50%)}.bc-more-pages .swiper-button-next{right:-45px!important;top:calc(50% + 7px)!important;transform:translateX(-50%)}.bc-more-pages .swiper-button-next:after,.bc-more-pages .swiper-button-prev:after{width:0;height:0;border-bottom:12px solid transparent;border-top:12px solid transparent;content:'';border-radius:6px;display:block}.bc-more-pages .swiper-button-next:after{border-left:10px solid #000;margin-left:10px}.bc-more-pages .swiper-button-prev:after{margin-left:5px;border-right:10px solid #000}.bc-more-pages .swiper-button-next.swiper-button-disabled,.bc-more-pages .swiper-button-prev.swiper-button-disabled{background:0 0;display:block}.bc-more-pages .delete-add-page{width:100%;height:40px;position:absolute;bottom:90px;display:flex;justify-content:center;align-items:center;gap:10%;z-index:2}.bc-more-pages .add-sticker-btn{width:50%;height:100%;background:#fec629;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;box-shadow:0 3px 6px 1px rgba(0,0,0,.1);line-height:100%;gap:5px}.bc-more-pages .add-sticker-btn .add-icon{font-size:18px;color:#222b45;line-height:1}.bc-more-pages .add-sticker-btn .add-text{font-weight:600;font-size:10px;color:#0f0f0f}.bc-more-pages .delete-btn{display:none;width:50%;height:100%;flex-direction:row;justify-content:center;font-weight:700;font-size:12px;background:#fff;border-radius:12px;border:none;cursor:pointer;align-items:center;color:#ff1414;gap:5px;line-height:100%;box-shadow:0 3px 6px 1px rgba(0,0,0,.1)}.bc-more-pages .delete-btn svg{width:12px!important;height:13px!important;color:#ce2626!important}.bc-more-pages .max-page-tipe{width:100px;height:50px;background:#ddd;border-radius:14px;display:none;align-items:center;flex-direction:column;justify-content:center;bottom:-60px;position:absolute}.bc-more-pages .max-page-tipe span{font-weight:600;font-size:14px;color:#adadad}.bc-more-pages .max-page-tipe span:not(:first-child){font-size:10px}.page-max-min-tips>div{display:none}.page-max-min-tips .max-min-content{top:calc((100vh - 181px)/ 2);position:absolute;left:5%;width:90%;height:181px;background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.08);border-radius:14px;flex-direction:column;justify-content:center;align-items:center}.page-max-min-tips .max-min-content .max-min-tips{text-align:left;line-height:25px;height:110px;font-weight:500;font-size:14px;color:#000;width:80%;padding-top:20px}.page-max-min-tips .max-min-content .max-min-ok{width:90%;height:44px;background:#0f0f0f;border-radius:10px;font-weight:500;font-size:14px;color:#fff;line-height:44px;text-align:center}.page-max-min-tips .delete-keep-content{bottom:calc((100vh - 180px)/ 2);left:5%;position:absolute;width:90%;height:180px;background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.08);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.page-max-min-tips .delete-keep-content .delete-keep-tips{font-weight:500;font-size:14px;color:#000;height:80px;line-height:80px}.page-max-min-tips .delete-keep-content .delete-keep-btn{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;height:48px}.page-max-min-tips .delete-keep-btn span{width:45%;height:48px;background:#fff;border-radius:10px;border:2px solid #0f0f0f;text-align:center;line-height:48px;font-weight:600;font-size:14px;color:#0f0f0f}.page-max-min-tips .delete-keep-btn .delete-opreate{background:#ce2626;color:#fff}.pumpkin-toast{display:none;align-items:center;background:#222;color:#fff;border-radius:10px;padding:12px 20px 12px 12px;box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:12px;position:absolute;width:240px;height:60px;left:74px;z-index:1}.pumpkin-icon{width:3rem;margin-right:12px}.pumpkin-text{flex:1;font-weight:500}.pumpkin-close{display:flex;height:20px;width:20px;right:-10px;top:-10px;position:absolute;cursor:pointer;transition:opacity .2s;align-items:center;justify-content:center}.pumpkin-close:hover{opacity:1}.pumpkin-close svg{fill:#ffff!important}.pumpkin-toast.diy_pc::before{content:'';position:absolute;left:-9px;top:8px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #222}.pumpkin-toast.diy_m{left:unset;bottom:65px;right:-20px}.pumpkin-toast.diy_m::before{content:'';position:absolute;right:120px;top:59px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #222}.overlap-tips-toast,.pages-tips-max,.pages-tips-min{white-space:nowrap;font-weight:500;font-size:calc(12px * var(--tips-ratio));color:#000;line-height:calc(16px * var(--tips-ratio));text-align:left;font-style:normal;height:calc(56px * var(--tips-ratio));display:none;align-items:center;width:calc(511px * var(--tips-ratio));position:absolute;bottom:3%;right:29%;background:#f8f8f8;box-shadow:0 calc(3px * var(--tips-ratio)) calc(6px * var(--tips-ratio)) 1px rgba(0,0,0,.1);border-radius:calc(15px * var(--tips-ratio))}.pages-tips-max{width:calc(430px * var(--tips-ratio))}.pages-tips-min{position:absolute;right:calc(120px * var(--tips-ratio));top:5%;width:calc(300px * var(--tips-ratio))}.overlap-tips-toast.diy_m,.pages-tips-max.diy_m,.pages-tips-min.diy_m{left:calc((100% - calc(300px * var(--tips-ratio)))/ 2);width:calc(300px * var(--tips-ratio));bottom:20%;font-size:calc(12px * var(--tips-ratio))}.overlap-tips-toast>div,.pages-tips-max>div,.pages-tips-min>div{margin:0 0 0 calc(18px * var(--tips-ratio));display:flex;flex-direction:column;justify-content:center;align-items:center}.tips-icon{font-size:calc(1.4em * var(--tips-ratio));margin-right:calc(8px * var(--tips-ratio))}.overlap-tips-title{font-weight:600;margin-right:calc(10px * var(--tips-ratio))}.overlap-tips-content{flex:1}.overlap-tips-close{display:flex;line-height:calc(20px * var(--tips-ratio));height:calc(20px * var(--tips-ratio));width:calc(20px * var(--tips-ratio));margin-right:calc(18px * var(--tips-ratio));cursor:pointer;color:#888;opacity:.7;transition:opacity .2s;align-items:center}.overlap-tips-close:hover{opacity:1}.new-material-flag{background:red;color:#fff;width:calc(45px * var(--left-ratio));font-size:calc(13px * var(--left-ratio));text-align:center;border-radius:calc(20px * var(--left-ratio));font-weight:500;display:flex;justify-content:center;align-items:center;height:calc(22px * var(--left-ratio));position:absolute;margin-left:calc(80px * var(--left-ratio))}.dialog-image-matting .single-color{font-size:12px;text-align:left;position:absolute;width:70%;left:15%;margin-top:10px}.dialog-image-matting-m .single-color{font-size:12px;text-align:left;position:relative;width:90%;left:5%}.dialog-image-matting .single-color span,.dialog-image-matting-m .single-color span{font-weight:700}.dialog-image-matting-m .u-title{text-align:center}#new-canvas-Diy .dialog-image-matting .u-body .u-tools .u-tools-row .u-color-box svg.icon{width:16px;height:16px;flex-shrink:0;opacity:.65}.diy-content .calendar-container{display:none;width:100%;height:100%;flex-direction:column;position:absolute;background-color:rgba(0,0,0,.2);align-items:center;justify-content:center;z-index:999}.diy-content .calendar-container .calendar-template-box{display:flex;width:40%;height:50%;flex-direction:column;position:relative;background-color:#fff;align-items:center;border-radius:20px}.diy-content .calendar-template-box .calendar-items-tips{display:flex;justify-content:center;align-items:center;margin:40px 0;font-weight:600;font-size:18px;color:#000}.diy-content .calendar-template-box .calendar-items-list{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;overflow-y:auto;position:relative;padding:0 20px}.diy-content .calendar-template-box .calendar-items-list .calendar-item{cursor:pointer;border-radius:16px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background:#f2f2f2;padding:10px;position:relative}.diy-content .calendar-template-box .calendar-items-list .calendar-item img{max-width:100%;max-height:100%;object-fit:contain}.diy-content .calendar-template-box .calendar-items-list .calendar-item .start-design-box{display:none;position:absolute;width:100%;height:100%;justify-content:center;align-items:center;background:#00000078;border-radius:16px}.diy-content .calendar-template-box .calendar-items-list .calendar-item:hover .start-design-box{display:flex}.calendar-previews-items{padding:20px;position:absolute;width:30%;display:none;grid-template-columns:repeat(3,1fr);left:25%;top:25%;gap:20px;background:#f2f2f2;border-radius:20px;border:1px solid #707070;z-index:10004}.calendar-previews-items .template-preview-item{border-radius:20px;background:#b6b6ef;padding:20px}.calendar-previews-items .template-preview-item img{max-width:100%;max-height:100%;object-fit:contain}.diy-content .calendar-template-box .calendar-items-list .calendar-item:hover .calendar-previews-items{display:grid}.diy-content .calendar-template-box .calendar-items-list .calendar-item .start-design{position:absolute;width:50%;height:36px;background:#0f0f0f;border-radius:18px;text-align:center;line-height:36px;font-weight:600;font-size:17px;color:#fff}.diy-content .calendar-template-box .calendar-items-list .calendar-item .start-design:hover{background:#383838}#diyContainer .imgPrewCanvas{cursor:pointer}.calendar-pages{position:absolute;width:67%;bottom:70px;right:25%;display:none}.calendar-pages .calendar-list-swiper{max-height:160px;overflow:hidden}.calendar-pages .slide-item{display:flex;flex-direction:column;align-items:center;border-radius:12px;position:relative;border:2px solid transparent;overflow:hidden;height:133px!important;width:168px!important;background:0 0!important}.calendar-pages .slide-item .on{border:2px solid #0f0f0f!important}.calendar-pages .slide-item .page-thumb{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.calendar-pages .slide-item .page-thumb>div{width:71px;height:86px;background:#fff;border-radius:15px;border:2px solid #ddd;display:flex;align-items:center;justify-content:center}.calendar-pages .slide-item .page-thumb>div img{max-width:calc(100% - 8px);max-height:calc(100% - 8px);object-fit:contain;cursor:pointer}.calendar-pages.detail-all-show .slide-item .page-name{margin-top:10px;padding:0 10px;font-weight:500;font-size:12px;color:#555;background:#ddd;border-radius:10px;cursor:pointer}.calendar-pages.detail-all-show .slide-item:hover{background:#fff!important}.calendar-pages.detail-all-show .slide-item:hover .page-name{background:#0f0f0f;color:#fff}.calendar-pages .swiper-button-next,.calendar-pages .swiper-button-prev{background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.04);border-radius:17px;width:38px;height:34px;top:calc(50% - 10px);bottom:unset;position:absolute}.calendar-pages .swiper-button-prev{left:-40px!important}.calendar-pages .swiper-button-next{right:-40px!important}.calendar-pages .swiper-button-next:hover,.calendar-pages .swiper-button-prev:hover{background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.06)}.calendar-pages .swiper-button-next:after,.calendar-pages .swiper-button-prev:after{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;content:'';border-radius:17px;left:12px;position:absolute;top:9px;padding-top:unset}.calendar-pages .swiper-button-next:after{border-left:10px solid #000}.calendar-pages .swiper-button-prev:after{border-right:10px solid #000}.calendar-pages .swiper-button-next.swiper-button-disabled,.calendar-pages .swiper-button-prev.swiper-button-disabled{background:#f2f2f2}.calendar-pages .slide-calendar-fold{display:flex;top:calc(50% - 32px);position:absolute;right:-100px;width:44px;height:34px;background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.06);border-radius:17px;align-items:center;justify-content:center}.slide-calendar-fold .close-icon{display:block}.slide-calendar-fold .elide-icon{display:none}.slide-calendar-fold.on .elide-icon{display:block}.slide-calendar-fold.on .close-icon{display:none}.calendar-pages.simpleShow{bottom:100px}.calendar-pages.simpleShow .slide-item{height:20px!important;width:54px!important;border-radius:10px;border:1px solid #adadad;cursor:pointer}.calendar-pages.simpleShow .calendar-list-swiper{bottom:17px;position:relative}.calendar-pages.simpleShow .slide-item:hover{border:1px solid #555}.calendar-pages.simpleShow .slide-item .page-name{margin-top:unset;font-weight:500;font-size:12px;color:#555;background:#fff;width:100%;text-align:center}.calendar-pages.simpleShow .currentMon .page-name{color:#fff;background:#0f0f0f}.cal-page-prev{display:none;width:fit-content;padding:0 7px;height:106px;background:#fff;box-shadow:0 3px 6px 1px rgba(0,0,0,.05);border-radius:24px;position:absolute;justify-content:space-evenly;align-items:center;left:calc((100% - 168px)/ 2);bottom:50px;gap:5px}.cal-page-prev .page-prev{width:70px;height:86px;background:#fff;border-radius:15px;border:2px solid #ddd;align-items:center;justify-content:center;cursor:pointer}.cal-page-prev .page-prev.on{border:2px solid #0f0f0f}.cal-page-prev .page-prev img{max-width:calc(100% - 8px);max-height:calc(100% - 8px);object-fit:contain;cursor:pointer}.calendar-upload-container{width:100%;height:100%;flex-direction:column;position:absolute;background-color:rgba(0,0,0,.2);align-items:center;justify-content:center;display:none;z-index:999}.calendar-upload-container .calendar-upload-box{display:flex;width:40%;height:60%;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,.06);border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;position:relative;padding:30px 60px}.calendar-upload-container .calendar-upload-box>div{width:100%}.calendar-upload-container .img-upload-tips{display:flex;flex-direction:column;align-items:center;justify-content:center}.calendar-upload-container .img-upload-tips>:first-child{font-weight:700;font-size:24px;color:#000}.calendar-upload-container .img-upload-tips .img-min-max-tips{font-weight:600;font-size:15px;color:#000}.calendar-upload-container .img-upload-drop{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f7f7f7;border-radius:13px;border:1px dashed #adadad;height:30%;margin-top:20px;font-weight:600;font-size:15px;color:#000;position:relative}.calendar-upload-container .img-upload-drop .img-drop-btn{display:flex;gap:5px;flex-direction:row;cursor:pointer;width:100%;height:100%;justify-content:center;align-items:center}.calendar-upload-container .img-upload-drop .img-drop-input{display:none}.calendar-upload-container .img-upload-drop .img-drop-tips{color:#adadad;position:absolute;top:65%;display:none}.calendar-upload-container .img-upload-list{display:flex;height:50%;margin-top:20px;overflow-y:auto;gap:10px;flex-wrap:wrap}.calendar-upload-container .img-upload-list .img-upload-item{position:relative;border-radius:16px;background:#f2f2f2;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:calc((100% - 50px)/ 6)}.calendar-upload-container .img-upload-list .img-upload-item.img{cursor:pointer}.calendar-upload-container .img-upload-list .img-upload-item>svg{width:80%!important;height:100%!important;cursor:unset!important}.calendar-upload-container .img-upload-list .img-upload-item.img::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;border-radius:16px}.calendar-upload-container .img-upload-list .img-upload-item.img:hover::before{opacity:1}.calendar-upload-container .img-upload-list .img-upload-item img{max-width:100%;max-height:100%;object-fit:contain}.calendar-upload-container .img-upload-list .img-delete-box{position:absolute;right:5px;background:#fff;border-radius:14px;font-weight:600;font-size:10px;top:4px;padding:2px 6px;display:none;align-items:center;justify-content:center;gap:1px;height:21px;line-height:21px}.calendar-upload-container .img-upload-list .img-delete-box span{display:none}.calendar-upload-container .img-upload-list .img-delete-box svg{width:15px!important;height:15px!important}.calendar-upload-container .img-upload-list .img-upload-item:hover .img-delete-box{display:flex}.calendar-upload-container .img-upload-list .img-delete-box:hover span{display:block;color:#ce2626}.calendar-upload-container .img-upload-list .img-delete-box:hover svg{color:#ce2626!important}.calendar-upload-container .img-upload-use{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.calendar-upload-container .img-upload-use span{background:#fff;border-radius:16px;border:1px solid #000;font-weight:600;font-size:17px;color:#000;width:190px;height:52px;text-align:center;line-height:52px;cursor:pointer}.calendar-upload-container .img-upload-use>:last-child{background:#ccc;color:#fff;border:1px solid #ccc;width:200px}.calendar-upload-container .img-upload-use>:last-child.active{background:#000}.diy-content .b-left-r-box.blr-layout .title{padding-left:unset!important}.diy-content .blr-layout .layout-imgmask-box{display:flex;flex-direction:column;min-height:300px;max-height:60vh;overflow:hidden}.diy-content .blr-layout .layout-detail{display:flex;flex-direction:row;overflow-x:auto;position:relative;gap:5px}.diy-content .blr-layout .layout-detail-item{width:100px;height:100px;background:#f7f7f7;border-radius:5px;padding:5px;display:flex;align-items:center;justify-content:center;position:relative}.diy-content .blr-layout .layout-detail-item::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100px;height:100px;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;border-radius:5px}.diy-content .blr-layout .layout-detail-item:hover::before{opacity:1}.diy-content .blr-layout .layout-title{font-weight:500;font-size:12px;color:#000;margin:15px 0 10px}.diy-content .blr-layout .layout-detail-item span{position:absolute;width:48px;height:22px;background:#0f0f0f;border-radius:18px;font-weight:500;font-size:12px;color:#fff;text-align:center;display:none;cursor:pointer}.diy-content .blr-layout .layout-detail-item:hover span{display:block}.diy-content .blr-layout .layout-detail-item img{max-width:100%;max-height:100%;object-fit:contain}.diy-content .blr-layout .layout-imgmask-box .layout-name{width:100%;height:calc(32px * var(--left-ratio));display:inline-block;line-height:calc(32px * var(--left-ratio));padding:0 calc(10px * var(--left-ratio));cursor:pointer}.diy-content .blr-layout .layout-imgmask-box .search-layout{position:relative;background:#f7f7f7;display:flex;border-radius:calc(6px * var(--left-ratio));padding:0 5px 0 0;margin-top:calc(10px * var(--left-ratio));font-size:calc(14px * var(--left-ratio))}.diy-content .blr-layout .layout-imgmask-box .layout-type-list{position:absolute;z-index:1;background:#fff;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);flex-direction:column;gap:5px;width:calc(100% - 6px);left:3px;display:none;top:calc(42px * var(--left-ratio));padding:10px}.diy-content .blr-layout .layout-imgmask-box .layout-type-list li{cursor:pointer;height:30px;line-height:30px;width:100%}.diy-content .blr-layout .layout-imgmask-box .layout-type-list li:hover{background:#f7f7f7}.diy-content .blr-layout .layout-box-list{gap:4px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;margin-top:calc(10px * var(--left-ratio))}.diy-content .blr-layout .layout-box-item{width:100%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:calc(10px * var(--left-ratio));overflow:hidden;box-shadow:0 0 0 1px #c2a7dd24;padding:calc(10px * var(--left-ratio))}.diy-content .blr-layout .layout-box-item .bg-img{width:100%;height:auto;max-height:100%}.diy-content .blr-layout .layout-box-item .use-btn{opacity:0;visibility:hidden;position:absolute;z-index:2;padding:calc(5px * var(--left-ratio)) calc(20px * var(--left-ratio));font-size:calc(14px * var(--left-ratio));border-radius:calc(15px * var(--left-ratio));cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%);transition:.1s .1s;color:#fff}.diy-content .blr-layout .layout-box-item:hover .mask-box{background-color:rgba(0,0,0,.5)}.diy-content .blr-layout .layout-box-item:hover .use-btn{opacity:1;visibility:visible;background:#000}.diy-content .blr-layout .layout-box-item .use-btn:hover{background:#ffab00;transition:.1s .1s}#new-canvas-Diy .dialog-template .dialog-main .template-list.template-calendar-list{height:60vh;grid-template-columns:repeat(2,1fr)}#new-canvas-Diy .dialog-template .dialog-main .template-list.template-calendar-list .template-item .t-img-box{position:relative;max-width:100%;max-height:100%;width:unset;height:unset;padding-top:5px}#new-canvas-Diy .calendar-m{display:none;justify-content:center;align-items:center;flex-direction:column;width:100%;height:fit-content;background:0 0;position:absolute}.calendar-m .dialog-layout{position:fixed}.calendar-m .dialog-main-layout{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px}.calendar-m .dialog-main-layout .dialog-main .layout-close{width:20px}.calendar-m .layout-content-box{width:100%}.calendar-m .layout-content-box .layout-type-list{width:100%;display:flex;justify-content:flex-start;column-gap:10px;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.calendar-m .layout-content-box .layout-type-list::-webkit-scrollbar{display:none}.calendar-m .layout-content-box .layout-type-list span{background:#f2f2f2;font-size:.9rem;padding:0 16px;color:#000;border-radius:10px;font-weight:500;white-space:nowrap;margin-bottom:7px}.calendar-m .layout-content-box .layout-type-list span.selected{background:#555;color:#fff}.calendar-m .layout-content-box .layout-item.selected{box-shadow:0 0 0 2px #555}.calendar-m .layout-item-list{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:5px;padding:5px;width:100%}.calendar-m .layout-item-list .layout-item{width:70px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f7f7f7;padding:5px;border-radius:4px;flex-shrink:0}.calendar-m .layout-item-list .layout-item img{width:100%;height:100%;object-fit:contain}.calendar-m .swiper-calendar-m-box{position:fixed;bottom:80px}.calendar-m .swiper-calendar-m{width:90vw;height:20vh}.calendar-m .swiper-slide-calendar-m{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}.calendar-m .calendar-m-change{position:absolute;z-index:10;font-size:.9rem;color:#383838;background:#fff;border:1px solid #383838;border-radius:15px;padding:0 5px;top:calc(50% - 1.3rem)!important}.calendar-m .calendar-m-change.calendar-m-prev{left:19px}.calendar-m .calendar-m-change.calendar-m-next{right:19px}.calendar-m .template-item-canlendar-m{display:flex;flex-direction:row;gap:5px 10px;background:#f7f7f7;padding:5px;border-radius:10px;align-items:center;justify-content:center}.calendar-m .template-item-canlendar-m img{width:35%;height:auto;padding:7px;border:2px solid #ddd;border-radius:10px}.calendar-m .template-item-canlendar-m img.selected{background:#fff;padding:7px;border:2px solid #000;border-radius:10px}.calendar-m .swiper-wrapper-calendar-m .month{background:#000;border-radius:.9rem;color:#fff;font-size:.8rem;padding:0 .4rem;margin-top:.1rem}.calendar-m .swiper-calendar-m .swiper-button-next,.calendar-m .swiper-calendar-m .swiper-button-prev{border-radius:6px;width:27px;height:27px;top:unset;bottom:unset;position:absolute;display:block}.calendar-m .swiper-calendar-m .swiper-button-prev{left:7px!important;top:calc(50%)!important;transform:translateX(-50%)}.calendar-m .swiper-calendar-m .swiper-button-next{right:-20px!important;top:calc(50%)!important;transform:translateX(-50%)}.calendar-m .swiper-calendar-m .swiper-button-next:after,.calendar-m .swiper-calendar-m .swiper-button-prev:after{width:0;height:0;border-bottom:12px solid transparent;border-top:12px solid transparent;content:'';border-radius:6px;display:block;padding:unset}.calendar-m .swiper-calendar-m .swiper-button-next:after{border-left:10px solid #000;margin-left:10px}.calendar-m .swiper-calendar-m .swiper-button-prev:after{margin-left:5px;border-right:10px solid #000}.calendar-m .swiper-button-prev.swiper-button-disabled,.calendar-m .swiper-calendar-m .swiper-button-next.swiper-button-disabled{background:0 0;display:block}.calendar-m .calendar-template-title{text-align:center;margin-bottom:20px}.calendar-m .calendar-template-title span{color:#000;font-weight:600;font-size:1rem}.calendar-m .template-list-box{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow-y:auto}.calendar-m .dialog-calendar-template-m{padding:15px;width:100%}.calendar-m .dialog-calendar-template-m-box .template-item{display:flex;flex-direction:column;background:#f7f7f7;padding:20px;border-radius:10px}.calendar-m .dialog-calendar-template-m-box{background-color:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);height:80vh;overflow-x:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);transition:.3s;width:100%}.calendar-m .dialog-calendar-template-m-box:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translate(-50%,-50%) translateY(-2px)}.calendar-m .dialog-calendar-template-m-box::-webkit-scrollbar{width:8px}.calendar-m .dialog-calendar-template-m-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.calendar-m .dialog-calendar-template-m-box::-webkit-scrollbar-thumb{background:#888;border-radius:10px;transition:background .3s}.calendar-m .dialog-calendar-template-m-box::-webkit-scrollbar-thumb:hover{background:#555}.calendar-m .dialog-calendar-template-m-box::-webkit-scrollbar-corner{background:0 0}.calendar-m .calendar-scroll-notice{text-align:center;width:100%;position:absolute;bottom:5vh;left:0;color:#fff;z-index:1000;pointer-events:none}.calendar-m .dialog-calendar-template-m{position:relative}.calendar-m .calendar-scroll-notice span{padding:8px 20px;font-size:14px}.calendar-m .dialog-upload-calendar-m.dialog-upload-calendar-m{position:fixed}.calendar-m .dialog-m-show .dialog-upload-calendar-m-box{animation:.5s ease-in-out forwards dialog-up}.calendar-m .dialog-m-hide .dialog-upload-calendar-m-box{animation:.5s ease-in-out forwards dialog-down}.calendar-m .dialog-upload-calendar-m-box{height:90vh;overflow:hidden;width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px}.calendar-m .m-calendar-img-list{width:100%;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:4px;height:60vh;overflow:auto}.calendar-m .m-calendar-img-list .m-calendar-img-item{background:#f2f2f2;display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden}.calendar-m .m-calendar-img-list .m-calendar-img-item.default-svg svg{width:80%!important;height:80%!important}.calendar-m .dialog-upload-calendar-m .m-calendar-img-list .m-calendar-img-item.img .icon{position:absolute;top:5px;right:5px;background:#fff;border-radius:13px;padding:4px;color:#0f0f0f}.calendar-m .dialog-upload-calendar-m .m-calendar-img-list .m-calendar-img-item img{width:100%;aspect-ratio:1/1;object-fit:contain}.calendar-m .dialog-upload-calendar-m .calendar-upload-title{color:#000;font-weight:600;font-size:1rem}.calendar-m .dialog-upload-calendar-m .img-min-max-tips{font-size:.7rem;color:#000;font-weight:500}.calendar-m .calendar-upload-box-m-buttons{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;z-index:10;background:#fff;padding:5px;width:100%}.calendar-m .calendar-upload-box-m-start,.calendar-m .calendar-upload-box-m-upload{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s;border:1px solid #000;width:90%;margin:0 auto;color:#000}.calendar-m .calendar-upload-box-m-start .icon,.calendar-m .calendar-upload-box-m-upload .icon{width:16px;height:16px}.calendar-m .calendar-upload-box-m-start{background:#ccc;color:#fff;border:1px solid #ccc}.calendar-m .calendar-upload-box-m-start.active{background:#000;color:#fff;border:1px solid #000}.calendar-m .calendar-img-upload-btn{display:flex;justify-content:center;text-align:center;align-items:center}.mask-tips-content{box-shadow:0 0 6px 0 rgba(0,0,0,.06);border-radius:15px;position:absolute;font-size:14px;z-index:1;display:none;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:10px;gap:10px}.mask-tips-content:after{content:'';position:absolute;border:10px solid transparent;border-right:10px solid #fff;left:-18px;top:40px}.mask-tips-content span{font-weight:600;font-size:13px;color:#000;text-align:center}.mask-tips-content>:first-child{width:200px}.mask-tips-content .mask-btn-close{display:inline-block;color:#666;border:1px solid #fff;cursor:pointer;border-radius:13px;line-height:30px;height:30px;width:60px;background:#fec629;font-size:14px;font-weight:600}#new-canvas-Diy .diy-content .combo-product-box{display:none;height:calc(100% + calc(54px * var(--left-ratio)) + calc(20px * var(--left-ratio)) + calc(20px * var(--left-ratio)));background:#fff;flex-direction:column;align-items:center;min-width:calc(7.5rem * var(--left-ratio));position:relative;left:calc(-1.7rem * var(--left-ratio));top:calc(-74px * var(--left-ratio));padding:0 0 0 calc(.4rem * var(--left-ratio))}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box{display:flex;width:100%;z-index:1;position:relative;top:7vh;border-radius:calc(10px * var(--left-ratio));height:67vh;flex-direction:column;align-items:flex-start;justify-content:center}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .combo-list-swiper{overflow:hidden;width:calc(100% - calc(10px * var(--left-ratio)))}#new-canvas-Diy .diy-content .product-item-content{border-radius:calc(.75rem * var(--left-ratio));padding:1vh;background-color:#fff;max-width:22vw;width:100%;position:relative;cursor:pointer;height:auto!important;display:flex;justify-content:center}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .retract-btn{display:flex;position:absolute;right:calc(-10px * var(--left-ratio));width:calc(18px * var(--left-ratio));height:calc(56px * var(--left-ratio));background:#fcfcfc;box-shadow:0 calc(2px * var(--left-ratio)) calc(6px * var(--left-ratio)) calc(1px * var(--left-ratio)) rgba(0,0,0,.12);border-radius:calc(11px * var(--left-ratio)) calc(11px * var(--left-ratio)) calc(11px * var(--left-ratio)) calc(11px * var(--left-ratio));justify-content:center;align-items:center;top:46%;cursor:pointer;z-index:1}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .retract-btn .retract-icon{width:0;height:0;border-top:calc(11px * var(--left-ratio)) solid transparent;border-bottom:calc(11px * var(--left-ratio)) solid transparent;border-left:calc(9px * var(--left-ratio)) solid #adadad;border-radius:calc(10px * var(--left-ratio))}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .retract-btn:hover .retract-icon{border-left-color:#000!important;border-right-color:#000!important}#new-canvas-Diy .diy-content .product-item-content .current-item{position:absolute;left:0;top:calc((100% - 10px)/ 2);width:0;height:0;border-top:calc(9px * var(--left-ratio)) solid transparent;border-bottom:calc(9px * var(--left-ratio)) solid transparent;border-left:calc(7px * var(--left-ratio)) solid #000;border-radius:calc(10px * var(--left-ratio));display:none}#new-canvas-Diy .diy-content .product-item-content.active .current-item{display:block}#new-canvas-Diy .diy-content .product-item-content.active .product-image{border:calc(2px * var(--left-ratio)) solid #000!important}#new-canvas-Diy .diy-content .product-item-content:hover img{max-width:100%!important;max-height:100%!important;opacity:.5}#new-canvas-Diy .diy-content .combo-product-box.detail-show .product-item-content:hover{background:#f2f2f2}#new-canvas-Diy .diy-content .product-item-content:hover .product-options .option{background:#f7f7f7}#new-canvas-Diy .diy-content .product-item-content .product-image{width:9vh;height:9vh;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:rgba(242,242,242,.5);border-radius:12px;border:2px solid #adadad;padding:2px;position:relative}#new-canvas-Diy .diy-content .product-item-content .product-image img{object-fit:contain;max-width:95%;max-height:95%}#new-canvas-Diy .diy-content .product-item-content .check-icon{position:absolute;top:calc(4px * var(--left-ratio));right:calc(4px * var(--left-ratio));border-radius:calc(8px * var(--left-ratio));background:#fff;width:calc(16px * var(--left-ratio));height:calc(16px * var(--left-ratio));border:calc(2px * var(--left-ratio)) solid #ddd;display:flex;align-items:center;justify-content:center}#new-canvas-Diy .diy-content .product-item-content .check-icon svg{display:none;width:calc(16px * var(--left-ratio))!important;height:calc(16px * var(--left-ratio))!important}#new-canvas-Diy .diy-content .product-item-content .check-icon.checked{border:unset;background:unset}#new-canvas-Diy .diy-content .product-item-content .check-icon.checked svg{display:block}#new-canvas-Diy .diy-content .product-item-content .product-details{display:none}#new-canvas-Diy .diy-content .product-item-content .product-title{font-weight:500;font-size:calc(.75rem * var(--left-ratio));color:#000}#new-canvas-Diy .diy-content .product-item-content .product-options{display:flex;text-align:center;gap:calc(.3rem * var(--left-ratio));flex-wrap:wrap;width:calc(12rem * var(--left-ratio))}#new-canvas-Diy .diy-content .product-item-content .option{font-weight:400;font-size:calc(.75rem * var(--left-ratio));color:#0f0f0f;background:#f7f7f7;border-radius:calc(.4rem * var(--left-ratio));height:calc(1.2rem * var(--left-ratio));line-height:calc(1.2rem * var(--left-ratio));text-overflow:ellipsis;position:relative;overflow:hidden;width:calc(2.2rem * var(--left-ratio))}#new-canvas-Diy .diy-content .product-item-content .option:hover::after{content:attr(title);position:absolute;left:0;top:100%;white-space:normal;background:#fff;border:1px solid #ccc;padding:calc(5px * var(--left-ratio));z-index:1000;display:block}#new-canvas-Diy .diy-content .combo-product-box.detail-show{width:fit-content}#new-canvas-Diy .diy-content .combo-product-box.detail-show .product-item-content{display:flex;flex-direction:row;gap:calc(15px * var(--left-ratio));justify-content:flex-start}#new-canvas-Diy .diy-content .combo-product-box.detail-show .product-item-content .product-details{display:flex;flex-direction:column;gap:calc(10px * var(--left-ratio))}#new-canvas-Diy .diy-content .combo-product-box.detail-show .retract-btn .retract-icon{border-right:calc(9px * var(--left-ratio)) solid #adadad;border-left:unset}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .swiper-button-next,#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .swiper-button-prev{width:calc(54px * var(--left-ratio));height:calc(27px * var(--left-ratio));top:unset;bottom:unset;position:relative;display:block;display:flex}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .swiper-button-prev{left:calc((100% - calc(60px * var(--left-ratio)))/ 2)}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .swiper-button-next{bottom:-25px;left:calc((100% - calc(60px * var(--left-ratio)))/ 2)}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .swiper-button-next:after,#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .swiper-button-prev:after{content:''}#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .swiper-button-next:hover,#new-canvas-Diy .diy-content .combo-product-box .product-lists-box .swiper-button-prev:hover{border-radius:calc(17px * var(--left-ratio));background:#fff;box-shadow:0 2px 6px 1px rgba(0,0,0,.06)}#new-canvas-Diy .diy-content .combo-product-box .indicate-box{position:absolute;left:calc(.65rem * var(--left-ratio));bottom:3%}#new-canvas-Diy .diy-content .combo-product-box .indicate-box .indicate-item{display:flex;align-items:center;white-space:nowrap;font-weight:500;font-size:calc(.65rem * var(--left-ratio));gap:calc(.2rem * var(--left-ratio));padding:calc(.15rem * var(--left-ratio)) 0}#new-canvas-Diy .diy-content .combo-product-box .indicate-box .indicate-item>:first-child{width:calc(12px * var(--left-ratio));height:calc(12px * var(--left-ratio));border:2px solid #ddd;border-radius:calc(6px * var(--left-ratio));display:inline-grid;justify-content:center;align-content:center}#new-canvas-Diy .diy-content .combo-product-box .indicate-box .indicate-item svg{width:calc(12px * var(--left-ratio));height:calc(12px * var(--left-ratio))}#new-canvas-Diy .diy-content-m .pro-list-sidebar{position:absolute;left:0;bottom:-35px;z-index:100;border:none!important;padding:0!important}#new-canvas-Diy .diy-content-m .pro-list-sidebar svg{width:45px;height:30px}#new-canvas-Diy .diy-content-m .pro-list-sidebar.close .close-icon,#new-canvas-Diy .diy-content-m .pro-list-sidebar.open .open-icon{display:none}#new-canvas-Diy .diy-content-m .m-product-lists{display:none;width:4.2rem;position:fixed;left:0;border-radius:10px;flex-direction:column;height:19.1rem;align-items:flex-start;justify-content:center;top:27%;transition:.5s ease-in-out;z-index:100;justify-content:flex-start}#new-canvas-Diy .diy-content-m .combo-list-swiper{overflow:hidden;height:fit-content;width:calc(100% - 10px);padding:4px 0 0}#new-canvas-Diy .diy-content-m .m-product-item{border-radius:11px;padding:0 0 0 12px;width:100%;position:relative;cursor:pointer;height:fit-content!important}#new-canvas-Diy .diy-content-m .m-product-item .current-item{position:absolute;left:2px;top:calc((100% - 1.8rem)/ 2);width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:7px solid #000;border-radius:10px;display:none}#new-canvas-Diy .diy-content-m .m-product-item.active .current-item{display:block}#new-canvas-Diy .diy-content-m .m-product-item.active .product-image{border:2px solid #000!important}#new-canvas-Diy .diy-content-m .m-product-item .product-image{width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:rgba(242,242,242,.5);border-radius:8px;border:1px solid #adadad;padding:2px;position:relative}#new-canvas-Diy .diy-content-m .m-product-item .product-image img{object-fit:contain;max-width:100%;max-height:100%}#new-canvas-Diy .diy-content-m .m-product-item .check-icon{position:absolute;top:-4px;left:-4px;border-radius:8px;background:#fff;width:.8rem;height:.8rem;border:2px solid #ddd;display:flex;align-items:center;justify-content:center}#new-canvas-Diy .diy-content-m .m-product-item .check-icon svg{display:none;width:16px!important;height:16px!important}#new-canvas-Diy .diy-content-m .m-product-item .check-icon.checked{border:unset;background:unset}#new-canvas-Diy .diy-content-m .m-product-item .check-icon.checked svg{display:block}#new-canvas-Diy .diy-content-m .m-product-lists .swiper-button-next,#new-canvas-Diy .diy-content-m .m-product-lists .swiper-button-prev{border-radius:6px;width:27px;height:27px;top:unset;bottom:unset;position:relative;display:block}#new-canvas-Diy .diy-content-m .m-product-lists .swiper-button-prev{left:calc((100% - 24px)/ 2)}#new-canvas-Diy .diy-content-m .m-product-lists .swiper-button-next{bottom:-20px;left:calc((100% - 24px)/ 2)}#new-canvas-Diy .diy-content-m .m-product-lists .swiper-button-next:after,#new-canvas-Diy .diy-content-m .m-product-lists .swiper-button-prev:after{content:''}.detail-show .disabled-use{background:#f2f2f2!important}.disabled-use .product-image{border:2px solid #ddd!important}.combo-product-text{font-weight:700;font-size:12px;color:#ddd;line-height:14px;text-align:center;position:absolute;top:12%;width:60%;z-index:10}.combo-product-text .product-options-m{display:none;flex-direction:column;align-items:flex-start;background:#fff;font-weight:500;margin-top:.8rem}.combo-product-text.detail{background:#fff;color:#000;padding:.8rem;border-radius:.4rem}.combo-product-text.detail .product-options-m{display:flex}.body-no-scroll{overflow:hidden!important;position:fixed!important;width:100%;height:100%}.material-item .lazyload,.template-box .lazyload{opacity:0}.material-item .lazyloading,.template-box .lazyloading{opacity:1;transition:opacity .3s;background-image:linear-gradient(90deg,#eee 25%,#f6f7f8 50%,#eee 75%);background-size:200% 100%;animation:1.2s linear infinite lazy-skeleton-shimmer}@keyframes lazy-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}#new-canvas-Diy .cropWrap-content{display:none;width:100%;height:100%;background:rgba(0,0,0,.65);z-index:9999}#new-canvas-Diy .cropWrap-content .img-cropWrap{position:relative}#new-canvas-Diy .cropWrap-content .img-cropWrap .image-crop-btn{position:absolute;display:flex;flex-direction:column;gap:1.2rem}#new-canvas-Diy .cropWrap-content .img-cropWrap .image-crop-btn span{background:#fff;color:#000;border-radius:.5rem;cursor:pointer;width:4rem;height:2rem;font-size:.75rem;line-height:2rem;text-align:center}.img-cropWrap .image-crop-btn>:first-child{background:#0f0f0f!important;color:#fff!important}.crop-img-content .cropper-view-box,.cropWrap-content .cropper-view-box{outline:rgba(0,0,0,.7) dashed 2px;outline-color:rgba(0,0,0,.7)}.crop-img-content .cropper-point.point-n,.cropWrap-content .cropper-point.point-n{width:15px;opacity:1;background:#000;height:3px;top:-1px}.crop-img-content .cropper-point.point-s,.cropWrap-content .cropper-point.point-s{width:15px;opacity:1;background:#000;height:3px;bottom:-1px}.crop-img-content .cropper-point.point-e,.cropWrap-content .cropper-point.point-e{width:3px;opacity:1;background:#000;height:16px;right:-1px}.crop-img-content .cropper-point.point-w,.cropWrap-content .cropper-point.point-w{width:3px;opacity:1;background:#000;height:16px;left:-1px}.crop-img-content .cropper-point.point-se::before,.cropWrap-content .cropper-point.point-se::before{content:"";position:absolute;bottom:2px;left:-13px;width:16px;height:3px;opacity:1;background:#000}.crop-img-content .cropper-point.point-se::after,.cropWrap-content .cropper-point.point-se::after{content:"";position:absolute;bottom:2px;left:0;width:3px;height:15px;background:#000}.crop-img-content .cropper-point.point-ne::before,.cropWrap-content .cropper-point.point-ne::before{content:"";position:absolute;bottom:1px;left:-13px;width:16px;height:3px;background:#000}.crop-img-content .cropper-point.point-ne::after,.cropWrap-content .cropper-point.point-ne::after{content:"";position:absolute;top:2px;left:0;width:3px;height:15px;background:#000}.crop-img-content .cropper-point.point-nw::before,.cropWrap-content .cropper-point.point-nw::before{content:"";position:absolute;bottom:1px;left:0;width:16px;height:3px;background:#000}.crop-img-content .cropper-point.point-nw::after,.cropWrap-content .cropper-point.point-nw::after{content:"";position:absolute;top:2px;left:0;width:3px;height:15px;background:#000}.crop-img-content .cropper-point.point-sw::before,.cropWrap-content .cropper-point.point-sw::before{content:"";position:absolute;bottom:2px;left:0;width:16px;height:3px;background:#000}.crop-img-content .cropper-point.point-sw::after,.cropWrap-content .cropper-point.point-sw::after{content:"";position:absolute;bottom:2px;left:0;width:3px;height:15px;background:#000}.crop-img-content .cropper-point.point-ne,.crop-img-content .cropper-point.point-nw,.crop-img-content .cropper-point.point-se,.crop-img-content .cropper-point.point-sw,.cropWrap-content .cropper-point.point-ne,.cropWrap-content .cropper-point.point-nw,.cropWrap-content .cropper-point.point-se,.cropWrap-content .cropper-point.point-sw{background:0 0!important}.crop-img-content .cropper-point.point-se{width:5px;height:5px}#new-canvas-Diy .dialog-crop .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:15px}#new-canvas-Diy .dialog-crop .dialog-main .crop-img-content{width:80%;aspect-ratio:1}#new-canvas-Diy .dialog-crop .dialog-main .crop-btn-line{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;margin-bottom:1rem}#new-canvas-Diy .dialog-crop .dialog-main .crop-btn-line .crop-btn{width:40%;height:2.5rem;border-radius:.7rem;border:1px solid #0f0f0f;text-align:center;line-height:2.5rem;font-weight:500;font-size:.9rem;color:#fff;background-color:#000}#new-canvas-Diy .dialog-crop .dialog-main .crop-btn-line>:first-child{background-color:#fff;color:#000}.diy-content .img-delete-tip{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10000;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center}.diy-content .img-delete-tip .img-delete-content{width:24rem;height:13rem;background:#fff;border-radius:1.25rem;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;padding:1.5rem;position:relative}.diy-content .img-delete-tip .del-close{position:absolute;right:1rem;top:.5rem}.diy-content .img-delete-tip .del-close:hover,.diy-content .mobile-upload-title .mobile-upload-close:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.diy-content .img-delete-tip .title-tips{font-weight:600;font-size:1.1rem}.diy-content .img-delete-tip .tips-content{font-weight:500;font-size:.9rem;color:#333}.diy-content .img-delete-tip .img-delete-btn{font-weight:600;font-size:.9rem;display:flex;justify-content:center;align-items:center;gap:1rem}.diy-content .img-delete-tip .img-delete-btn span{width:9rem;height:2.5rem;background:#fec629;border-radius:.5rem;line-height:2.5rem;cursor:pointer}.diy-content .img-delete-tip .img-delete-btn span:hover{box-shadow:0 0 6px 0 rgba(0,0,0,.2)}.diy-content .img-delete-tip .img-delete-btn>:first-child{background:#e9e9e9}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .mobile-upload-btn{width:100%;border-radius:calc(12px * var(--left-ratio));border:1px solid #fec629;cursor:pointer;margin-top:calc(10px * var(--left-ratio));display:flex;justify-content:center;align-items:center;gap:calc(7px * var(--left-ratio));font-weight:500;font-size:calc(14px * var(--left-ratio));padding:calc(10px * var(--left-ratio)) 0;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .mobile-upload-btn:hover{border:1px solid #fdc833;background-color:#f7f7f7}#new-canvas-Diy .diy-content .diy-body .b-left .b-left-r .b-left-r-box .mobile-upload-btn svg{width:calc(18px * var(--left-ratio))}#new-canvas-Diy .diy-content .mobile-upload-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:10000;justify-content:center;align-items:center}#new-canvas-Diy .mobile-upload-container .mobile-upload-box{width:31rem;height:27rem;background:#fff;border-radius:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem}#new-canvas-Diy .mobile-upload-container .mobile-upload-title{width:100%;display:flex;justify-content:space-between;font-weight:600;font-size:1.15rem}#new-canvas-Diy .mobile-upload-container .mobile-upload-tips{font-weight:600;font-size:.85rem;text-align:center;gap:.5rem;display:flex;flex-direction:column}#new-canvas-Diy .mobile-upload-container .mobile-upload-code{width:15rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;position:relative}.mobile-upload-container .mobile-upload-code::after,.mobile-upload-container .mobile-upload-code::before,.mobile-upload-container .mobile-upload-code>div::after,.mobile-upload-container .mobile-upload-code>div::before{content:"";position:absolute;width:1.25rem;height:1.25rem}.mobile-upload-container .mobile-upload-code::before{top:0;left:0;border-top:2px solid #000;border-left:2px solid #000}.mobile-upload-container .mobile-upload-code::after{bottom:0;right:0;border-bottom:2px solid #000;border-right:2px solid #000}.mobile-upload-container .mobile-upload-code>div{position:absolute;width:100%;height:100%}.mobile-upload-container .mobile-upload-code>div::before{top:0;right:0;border-top:2px solid #000;border-right:2px solid #000}.mobile-upload-container .mobile-upload-code>div::after{bottom:0;left:0;border-bottom:2px solid #000;border-left:2px solid #000}#new-canvas-Diy .diy-content .history-btn{display:none;align-items:center;gap:4px;cursor:pointer;font-weight:500}#new-canvas-Diy .diy-content .history-btn svg{width:calc(20px * var(--left-ratio))!important;height:calc(20px * var(--left-ratio))!important}#new-canvas-Diy .diy-content .history-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:10000;justify-content:center;align-items:center}#new-canvas-Diy .diy-content .history-container .history-content{width:57rem;height:37rem;background:#fff;border-radius:1.25rem;padding:2rem;overflow:hidden}#new-canvas-Diy .diy-content .history-container .history-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:1.6rem}#new-canvas-Diy .diy-content .history-container .history-title span{font-weight:600;font-size:1.1rem}#new-canvas-Diy .diy-content .history-container .history-list-box{height:calc(100% - 1.6rem);overflow:hidden;overflow-y:auto}#new-canvas-Diy .diy-content .history-container .history-list-items{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:center;justify-content:center}#new-canvas-Diy .diy-content .history-container .history-item{background:#fff;border-radius:1rem;border:1px solid #ddd;overflow:hidden;padding:.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;position:relative}#new-canvas-Diy .diy-content .history-container .history-item .history-item-img{display:flex;justify-content:center;align-items:center;cursor:pointer;width:12rem;height:12rem;padding:.5rem}#new-canvas-Diy .diy-content .history-container .history-item .history-item-img img{max-width:100%;max-height:100%}#new-canvas-Diy .diy-content .history-container .history-item .history-item-time{font-weight:400;font-size:.9rem;color:#aaa;margin:.3rem 0}#new-canvas-Diy .diy-content .history-container .history-item .history-item-btn{position:absolute;display:none;flex-direction:column;gap:1rem;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}#new-canvas-Diy .diy-content .history-container .history-item .history-item-btn span{cursor:pointer;background:#fff;border-radius:.5rem;border:1px solid #0f0f0f;width:50%;position:relative;text-align:center;height:2.5rem;line-height:2.5rem}#new-canvas-Diy .diy-content .history-container .history-item .history-item-btn>:first-child{background:#000;color:#fff}#new-canvas-Diy .diy-content .history-container .history-item .history-item-btn>:first-child:hover{border:1px;background:#fec629}#new-canvas-Diy .diy-content .history-container .history-item:hover .history-item-btn{display:flex}#new-canvas-Diy .diy-content .three-large-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:10000;justify-content:center;align-items:center}#new-canvas-Diy .diy-content .three-large-preview{background:#fff;border-radius:calc(20px * var(--popup-roatio));width:80vh;height:80vh;padding:calc(1.5rem * var(--popup-roatio));position:relative}#new-canvas-Diy .diy-content .three-large-preview .three-large-title{display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:calc(1.1rem * var(--popup-roatio));height:calc(1.6rem * var(--popup-roatio))}#new-canvas-Diy .diy-content .three-large-preview .three-large-title svg{cursor:pointer}#new-canvas-Diy .diy-content .three-large-preview .three-large-title svg:hover{box-shadow:0 0 6px 0 rgba(0,0,0,.06);background:#f7f7f7;border-radius:5px}#new-canvas-Diy .diy-content .three-large-preview .three-large-content{height:calc(100% - calc(1.6rem * var(--popup-roatio)))}#new-canvas-Diy .dialog-history .dialog-main{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px}#new-canvas-Diy .dialog-history .history-title{width:95%;font-weight:600;font-size:.9rem}#new-canvas-Diy .dialog-history .dialog-main .history-list-items{width:95%;height:50vh;display:grid;grid-template-rows:repeat(4,1fr);grid-auto-rows:min-content;gap:8px;text-align:center;overflow:hidden;overflow-y:auto}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-m{display:flex;flex-direction:row;height:8rem;background:#f2f2f2;border-radius:.8rem;width:100%;padding:.7rem;overflow:hidden}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-img-m{aspect-ratio:1;background:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-img-m img{max-width:100%;max-height:100%}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-info-m{width:70%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 .7rem}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-info-m>div{width:100%}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-name-m{display:flex;flex-direction:column;gap:.7rem;font-weight:400;font-size:.8rem;align-items:flex-start}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-name-m span{text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 .1rem}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-btn-m{display:inline-flex;justify-content:space-between}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-btn-m span{width:100%;background:#fff;border-radius:.6rem;border:1px solid #0f0f0f;font-size:.75rem;color:#0f0f0f;height:2rem;line-height:2rem}#new-canvas-Diy .dialog-history .dialog-main .history-list-items .history-item-btn-m>:first-child{background:#000;color:#fff}#new-canvas-Diy .photo-flip-book{align-items:center;justify-content:center}#new-canvas-Diy .photo-flip-main{background:#fff;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 30px;width:fit-content;height:fit-content;gap:40px}#new-canvas-Diy .photo-flip-main .pre-title-close{width:100%;height:20px;line-height:20px;position:relative;display:flex;font-weight:500;font-size:18px}#new-canvas-Diy .photo-flip-main .pre-title-close .book-pre-close{position:absolute;right:0;top:0}#new-canvas-Diy .photo-flip-main .pre-title-close .book-pre-close:hover{background:#f7f7f7;box-shadow:0 0 6px 0 rgba(0,0,0,.1);border-radius:5px}#new-canvas-Diy .photo-flip-main .photo-flip-viewport{overflow:hidden;width:100%;height:100%;position:relative}#new-canvas-Diy .photo-flip-main .photo-flip-viewport .container{position:absolute;top:50%;left:50%;margin:auto}#new-canvas-Diy .photo-flip-main .photo-flip-viewport .container .page-wrapper,#new-canvas-Diy .photo-flip-main .photo-flip-viewport .container .shadow{transition:box-shadow .1s;-webkit-box-shadow:0 0 20px #ccc;-moz-box-shadow:0 0 20px #ccc;-o-box-shadow:0 0 20px #ccc;-ms-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc}#new-canvas-Diy .photo-flip-main .photo-flip-viewport .page{background-color:#fff;background-repeat:no-repeat;background-size:100% 100%}#new-canvas-Diy .photo-flip-main .photo-flip-viewport .double{background-size:100% 100%}#new-canvas-Diy .photo-flip-main .photo-flip-viewport .page img{margin:0}#new-canvas-Diy .photo-flip-main .bookControls{height:40px;width:100%;position:relative;display:flex;justify-content:space-between}#new-canvas-Diy .photo-flip-main .bookControls div{width:35px;height:40px;background:#fcfcfc;box-shadow:0 0 6px 0 rgba(0,0,0,.15);border-radius:20px;cursor:pointer}#new-canvas-Diy .photo-flip-main .bookControls .next::after,#new-canvas-Diy .photo-flip-main .bookControls .previous::after{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;content:'';border-radius:17px;position:absolute;top:11px;padding-top:unset}#new-canvas-Diy .photo-flip-main .bookControls .next::after{border-left:10px solid #000;right:11px}#new-canvas-Diy .photo-flip-main .bookControls .previous::after{border-right:10px solid #000;left:10px}#new-canvas-Diy .photobook-m{display:none;justify-content:center;align-items:center;flex-direction:column;width:100%;height:fit-content;background:0 0;position:absolute}.photobook-m .photobook-layout{position:fixed}.photobook-m .photobook-main-layout{width:95%;background:#fff;position:absolute;bottom:20px;left:2.5%;border-radius:25px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.photobook-m .photobook-main-layout .dialog-main .layout-close{width:20px}.photobook-m .layout-content-title{width:100%;font-weight:600;font-size:16px;margin-top:-10px}.photobook-m .layout-content-box{width:100%;display:flex;flex-direction:column;gap:5px}.photobook-m .layout-content-box .layout-type-list{width:100%;display:flex;justify-content:flex-start;column-gap:10px;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;height:30px;line-height:30px}.photobook-m .layout-content-box .layout-type-list::-webkit-scrollbar{display:none}.photobook-m .layout-content-box .layout-type-list span{background:#f2f2f2;font-size:.9rem;padding:0 16px;color:#000;font-weight:500;white-space:nowrap;border-radius:20px}.photobook-m .layout-content-box .layout-type-list span.selected{background:#fec629;color:#fff}.photobook-m .layout-content-box .layout-item.selected{box-shadow:0 0 0 2px #555}.photobook-m .layout-item-box{height:60vh;overflow:hidden;overflow-y:auto}.photobook-m .layout-item-list{gap:5px;padding:5px;width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.photobook-m .layout-item-list .layout-item{display:flex;align-items:center;justify-content:center;background:#f7f7f7;padding:5px;border-radius:4px}.photobook-m .layout-item-list .layout-item img{width:100%;height:100%;object-fit:contain}.photobook-m .swiper-photobook-m{width:70vw;height:10vh;position:fixed;bottom:30vh}.photobook-m .swiper-photobook-m .photobook-list-swiper-m{width:100%;height:100%}.photobook-m .swiper-slide-photobook-m{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}.photobook-m .swiper-slide-photobook-m .page-name{font-size:14px;font-weight:500}.photobook-m .template-item-photobook-m{display:flex;flex-direction:row;gap:5px 10px;background:#f7f7f7;padding:5px;border-radius:10px;align-items:center;justify-content:center}.photobook-m .template-item-photobook-m img{width:35%;height:auto;padding:7px;border:2px solid #ddd;border-radius:10px}.photobook-m .template-item-photobook-m img.selected{background:#fff;padding:7px;border:2px solid #000;border-radius:10px}.photobook-m .swiper-wrapper-photobook-m .month{background:#000;border-radius:.9rem;color:#fff;font-size:.8rem;padding:0 .4rem;margin-top:.1rem}.photobook-m .swiper-photobook-m .swiper-button-next,.photobook-m .swiper-photobook-m .swiper-button-prev{border-radius:20px;width:40px;height:30px;top:unset;bottom:unset;position:absolute;display:block;background:#fcfcfc;box-shadow:0 0 6px 0 rgba(0,0,0,.15)}.photobook-m .swiper-photobook-m .swiper-button-prev{left:7px!important;top:calc(50% + 8px)!important;transform:translateX(-50%)}.photobook-m .swiper-photobook-m .swiper-button-next{right:-20px!important;top:calc(50% + 8px)!important;transform:translateX(-50%)}.photobook-m .swiper-photobook-m .swiper-button-next:after,.photobook-m .swiper-photobook-m .swiper-button-prev:after{width:0;height:0;border-bottom:12px solid transparent;border-top:12px solid transparent;content:'';border-radius:6px;display:block;padding:unset}.photobook-m .swiper-photobook-m .swiper-button-next:after{border-left:10px solid #000;margin-left:16px;margin-top:2px}.photobook-m .swiper-photobook-m .swiper-button-prev:after{margin-left:12px;border-right:10px solid #000;margin-top:2px}.photobook-m .swiper-button-prev.swiper-button-disabled,.photobook-m .swiper-photobook-m .swiper-button-next.swiper-button-disabled{background:0 0;display:block}.photobook-m .photobook-template-title{text-align:center;margin-bottom:20px}.photobook-m .photobook-template-title span{color:#000;font-weight:600;font-size:1rem}.photobook-m .template-list-box{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow-y:auto}.photobook-m .photobook-template-m{padding:15px;position:fixed;width:100%}.photobook-m .photobook-template-m-box .template-item{display:flex;flex-direction:column;background:#f7f7f7;padding:15px;border-radius:10px}.photobook-m .photobook-template-m-box{background-color:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);height:80vh;overflow-x:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);transition:.3s;width:100%}.photobook-m .photobook-template-m-box:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translate(-50%,-50%) translateY(-2px)}.photobook-m .photobook-template-m-box::-webkit-scrollbar{width:8px}.photobook-m .photobook-template-m-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.photobook-m .photobook-template-m-box::-webkit-scrollbar-thumb{background:#888;border-radius:10px;transition:background .3s}.photobook-m .photobook-template-m-box::-webkit-scrollbar-thumb:hover{background:#555}.photobook-m .photobook-template-m-box::-webkit-scrollbar-corner{background:0 0}.photobook-m .photobook-scroll-notice{text-align:center;width:100%;position:absolute;bottom:5vh;left:0;color:#fff;z-index:1000;pointer-events:none}.photobook-m .photobook-scroll-notice span{padding:8px 20px;font-size:14px}#new-canvas-Diy .dialog-template .dialog-main .template-list.template-photobook-list{height:60vh;grid-template-columns:repeat(2,1fr)}#new-canvas-Diy .template-pop-m{display:none;justify-content:center;align-items:center;flex-direction:column;width:100%;height:fit-content;background:0 0;position:absolute}.template-pop-m .dialog-template-m{padding:15px;position:fixed;width:100%;display:flex}.template-pop-m .template-pop-m-box{background-color:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);height:80vh;overflow-x:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);transition:.3s;width:100%}.template-pop-m .template-pop-m-tips{display:flex;justify-content:center;align-items:center;font-weight:600;font-size:16px;color:#000}.template-pop-m .template-pop-list-m{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow-y:auto;padding:6px 4px}.template-pop-m .template-pop-list-m .template-item{display:flex;flex-direction:column;background:#f7f7f7;padding:15px;border-radius:10px}.template-pop-m .template-scroll-notice-m{text-align:center;width:100%;position:absolute;bottom:5vh;left:0;color:#fff;z-index:1000;pointer-events:none}#new-canvas-Diy .dialog-photo-tips{justify-content:center;align-items:center}#new-canvas-Diy .dialog-photo-tips .b-instruct{width:calc(400px * var(--popup-roatio));height:fit-content;background:#fff;box-shadow:0 0 calc(6px * var(--popup-roatio)) 1px rgba(0,0,0,.06);border-radius:calc(20px * var(--popup-roatio));padding:calc(20px * var(--popup-roatio));position:relative}@media screen and (max-width:750px){#new-canvas-Diy .dialog-photo-tips .b-instruct{width:90vw}}#new-canvas-Diy .dialog-photo-tips .b-instruct .photo-tips-close{position:absolute;right:calc(13px * var(--popup-roatio));cursor:pointer}#new-canvas-Diy .dialog-photo-tips .b-instruct .photo-tips-close:hover{box-shadow:0 0 calc(6px * var(--popup-roatio)) 0 rgba(0,0,0,.06)}#new-canvas-Diy .dialog-photo-tips .b-instruct .i-title{font-weight:500;font-size:calc(16px * var(--popup-roatio))}#new-canvas-Diy .dialog-photo-tips .b-instruct .design-photo{width:100%;background:#fff;font-weight:400;font-size:calc(12px * var(--popup-roatio))}#new-canvas-Diy .dialog-photo-tips .b-instruct .design-photo-tips{color:#333;line-height:calc(21px * var(--popup-roatio));padding:calc(10px * var(--popup-roatio)) 0}#new-canvas-Diy .dialog-photo-tips .b-instruct .i-submit{width:100%;display:flex;font-size:calc(14px * var(--popup-roatio));align-items:center;justify-content:space-between;margin-top:calc(10px * var(--popup-roatio))}#new-canvas-Diy .dialog-photo-tips .b-instruct .i-submit span{width:48%;height:calc(42px * var(--popup-roatio));line-height:calc(42px * var(--popup-roatio));text-align:center;background:#e9e9e9;border-radius:calc(8px * var(--popup-roatio));font-weight:600;cursor:pointer}#new-canvas-Diy .dialog-photo-tips .b-instruct .i-submit .instruct-submit{background:#fec629}#new-canvas-Diy .dialog-special-tips{display:none;justify-content:center;align-items:center;padding:calc(2rem * var(--popup-roatio))}#new-canvas-Diy .dialog-special-tips .special-tips-content{position:relative;width:80vw;height:fit-content;background:#fff;border:1px solid #e6e6e6;border-radius:calc(1rem * var(--popup-roatio));box-shadow:0 2px 10px rgba(15,15,15,.08);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:calc(1rem * var(--popup-roatio));overflow:hidden;gap:calc(2rem * var(--popup-roatio))}#new-canvas-Diy .dialog-special-tips.pc .special-tips-content{width:calc(20vw * var(--popup-roatio))}#new-canvas-Diy .dialog-special-tips.pc .special-tips-content.no_img{width:calc(23rem * var(--popup-roatio))}#new-canvas-Diy .dialog-special-tips .dialog-body{font-size:calc(.8rem * var(--popup-roatio))}#new-canvas-Diy .dialog-special-tips .dialog-img{display:none;max-width:calc(100% - calc(5rem * var(--popup-roatio)))}#new-canvas-Diy .dialog-special-tips .dialog-ok-btn{width:100%;height:calc(2rem * var(--popup-roatio));border:none;border-radius:999px;background:linear-gradient(180deg,#ffc934 0,#ffc11f 100%);box-shadow:0 8px 18px rgba(255,193,31,.22);font-weight:600;font-size:calc(1rem * var(--popup-roatio));line-height:calc(2rem * var(--popup-roatio));color:#111;text-align:center;cursor:pointer}#new-canvas-Diy .dialog-special-tips.pc .dialog-ok-btn{width:4rem}#new-canvas-Diy .dialog-special-tips .dialog-ok-btn:hover{background:linear-gradient(180deg,#ffd14a 0,#ffc520 100%)}#new-canvas-Diy .pcr-app[data-theme=monolith].rwm-bg-picker-advanced-mode{width:auto!important;min-width:14.25em;max-width:min(96vw,720px)!important;padding:calc(20px * var(--left-ratio)) calc(6px * var(--left-ratio))!important;margin:0!important;border-radius:calc(20px * var(--left-ratio));z-index:1!important}.rwm-bg-picker-advanced{display:none}.rwm-bg-picker-advanced.rwm-open{display:flex!important}.rwm-bg-picker-advanced.rwm-open .pcr-interaction{display:flex!important;visibility:visible!important}.rwm-bg-picker-advanced.rwm-open .pcr-selection{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.rwm-bg-picker-advanced.rwm-open .pcr-recent-colors{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;visibility:visible!important}.rwm-bg-picker-advanced:not(.rwm-open) .pcr-interaction,.rwm-bg-picker-advanced:not(.rwm-open) .pcr-recent-colors{display:none!important}.rwm-bg-picker-advanced .pcr-recent-colors{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:0;margin-top:6px;align-items:stretch}.rwm-bg-picker-advanced .pcr-recent-colors .rwm-bg-recent-colors-title{font-size:.72em;font-weight:600;letter-spacing:.02em;color:#000;margin-bottom:.35em;line-height:1.2}.rwm-bg-picker-advanced .pcr-recent-colors .rwm-bg-recent-colors-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;align-items:stretch;align-content:start}.rwm-bg-picker-advanced .pcr-recent-colors .rwm-bg-recent-colors-row .rwm-bg-canvas-recent-btn{box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;min-width:0;padding:0;border-radius:.15em;border:1px solid rgba(0,0,0,.08);cursor:pointer;background:0 0/6px 6px,0 3px/6px 6px,3px -3px/6px 6px,-3px 0/6px 6px}.rwm-bg-picker-advanced .pcr-recent-colors .rwm-bg-recent-colors-row .rwm-bg-canvas-recent-btn::after{content:"";display:block;width:100%;height:100%;border-radius:.12em;background:var(--pcr-color);box-sizing:border-box;border:1px solid rgba(0,0,0,.06)}.b-left-r .b-left-r-box.blr-background{justify-content:flex-start!important;align-items:flex-start!important;overflow:visible!important}.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-themes-block{box-sizing:border-box;width:100%;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__more{flex-shrink:0;font-size:12px;line-height:1.25;color:#888;text-decoration:underline;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__more:hover{color:#555}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__sw{box-sizing:border-box;width:100%;aspect-ratio:1;padding:0;margin:0;border:2px solid transparent;border-radius:8px;cursor:pointer;appearance:none;-webkit-appearance:none}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__sw:focus-visible{outline:#01a3ec solid 2px;outline-offset:2px}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__sw--selected{border-color:#111}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__sw--g1{background:linear-gradient(145deg,#b8e4f5 0,#7fdbda 100%)}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__sw--g2{background:linear-gradient(145deg,#ffd4a8 0,#ffc9a8 100%)}.rwm-bg-picker-advanced-mode .rwm-bg-themes-block__sw--solid{background:#d8d8d8}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-folder-host{overflow-y:auto;max-height:calc(69vh - 70px - 54px);margin-top:calc(10px * var(--left-ratio));scrollbar-width:thin;height:fit-content;padding:0 calc(10px * var(--left-ratio))}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search{width:100%;padding:0 calc(10px * var(--left-ratio));margin-top:calc(10px * var(--left-ratio));box-sizing:border-box}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content{display:flex;align-items:center;width:100%;height:calc(40px * var(--left-ratio));line-height:calc(40px * var(--left-ratio));position:relative;cursor:pointer;box-sizing:border-box}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content input,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content input{width:100%;height:100%;border:1px solid #f2e8e8;border-radius:calc(6px * var(--left-ratio));text-align:left;font-size:calc(12px * var(--left-ratio));padding:0 66px 0 calc(8px * var(--left-ratio));cursor:pointer;box-sizing:border-box;background:#fff}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content input:hover,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content input:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.15)}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content input:focus,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content input:focus{border:1px solid #000;box-shadow:unset;background:#fff;outline:0}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content input:not(:placeholder-shown),.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content input:not(:placeholder-shown){border:2px solid #000;background:#fff}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content input::placeholder,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content input::placeholder{color:#000000b3!important}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content input:focus::placeholder,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content input:focus::placeholder{opacity:0}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content .search-clear-content,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content .search-clear-content{position:absolute;right:0;height:100%;display:flex;align-items:center;width:76px;gap:5px;padding:0 10px;flex-direction:row-reverse;box-sizing:border-box}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content .search-clear-content>div,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content .search-clear-content>div{padding:3px;cursor:pointer}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content .clear-svg,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content .clear-svg{display:none;border-radius:6px}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content .clear-svg:hover,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content .clear-svg:hover{background:#f1f1f1}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content .search-clear-line,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content .search-clear-line{width:2px;height:16px;background-color:#d9d9d9;display:none}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content input:not(:placeholder-shown)+.search-clear-content .clear-svg,.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content input:not(:placeholder-shown)+.search-clear-content .search-clear-line,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content input:not(:placeholder-shown)+.search-clear-content .clear-svg,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content input:not(:placeholder-shown)+.search-clear-content .search-clear-line{display:block}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search .search-content svg,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search .search-content svg{width:calc(16px * var(--left-ratio))!important;height:calc(16px * var(--left-ratio))!important}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content{display:flex;align-items:center;width:100%;height:calc(40px * var(--left-ratio));line-height:calc(40px * var(--left-ratio));margin-top:calc(10px * var(--left-ratio));position:relative;cursor:pointer;box-sizing:border-box}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content input{width:100%;height:100%;border:1px solid #f2e8e8;border-radius:calc(6px * var(--left-ratio));text-align:left;font-size:calc(12px * var(--left-ratio));padding:0 66px 0 calc(8px * var(--left-ratio));cursor:pointer;box-sizing:border-box;background:#fff}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content input:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.15)}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content input:focus{border:1px solid #000;box-shadow:unset;background:#fff;outline:0}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content input:not(:placeholder-shown){border:2px solid #000;background:#fff}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content input::placeholder{color:#000000b3!important}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content input:focus::placeholder{opacity:0}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content .search-clear-content{position:absolute;right:0;height:100%;display:flex;align-items:center;width:76px;gap:5px;padding:0 10px;flex-direction:row-reverse;box-sizing:border-box}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content .search-clear-content>div{padding:3px;cursor:pointer}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content .clear-svg{display:none;border-radius:6px}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content .clear-svg:hover{background:#f1f1f1}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content .search-clear-line{width:2px;height:16px;background-color:#d9d9d9;display:none}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content input:not(:placeholder-shown)+.search-clear-content .clear-svg,.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content input:not(:placeholder-shown)+.search-clear-content .search-clear-line{display:block}.pcr-app.rwm-bg-picker-advanced-mode .pcr-swatches-wrapper>.rwm-bg-theme-search-content svg{width:calc(16px * var(--left-ratio))!important;height:calc(16px * var(--left-ratio))!important}.pcr-app.rwm-bg-picker-advanced-mode.rwm-bg-theme-detail-mode .pcr-swatches-wrapper>.pcr-swatches{display:none!important}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-head{box-sizing:border-box;width:100%;margin-bottom:14px}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-title-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;cursor:pointer}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-back{width:22px;height:22px;padding:0;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-back span{width:12px;height:12px;border-style:solid;border-color:#111;border-width:0 0 2px 2px;transform:rotate(45deg);display:block}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-title{font-weight:500;font-size:calc(16px * var(--left-ratio));line-height:calc(29px * var(--left-ratio))}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .rwm-bg-theme-detail-search{box-sizing:border-box;width:100%}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-folder{margin-bottom:16px}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-folder:last-child{margin-bottom:0}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-folder-tips{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;margin-bottom:12px;gap:8px;min-height:24px;position:relative}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .folder-name{flex:0 1 auto;max-width:46%;font-weight:700;font-size:15px;line-height:1.3;color:#111}@media (min-width:380px){.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .folder-name{max-width:none}}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .folder-name span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;font-weight:500;font-size:calc(14px * var(--left-ratio))}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .new-material-flag{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1;padding:4px 9px;border-radius:999px;color:#fff;background:#e02020}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-more{flex-shrink:0;margin-left:auto;font-size:13px;font-weight:600;line-height:1.3;color:#333;text-decoration:none;user-select:none;cursor:pointer}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-more span{border-bottom:1px solid transparent;font-size:calc(12px * var(--left-ratio));color:#3b3a3a;font-weight:500}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-more:hover{color:#111}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-more:hover span{color:#ffbc00}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .folder-contents{display:grid;grid-template-areas:"carousel" "dots";grid-template-rows:auto auto;gap:10px;min-width:0;align-items:stretch}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .pages-container{grid-area:carousel;position:relative;width:100%;min-width:0;z-index:1}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .pages-container>.page-element{display:none}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .pages-container>.page-element.active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-item{box-sizing:border-box;position:relative;aspect-ratio:1;min-height:0;border-radius:10px;border:none;background:#f4f4f4;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-item:hover{background:#ebebeb}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-item.rwm-bg-theme-tile--on{background:#d8d8d8}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-item .img-material{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .material-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.75)}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .nav-buttons{grid-area:carousel;z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;width:100%;height:100%;min-height:0;padding:0 2px;box-sizing:border-box;pointer-events:none}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .next-btn,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .prev-btn{pointer-events:auto;flex-shrink:0;box-sizing:border-box;width:calc(18px * var(--left-ratio));height:calc(56px * var(--left-ratio));border-radius:13px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 10px rgba(0,0,0,.12)}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .next-btn.disabled,.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .prev-btn.disabled{opacity:.35;cursor:default;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.08)}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .arrow-icon{width:0;height:0;border-top:calc(8px * var(--left-ratio)) solid transparent;border-bottom:calc(8px * var(--left-ratio)) solid transparent;border-left:calc(8px * var(--left-ratio)) solid #adadad;border-radius:calc(7px * var(--left-ratio))}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .arrow-left.arrow-icon{border-right:calc(8px * var(--left-ratio)) solid #adadad;border-left:unset;margin-right:calc(2px * var(--left-ratio))}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .page-indicators{grid-area:dots;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .page-indicators .indicator{width:7px;height:7px;border-radius:50%;background:#d0d0d0;cursor:pointer;transition:background .15s}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .page-indicators .indicator.active{background:#222}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .folder-contents-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0;max-height:420px;overflow-y:auto;padding-right:4px}.pcr-app.rwm-bg-picker-advanced-mode .rwm-bg-theme-folder-host .folder-contents-detail .material-item{aspect-ratio:1}.blr-img .img-box .img-box-item .user-img-del.user-img-del-wrap{position:absolute;top:calc(2px * var(--left-ratio));right:calc(2px * var(--left-ratio));width:calc(20px * var(--left-ratio));height:calc(20px * var(--left-ratio));background:rgba(0,0,0,.6);display:none;border-radius:50%}.blr-img .img-box .img-box-item .user-img-del.user-img-del-wrap>.icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;fill:#fff;width:calc(10px * var(--left-ratio));height:calc(10px * var(--left-ratio));margin:0;padding:0;line-height:1}#new-canvas-Diy .family-box .fontFamily .recent-font-list li.rwm-recent-font-active,#new-canvas-Diy .hideBlock.pop-vertical.fontFamily .recent-font-list li.rwm-recent-font-active{background-color:#000!important;border-radius:4px}#new-canvas-Diy .family-box .fontFamily .recent-font-list li.rwm-recent-font-active img,#new-canvas-Diy .hideBlock.pop-vertical.fontFamily .recent-font-list li.rwm-recent-font-active img{filter:brightness(0) invert(1)}#new-canvas-Diy .diy-contributedManuscript{display:none}#new-canvas-Diy .diy-content .diy-body .b-center .bg-content.bg-content-scroll{overflow:hidden;overflow-x:auto;padding:2rem}.u-body{margin-top:20px}