:root{color:#3a3a3a;font-synthesis:none;background:#f5f5f5;font-family:PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.phone{background:#fff;border-radius:25px;width:375px;height:812px;position:relative;overflow:hidden;box-shadow:0 18px 60px #0002}.status{z-index:30;color:#000;justify-content:space-between;align-items:flex-end;width:100%;height:44px;padding:0 23px 9px;font-size:12px;display:flex;position:absolute;top:0;left:0}.status b{font-size:17px}.indicator{z-index:50;background:#000;border-radius:100px;width:144px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.page{background:#fff;padding:62px 22px 34px;position:absolute;inset:0}.page h1{margin:0;font-size:20px;font-weight:600;line-height:28px}.home-actions{gap:20px;margin-top:213px;display:grid}.home-card{text-align:left;background:#fff;border-radius:12px;align-items:center;gap:16px;width:332px;height:88px;padding:12px;display:flex;box-shadow:1px 4px 6.35px #cccccc40}.home-card span{width:182px}.home-card b,.home-card small{display:block}.home-card b{font-size:18px;font-weight:500}.home-card small{font-size:12px}.home-card strong{font-size:30px}.patch-thumb{width:79px;height:64px;position:relative}.patch-thumb i{background:#d5eae3;border-radius:5px;width:31px;height:30px;position:absolute;transform:rotate(-12deg)}.patch-thumb i:nth-child(2){background:#765c55;left:45px;transform:rotate(12deg)}.patch-thumb i:nth-child(3){background:#fdecb0;top:30px;left:10px}.patch-thumb i:nth-child(4){background:#fcd3d5;top:33px;left:38px}.patch-thumb i:nth-child(5){background:#eae9ea;top:15px;left:26px}.patch-thumb.second i{border-radius:40%}.bottom-nav{z-index:20;align-items:center;gap:24px;display:flex;position:absolute;bottom:42px;left:64px}.bottom-nav>div{background:#f5f5f5;border-radius:57px;gap:8px;width:184px;height:68px;padding:12px 24px;display:flex}.bottom-nav button{border-radius:57px;width:65px;height:43px;font-size:25px}.bottom-nav .on{background:#fff}.bottom-nav .add{color:#fff;background:#3a3a3a;border-radius:50%;width:40px;height:40px;font-size:34px;line-height:35px}.templates{padding-top:48px;overflow-y:auto}.back{width:16px;height:16px;margin:0 0 16px;padding:0;font-size:34px;line-height:12px}.tabs{border-bottom:2px solid #f5f5f5;gap:23px;height:37px;margin:12px -22px 16px;padding:0 22px;display:flex}.tabs button{color:#7e7e7e;white-space:nowrap;width:24px;padding:0 0 12px;font-size:12px;position:relative}.tabs .active{color:#3a3a3a}.tabs .active:after{content:"";background:#3a3a3a;border-radius:2px;width:16px;height:2px;position:absolute;bottom:8px;left:4px}.template-grid{grid-template-columns:repeat(2,158px);gap:16px;display:grid}.template-card{background:#fff;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:158px;height:146px;padding:12px;display:flex;box-shadow:1px 4px 7px #b2b2b240}.template-card img{object-fit:contain;width:128px;height:94px}.template-card b{font-size:14px;font-weight:500}.editor{background-color:#fff;background-image:radial-gradient(#eaeaea 3.5px,#0000 3.5px);background-position:19px 105px;background-size:43px 43px;position:absolute;inset:0}.editor header{z-index:4;background:#fff;justify-content:space-between;align-items:flex-end;width:100%;height:84px;padding:0 21px 8px 22px;display:flex;position:absolute;top:0}.editor header button{color:#7e7e7e;width:68px;height:28px;font-size:14px}.editor header .export{color:#fff;background:#3a3a3a;border-radius:6px;font-weight:600}.cake{width:235px;height:262px;position:absolute;top:239px;left:32px}.cake i{display:block;position:absolute}.cake .plate{background:#d5eae3;border-radius:50%;width:235px;height:97px;bottom:0;left:0}.cake .body{clip-path:polygon(6% 0,94% 0,82% 100%,18% 100%);background:#765c55;width:181px;height:134px;bottom:40px;left:27px}.cake .cream{background:#fcd3d5;border-radius:55% 55% 42% 42%;width:222px;height:122px;bottom:118px;left:14px}.cake .fruit{background:#fdecb0;border-radius:48%;width:84px;height:76px;bottom:187px;left:84px}.cake .stem{background:#765c55;border-radius:8px;width:12px;height:28px;bottom:236px;left:126px;transform:rotate(17deg)}.layers{background:#fff;border-radius:6px;width:64px;height:216px;padding:6px 4px;position:absolute;top:254px;right:8px;box-shadow:1px 4px 12.7px #7b7b7b40}.layers button{width:56px;height:36px;padding:6px 16px}.layers .selected{background:#f5f5f5;border-radius:6px}.layers i{width:24px;height:20px;display:block}.layers .stem{background:#765c55;border-radius:4px;width:5px;height:10px;margin:auto;transform:rotate(12deg)}.layers .fruit{background:#fdecb0;border-radius:50%}.layers .cream{background:#fcd3d5;border-radius:50%;height:9px;margin-top:6px}.layers .body{clip-path:polygon(5% 0,95% 0,82% 100%,18% 100%);background:#765c55;height:18px}.layers .plate{background:#d5eae3;border-radius:50%;height:9px;margin-top:6px}.fabric-open{background:#f5f5f5;border-radius:48px;width:64px;height:60px;font-size:30px;position:absolute;top:710px;left:22px}.history{display:flex;position:absolute;top:558px;right:22px}.history button{color:#999;background:#f5f5f5;width:38px;height:32px;font-size:20px}.history button:first-child{border-radius:29px 0 0 29px}.history button:last-child{border-radius:0 29px 29px 0}.sheet{z-index:25;background:#f8f8f8;border-radius:0 0 25px 25px;width:375px;height:206px;padding:12px 22px 24px;position:absolute;bottom:0;left:0}.sheet-head{justify-content:space-between;display:flex}.sheet-head button{color:#999;background:#eaeaea;border-radius:50%;width:30px;height:30px}.sheet>b{border-bottom:2px solid #3a3a3a;width:24px;margin-top:20px;padding-bottom:4px;font-size:12px;font-weight:400;display:block}.fabric-row{gap:16px;margin-top:20px;display:flex}.fabric-row>button{background:#dedede;border-radius:6px;flex:0 0 59px;width:59px;height:59px}.fabric-row .chosen{outline-offset:2px;outline:2px solid #7e7e7e}.fabric-row .import{background:#eae9ea;font-size:28px;position:relative}.fabric-row small{color:#7e7e7e;width:59px;font-size:9px;position:absolute;top:61px;left:0}.overlay{z-index:40;background:#0006;place-items:center;display:grid;position:absolute;inset:0}.modal{background:#fff;border-radius:5px;width:274px;min-height:348px;padding:20px;position:relative;box-shadow:0 1px 7px #0003}.modal .close{color:#7e7e7e;font-size:20px;position:absolute;top:15px;right:16px}.modal h2{margin:0;font-size:14px;font-weight:500}.modal>p{color:#7e7e7e;margin:2px 0;font-size:10px}.preview{width:234px;height:166px;position:relative;overflow:hidden}.preview .cake{transform-origin:0 0;top:20px;left:55px;transform:scale(.53)}.sizes{justify-content:space-between;display:flex}.sizes button{font-size:14px}.sizes small{color:#7e7e7e;margin-top:2px;font-size:10px;display:block}.modal-primary,.formats button{color:#fff;background:#3a3a3a;border-radius:6px;width:216px;height:36px;margin:24px 9px 0;font-size:12px}.formats{margin-top:20px;display:grid}.formats button{margin:10px 9px 0}.formats button+button{color:#3a3a3a;background:#f5f5f5}.toast{z-index:60;color:#fff;background:#222;border-radius:20px;padding:9px 16px;font-size:12px;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}.fabric-library{overflow:hidden}.fabric-grid{grid-template-columns:repeat(2,152px);gap:20px;margin:20px 4px;display:grid}.fabric-grid article{background:#fff;border-radius:6px;width:152px;height:154px;padding:24px 12px;box-shadow:1px 4px 7px #b2b2b240}.fabric-grid i{border-radius:6px;width:128px;height:106px;display:block}.add-page label{background:#f5f5f5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:220px;margin-top:40px;display:flex}.add-page label span{font-size:40px}.add-page label b{font-size:14px}.add-page label small{color:#7e7e7e;font-size:10px}.add-page input{display:none}.add-page>button{color:#fff;background:#3a3a3a;border-radius:6px;width:100%;height:36px;margin-top:20px;font-size:12px}@media (width<=430px){.app-shell{padding:0}.phone{border-radius:0;width:100vw;height:100vh}}.exit-editor-confirm{text-align:center;background:#fff;border-radius:8px;width:274px;padding:24px 20px 20px;box-shadow:0 1px 7px #0003}.exit-editor-confirm h2{margin:0;font-size:16px;font-weight:600}.exit-editor-confirm p{color:#7e7e7e;margin:14px 0 22px;font-size:12px;line-height:20px}.exit-editor-confirm>div{gap:10px;display:flex}.exit-editor-confirm button{color:#fff;background:#3a3a3a;border-radius:6px;flex:1;height:36px;font-size:12px}.exit-editor-confirm .confirm{color:#3a3a3a;background:#f5f5f5}.bottom-nav button{justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.bottom-nav button>img,.bottom-nav .cloth-icon{width:24px;height:24px;display:block}.bottom-nav .cloth-icon{position:relative;overflow:hidden}.bottom-nav .cloth-icon img{display:block;position:absolute}.bottom-nav .cloth-icon img:first-child{width:90.08%;height:85.59%;inset:7.33% 4.96% 7.08%}.bottom-nav .cloth-icon img:nth-child(2){width:58.38%;height:4.49%;top:68.09%;left:16.32%}.bottom-nav .cloth-icon img:nth-child(3){width:38.3%;height:6.86%;top:16.34%;left:30.85%}.bottom-nav .add{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;line-height:normal;display:flex}.bottom-nav .add img{flex:0 0 24px;width:24px;height:24px;display:block}.editor{background:#fff}.editor-background{object-fit:fill;width:375px;height:812px;display:block;position:absolute;inset:0}.fabric-open{justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.fabric-open img{width:40px;height:40px;display:block}.history button{justify-content:center;align-items:center;padding:8px 16px 8px 6px;font-size:0;display:flex}.history button img{width:16px;height:16px;display:block}.sizes button{color:#7e7e7e;text-align:left;align-items:flex-start;gap:4px;padding:0;display:flex}.sizes button.chosen{color:#3a3a3a}.sizes button>img{object-fit:contain;flex:0 0 13px;width:13px;height:13px;margin-top:4px;display:block}.sizes button span{display:block}.sheet-head button{justify-content:center;align-items:center;padding:3px;font-size:0;display:flex}.sheet-head button img{width:16px;height:16px;display:block}.formats .export-white,.formats .export-pdf{color:#3a3a3a;background:#f5f5f5;border-radius:6px;width:216px;height:36px;margin:10px 9px 0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;line-height:normal}.formats .export-white{font-weight:600}.formats .export-pdf{font-weight:500}.formats .export-pdf:has(small){flex-direction:column;justify-content:center;align-items:center;gap:3px;height:52px;display:flex}.formats .export-pdf small{color:#7e7e7e;font-size:9px;font-weight:400;display:block}.history button{padding:8px 11px}.history button:nth-child(2) img{transform:scaleX(-1)}.modal.size .preview{height:174px}.template-empty{color:#7e7e7e;text-align:center;width:332px;padding-top:96px;font-size:12px}.templates .back{justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.templates .back img{width:16px;height:16px;display:block;transform:rotate(180deg)scaleY(-1)}.editor header .export{font-size:14px;font-weight:400}.templates{flex-direction:column;display:flex;overflow:hidden}.template-header{z-index:2;background:#fff;flex:none;position:relative}.template-header .tabs{margin-bottom:0}.template-scroll{scrollbar-width:none;flex:auto;min-height:0;padding:16px 0 34px;overflow:hidden auto}.template-scroll::-webkit-scrollbar{display:none}.template-scroll .template-empty{padding-top:80px}.svg-template{place-items:center;display:grid}.svg-template>svg{width:100%;height:100%;display:block;overflow:visible}.editor-template{width:235px;height:262px;position:absolute;top:239px;left:32px}.editor-template>svg{width:150%}.editor-template [id^=fabric_]{cursor:pointer;transition:filter .12s}.editor-template .svg-layer-selected{filter:drop-shadow(0 0 1px #3a3a3a)drop-shadow(0 0 2px #ffffffe6)}.preview-template{width:100%;height:100%}.export-preview{color:#7e7e7e;place-items:center;width:100%;height:100%;padding:0;font-size:10px;display:grid;position:relative;overflow:hidden}.export-preview img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block;position:absolute;inset:0}.export-method-modal{border-radius:6px;width:274px;min-height:0;padding:20px;overflow:visible;box-shadow:0 0 4px #48484840}.export-method-modal .close{width:16px;height:16px;padding:0;font-size:0;top:20px;right:20px}.export-method-modal .close img{width:16px;height:16px;display:block}.export-method-modal h2{color:#3a3a3a;font-size:14px;font-weight:500;line-height:20px}.export-method-modal>p{color:#7e7e7e;margin:0;font-size:10px;line-height:14px}.export-preview-frame,.modal.size .export-preview-frame{color:#7e7e7e;aspect-ratio:auto;background:#fff;border-radius:0;place-items:center;width:234px;height:210px;min-height:210px;max-height:210px;margin:0 auto;padding:20px;font-size:10px;display:grid;position:relative;overflow:hidden}.export-method-preview>img{object-fit:contain;width:calc(100% - 40px);height:calc(100% - 40px);display:block;position:absolute;inset:20px}.pattern-example{background:#fafafa;place-items:center;width:100%;height:100%;display:grid;position:relative}.pattern-example>span{color:#fff;background:#3a3a3a;border-radius:8px;padding:2px 6px;font-size:9px;line-height:14px;position:absolute;top:7px;left:8px}.pattern-example>img{object-fit:contain;width:100%;height:100%;display:block}.export-method-options{gap:48px;width:222px;margin:0 auto;display:flex}.export-method-options button{color:#7e7e7e;text-align:left;align-items:flex-start;gap:4px;min-width:87px;padding:0;display:flex}.export-method-options button[aria-checked=true]{color:#3a3a3a}.export-method-options button>img{object-fit:contain;flex:0 0 13px;width:13px;height:21px;display:block}.export-method-options button>span{white-space:nowrap;font-size:14px;line-height:21px;display:block}.export-method-options small{color:#7e7e7e;font-size:10px;line-height:14px;display:block}.export-method-modal .modal-primary{border-radius:6px;width:216px;height:36px;margin:24px auto 0;font-size:12px;line-height:17px;display:block}.export-method-modal .modal-primary:disabled{cursor:default;opacity:.55}.export-result-modal{border-radius:6px;width:274px;min-height:0;max-height:calc(100vh - 40px);padding:20px;overflow:auto;box-shadow:0 0 4px #48484840}.export-result-modal .close{width:16px;height:16px;padding:0;font-size:0;top:20px;right:20px}.export-result-modal .close img{width:16px;height:16px;display:block}.export-result-modal h2{color:#3a3a3a;margin:0;font-size:14px;font-weight:500;line-height:20px}.export-result-preview{background:#fafafa;justify-content:center;align-items:center;width:234px;max-height:55vh;margin:12px auto 0;display:flex;overflow:auto}.export-result-preview img{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;width:auto;max-width:100%;height:auto;max-height:55vh;display:block}.export-result-hint{text-align:center;color:#7e7e7e!important;margin:10px 0 0!important;font-size:11px!important;line-height:16px!important}.export-result-actions{gap:10px;margin-top:18px;display:grid}.export-result-actions .modal-primary{border-radius:6px;width:216px;height:36px;margin:0 auto;font-size:12px;line-height:17px;display:block}.export-result-actions .modal-primary:disabled{cursor:default;opacity:.55}.pattern-result-modal{max-height:calc(100vh - 40px);overflow:auto}.pattern-scroll-hint{text-align:center;color:#7e7e7e!important;margin:8px 0 0!important;font-size:10px!important;line-height:14px!important}.pattern-result-pages{scrollbar-width:thin;scrollbar-color:#a8a8a8 #ededed;flex-direction:column;gap:12px;width:234px;max-height:310px;margin:8px auto 0;display:flex;overflow-y:scroll}.pattern-result-pages::-webkit-scrollbar{-webkit-appearance:none;width:7px}.pattern-result-pages::-webkit-scrollbar-track{background:#ededed;border-radius:999px}.pattern-result-pages::-webkit-scrollbar-thumb{background:#a8a8a8;border:1px solid #ededed;border-radius:999px;min-height:36px}.pattern-result-pages figure{background:#fafafa;margin:0}.pattern-result-pages img{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;width:auto;max-width:100%;height:auto;margin:0 auto;display:block}.pattern-result-pages figcaption{color:#7e7e7e;text-align:center;padding:5px 0;font-size:10px}.template-error{color:#7e7e7e;text-align:center;width:100%;font-size:12px;position:absolute;top:350px}@font-face{font-family:HomepageYozai;src:url(/fonts/homepage-yozai-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HomepageYozai;src:url(/fonts/homepage-yozai-medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}.home{background:#fff;padding:0}.home .home-actions{gap:26px;width:min(333px,100% - 42px);margin:0;display:grid;position:absolute;top:263px;left:50%;transform:translate(-50%)}.home-figma-card{color:#383838;text-align:left;background:#fff;border:1px solid #3a3a3a;border-radius:12px;width:100%;height:130px;padding:0;position:relative;overflow:hidden;box-shadow:0 0 12.7px #ccc3}.home-card-copy{z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:15px;left:24px}.home-card-copy strong{white-space:nowrap;font-family:HomepageYozai,sans-serif;font-size:28px;font-weight:500;line-height:40px}.home-card-copy small{white-space:nowrap;font-family:HomepageYozai,sans-serif;font-size:14px;font-weight:400;line-height:20px}.home-card-art{pointer-events:none;max-width:none;display:block;position:absolute}.home-card-art--quilt{width:146px;height:90px;top:19px;left:116px}.home-card-art--fabric{width:135px;height:81px;top:23px;left:144px}.home-card-arrow{pointer-events:none;width:32px;height:32px;position:absolute;top:49px;right:8px}.template-card.blank-creation-card .blank-creation-plus{place-items:center;width:128px;height:94px;display:grid}.template-card.blank-creation-card .blank-creation-plus svg{width:42px;height:42px;display:block}.blank-export-empty{height:auto;min-height:0;padding:20px}.blank-export-empty h2{margin:0 0 8px;font-size:16px;font-weight:500}.blank-export-empty p{color:#7e7e7e;margin:0;font-size:13px;line-height:1.5}.blank-export-empty .modal-primary{width:100%;height:36px;margin:18px 0 0;display:block}.editor-canvas{z-index:2;touch-action:none;position:absolute;top:84px;left:0;overflow:hidden}.editor-canvas .canvas-container,.editor-canvas canvas{touch-action:none!important}.fabric-upload-page{z-index:21;color:#3a3a3a;background:#f5f5f5;place-items:center;display:grid;position:absolute;inset:0}.fabric-upload-card,.fabric-guide-card{background:#fff;border-radius:12px;width:375px;height:352px;padding:18px 22px 20px;position:relative}.fabric-upload-card>header,.fabric-guide-card>header{justify-content:space-between;align-items:flex-start;display:flex}.fabric-upload-card h1,.fabric-guide-card h1{margin:0;font-size:14px;font-weight:500;line-height:20px}.fabric-upload-card header p{color:#7e7e7e;margin:2px 0 0;font-size:10px;line-height:14px}.fabric-upload-head-actions{align-items:center;gap:13px;display:flex}.fabric-upload-head-actions button{place-items:center;width:16px;height:16px;padding:0;display:grid}.fabric-upload-head-actions img{max-width:16px;max-height:16px}.fabric-upload-close{place-items:center;width:16px;height:16px;padding:0;display:grid}.fabric-upload-close img{width:16px;height:16px}.fabric-empty-drop{border:2px dashed #d9d9d9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:332px;height:186px;margin-top:14px;display:flex}.fabric-empty-drop img{width:32px;height:32px}.fabric-empty-drop span{font-size:12px}.fabric-file-input{display:none}.fabric-confirm{color:#fff;background:#3a3a3a;border-radius:6px;width:332px;height:36px;font-size:12px;position:absolute;bottom:20px;left:22px}.fabric-confirm:disabled{cursor:default;color:#b2b2b2;background:#f5f5f5}.fabric-upload-grid{grid-template-columns:repeat(4,64px);grid-auto-rows:64px;gap:20px;width:316px;height:148px;margin:13px auto 0;display:grid}.fabric-upload-grid article,.fabric-add-tile{background:#f5f5f5;border-radius:6px;width:64px;height:64px;position:relative}.fabric-add-tile{place-items:center;display:grid}.fabric-add-tile img{width:32px;height:32px}.fabric-thumb{object-fit:cover;border-radius:6px;width:64px;height:64px}.fabric-upload-grid article button{width:16px;height:16px;padding:0;position:absolute;top:-5px;right:-5px}.fabric-upload-grid article button img{width:16px;height:16px}.fabric-count{color:#7e7e7e;font-size:10px;line-height:14px;position:absolute;bottom:64px;right:23px}.fabric-guide-card{height:333px;padding:18px 22px 20px}.fabric-guide-progress{width:316px;height:4px}.fabric-guide-card header{align-items:center}.fabric-guide-card header .fabric-upload-close{margin-left:0}.fabric-guide-card h1{margin-top:14px}.fabric-guide-visual{width:332px;height:197px;position:relative;overflow:hidden}.fabric-guide-visual>img:first-child{object-fit:cover;width:100%;height:100%}.fabric-guide-overlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.fabric-guide-card footer{gap:12px;width:332px;display:flex;position:absolute;bottom:20px;left:22px}.fabric-guide-card footer button{border-radius:6px;height:36px;font-size:12px}.fabric-guide-card footer:not(.with-previous) .fabric-primary{width:332px}.fabric-guide-card footer.with-previous button{width:160px}.fabric-primary{color:#fff;background:#3a3a3a}.fabric-secondary{background:#f5f5f5}.fabric-upload-overlay{z-index:5;background:#00000040;place-items:center;display:grid;position:absolute;inset:0}.fabric-uploading-modal,.fabric-error-modal{background:#fff;border-radius:6px;width:256px;height:116px;padding:12px 16px;position:relative;box-shadow:0 0 4px #00000040}.fabric-uploading-modal h2,.fabric-error-modal h2{margin:0;font-size:14px;font-weight:500;line-height:20px}.fabric-uploading-modal p,.fabric-error-modal p{color:#7e7e7e;margin:2px 0;font-size:10px;line-height:14px}.fabric-loading-dots{justify-content:center;align-items:center;gap:8px;height:42px;display:flex}.fabric-loading-dots i{background:#3a3a3a;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite fabric-dot}.fabric-loading-dots i:nth-child(2){animation-delay:.15s}.fabric-loading-dots i:nth-child(3){animation-delay:.3s}.fabric-uploading-modal>span{color:#7e7e7e;font-size:10px;position:absolute;bottom:12px;right:16px}.fabric-error-modal{height:auto;min-height:116px}.fabric-error-modal button{font-size:11px;position:absolute;bottom:12px;right:16px}.fabric-guide-page{background:#f5f5f5}@keyframes fabric-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (width<=430px){.fabric-upload-card,.fabric-guide-card{border-radius:0;width:100vw}}.fabric-upload-page.embedded{background:0 0;width:100%;height:100%;display:block;position:relative;inset:auto}.fabric-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.fabric-upload-page.embedded .fabric-upload-card,.fabric-upload-page.embedded .fabric-guide-card{border-radius:0;width:100%;height:100%}.fabric-upload-page.embedded .fabric-guide-card h1{text-align:center;margin-top:22px}.fabric-upload-page.embedded .fabric-guide-card header{justify-content:center;position:relative}.fabric-upload-page.embedded .fabric-guide-card header .fabric-upload-close{position:absolute;right:0}.fabric-upload-page.embedded .fabric-guide-visual{place-items:center;width:min(220px,100%);height:158px;margin:0 auto;display:grid;overflow:visible;transform:none}.fabric-guide-art,.fabric-guide-overlay{display:block;position:relative;overflow:hidden}.fabric-guide-art img,.fabric-guide-overlay img{max-width:none;display:block;position:absolute}.guide-1 .fabric-guide-art{width:123px;height:135px}.guide-1 .fabric-guide-art img{width:169px;height:169px;top:-15px;left:-23px}.guide-1 .fabric-guide-overlay{width:82px;height:50px;position:absolute;top:86px;left:69px}.guide-1 .fabric-guide-overlay img{width:170px;height:170px;top:-90px;left:-45px}.guide-2 .fabric-guide-art{width:162px;height:125px}.guide-2 .fabric-guide-art img{width:219px;height:219px;top:-47px;left:-29px}.guide-3 .fabric-guide-art{width:145px;height:136px}.guide-3 .fabric-guide-art img{width:205px;height:205px;top:-34px;left:-30px}.guide-4 .fabric-guide-art{width:200px;height:111px}.guide-4 .fabric-guide-art img{width:264px;height:264px;top:-71px;left:-31px}.fabric-upload-page.embedded .fabric-guide-progress{width:163px;height:10px}.fabric-inline-why{vertical-align:-3px;place-items:center;width:14px;height:14px;margin-left:3px;padding:0;display:inline-grid}.fabric-inline-why img{width:14px;height:14px}.fabric-upload-page.embedded .fabric-count{text-align:center;bottom:76px;left:22px;right:22px}.fabric-upload-page.embedded .fabric-guide-card footer{bottom:47px}.fabric-upload-page.embedded .fabric-upload-grid{margin-top:24px}.fabric-upload-page.embedded .fabric-upload-card{border-radius:12px;flex-direction:column;padding:22px;display:flex}.fabric-upload-page.embedded .fabric-upload-card>header,.fabric-upload-page.embedded .fabric-empty-drop,.fabric-upload-page.embedded .fabric-upload-grid,.fabric-upload-page.embedded .fabric-confirm{flex:none}.fabric-upload-page.embedded .fabric-empty-drop{flex-shrink:1;min-height:140px}.fabric-upload-page.embedded .fabric-count{text-align:center;flex:auto;place-items:center;min-height:28px;display:grid;position:static}.fabric-upload-page.embedded .fabric-confirm{width:100%;position:static}.fabric-sheet-drag-handle{z-index:3;touch-action:none;cursor:ns-resize;place-items:start center;width:72px;height:22px;padding-top:6px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.fabric-sheet-drag-handle i{background:#d9d9d9;border-radius:2px;width:32px;height:4px}.fabric-upload-page.embedded .fabric-upload-grid{grid-template-columns:repeat(4,64px);grid-auto-rows:64px;gap:20px;width:316px;height:148px;margin:24px auto 0}.fabric-pending-delete{place-items:start end;display:grid;width:28px!important;height:28px!important;padding:0!important;top:3px!important;right:-3px!important}.fabric-pending-delete img{background:#333333c7;border-radius:50%;padding:3px;width:16px!important;height:16px!important}.fabric-upload-error{color:#b33a3a;text-align:center;margin:0;font-size:10px;line-height:14px;position:absolute;bottom:58px;left:22px;right:22px}.fabric-upload-debug{color:#d7f7d7;white-space:pre-wrap;word-break:break-all;background:#202124;border-radius:4px;max-height:112px;margin:4px 0;padding:6px;font:9px/1.3 monospace;overflow:auto}.native-file-test{z-index:1100;color:#202124;background:#fff;border:2px solid #4c9aff;border-radius:8px;max-height:min(44vh,300px);padding:10px;font:11px/1.4 monospace;position:absolute;top:54px;left:12px;right:12px;overflow:auto;box-shadow:0 4px 18px #00000047}.native-file-test h2{margin:0 0 8px;font:600 13px/1.4 sans-serif}.native-file-test input[type=file]{visibility:visible;opacity:1;pointer-events:auto;width:100%;margin:0 0 8px;display:block}.native-file-test dl{grid-template-columns:78px minmax(0,1fr);gap:2px 6px;margin:0;display:grid}.native-file-test dt,.native-file-test dd{overflow-wrap:anywhere;min-width:0;margin:0}.native-file-test pre{color:#d7f7d7;white-space:pre-wrap;word-break:break-all;background:#202124;max-height:110px;margin:8px 0 0;padding:6px;overflow:auto}.fabric-cancel-dialog{background:#fff;border-radius:8px;width:286px;padding:20px;box-shadow:0 2px 12px #0000002e}.fabric-cancel-overlay{z-index:1000;background:#00000047;place-items:center;display:grid;position:fixed;inset:0}.fabric-cancel-dialog h2{margin:0;font-size:14px;font-weight:500}.fabric-cancel-dialog p{color:#7e7e7e;margin:6px 0 20px;font-size:11px;line-height:17px}.fabric-cancel-dialog>div{gap:12px;display:flex}.fabric-cancel-dialog button{color:#fff;background:#3a3a3a;border-radius:6px;flex:1;height:36px;font-size:12px}.fabric-cancel-dialog .danger{color:#3a3a3a;background:#f5f5f5}.fabric-guide-visual>img:first-child,.fabric-guide-overlay{display:block}.fabric-upload-overlay.fabric-upload-global-overlay{z-index:10000;background:#0006;position:absolute;inset:0}.qe-editor{touch-action:none;background:#fff;position:absolute;inset:0}.qe-topbar{z-index:8;background:#fff;justify-content:space-between;align-items:center;height:40px;padding:4px 21px 8px 22px;display:flex;position:absolute;top:44px;left:0;right:0}.qe-topbar>div{gap:5px;display:flex}.qe-topbar button{color:#7e7e7e;background:#fff;border:0;border-radius:6px;height:28px;padding:4px 10px;font-size:14px}.qe-topbar button:disabled{opacity:.25}.qe-topbar .export{color:#fff;background:#3a3a3a;width:68px}.qe-canvas{position:absolute;inset:84px 0 104px;overflow:hidden}.qe-dotgrid{background-image:radial-gradient(#ececec 3px,#0000 3.5px);background-position:16px 18px;background-size:43px 43px;position:absolute;inset:0}.qe-editor .editor-canvas{height:624px;top:0}.qe-editor>.layers{z-index:7}.qe-toolbar{z-index:10;background:#fff;border-top:1px solid #f5f5f5;justify-content:center;align-items:center;gap:34px;height:70px;padding:7px 13px 6px;display:flex;position:absolute;bottom:34px;left:0;right:0}.qe-toolbar button{color:#7e7e7e;background:0 0;border:0;font-size:10px}.qe-toolbar button i{height:29px;font-size:22px;font-style:normal;display:block}.qe-toolbar.object-toolbar{align-items:stretch;gap:10px;height:82px}.qe-tool-group{flex-direction:column;align-items:center;gap:4px;display:flex}.qe-tool-group small{color:#a0a09b;font-size:9px;line-height:12px}.qe-tool-group>div{gap:8px;display:flex}.qe-tool-group button{min-width:48px;padding:0 3px}.qe-tool-group button i{height:24px;font-size:18px}.qe-tool-divider{background:#e2e2de;align-self:center;width:1px;height:48px}.qe-sheet{z-index:12;background:#f5f5f5;border-radius:0;height:206px;min-height:206px;padding:12px 22px 28px;position:absolute;bottom:34px;left:0;right:0;box-shadow:0 -2px 5.7px #a6a6a640}.qe-sheet-title{justify-content:space-between;align-items:center;height:30px;margin:0 0 20px;display:flex}.qe-sheet-dismiss,.qe-sheet-confirm{color:#7e7e7e;background:#eae9ea;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font:20px/1 Arial,sans-serif;display:grid}.qe-sheet-tabs{align-items:flex-start;gap:23px;height:21px;margin-bottom:20px;display:flex}.qe-sheet-tabs button{color:#7e7e7e;white-space:nowrap;background:0 0;border:0;padding:0;font:12px/17px PingFang SC,Microsoft YaHei,sans-serif;position:relative}.qe-sheet-tabs button.active{color:#3a3a3a}.qe-sheet-tabs button.active:after{content:"";background:#3a3a3a;border-radius:25px;width:16px;height:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.qe-sheet h2{margin:0 0 20px;font-size:12px}.qe-sheet-options{color:#7e7e7e;gap:16px;font-size:12px;display:flex;overflow:auto}.qe-operation-options{color:#3a3a3a;gap:24px;display:flex}.qe-editor .layers{top:254px;right:8px}.qe-editor .layer-thumbnail{pointer-events:none}.qe-canvas>.qe-dotgrid{background-position:50% 18px}.qe-upload-modal-backdrop{z-index:29;pointer-events:auto;touch-action:none;overscroll-behavior:none;background:0 0;position:absolute;inset:0}.qe-upload-debug-version{z-index:99999;color:#fff;overflow-wrap:anywhere;pointer-events:none;background:#e60023;border:2px solid #fff;border-radius:6px;flex-direction:column;gap:2px;max-width:calc(100vw - 24px);padding:8px 10px;font:11px/1.35 monospace;display:flex;position:fixed;top:80px;left:12px;box-shadow:0 2px 10px #00000059}.qe-upload-debug-version strong{font-size:14px}.qe-upload-debug-version span{display:block}.qe-sheet-confirm{font-size:0}.qe-sheet-confirm img{width:16px;height:16px;display:block}.qe-operation-options{gap:16px}.qe-operation-options button{color:#3a3a3a;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:24px;padding:0;font-size:12px;line-height:17px;display:flex}.qe-operation-options img{width:16px;height:16px;display:block}.qe-topbar .qe-history-button{width:28px;padding:6px}.qe-history-button img{width:16px;height:16px;display:block}.qe-topbar .qe-history-button:disabled{opacity:1}.qe-history-button:not(:disabled) img{filter:brightness(.307)}.qe-redo-button img{transform:scaleX(-1)}.qe-variant-card{color:#3a3a3a;background:#eae9ea;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:0 0 66px;align-items:center;gap:4px;width:66px;padding:4px;font:10px/14px PingFang SC,Microsoft YaHei,sans-serif;display:flex}.qe-variant-card.chosen{background:#fff;border-color:#7e7e7e}.qe-variant-card img{object-fit:contain;width:56px;height:48px;display:block}.qe-fabric-card{background-color:#eae9ea;background-position:50%;background-size:cover;border:1px solid #0000;border-radius:8px;flex:0 0 66px;width:66px;height:66px;padding:0;position:relative;overflow:hidden}.qe-fabric-card.chosen{border-color:#3a3a3a;box-shadow:inset 0 0 0 1px #fff}.qe-fabric-card span{color:#3a3a3a;text-overflow:ellipsis;white-space:nowrap;background:#fffc;padding:2px 3px;font-size:9px;line-height:12px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.qe-fabric-upload-entry{place-items:center;display:grid;background:#f5f5f5!important}.qe-fabric-upload-entry>img{width:30px;height:30px}.qe-fabric-remove{background:linear-gradient(135deg,#fff 0 47%,#d9d9d9 48% 52%,#fff 53% 100%)}.qe-sheet.fabric-upload-sheet{background:#fff;border-radius:12px 12px 0 0;height:364px;min-height:364px;padding:12px 0 0;overflow:hidden}.fabric-upload-sheet .qe-sheet-options{touch-action:auto;width:100%;height:100%;display:block;overflow:visible}.qe-editor{touch-action:auto}.qe-sheet:not(.fabric-upload-sheet){width:100%;height:auto;min-height:0;padding:16px 20px var(--safe-bottom,0);background:#f5f5f5;flex-direction:column;display:flex;bottom:0}.qe-sheet.operation-sheet{height:auto;min-height:0}.qe-expanded-operation{flex:none;width:100%;margin-bottom:20px}.qe-sheet.sheet-fabric:has(.qe-fabric-adjustment){padding-top:16px}.qe-sheet.sheet-fabric:has(.qe-fabric-adjustment) .qe-expanded-operation{margin-bottom:16px}.qe-fabric-adjustment{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.qe-fabric-adjustment-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.qe-fabric-adjustment-tabs button{color:#7e7e7e;white-space:nowrap;background:#fff;border:1px solid #0000;border-radius:4px;min-width:0;height:25px;padding:4px 8px;font:12px/15px PingFang SC,Microsoft YaHei,sans-serif}.qe-fabric-adjustment-tabs button.active{border-color:#979797}.qe-fabric-adjustment>input{appearance:none;touch-action:none;background:0 0;border:0;outline:0;width:calc(100% - 25px);height:44px;margin:0;transition:none}.qe-fabric-adjustment>input::-webkit-slider-runnable-track{background:linear-gradient(to right,#3a3a3a 0 var(--range-progress),#dedede var(--range-progress) 100%);border-radius:999px;height:6px}.qe-fabric-adjustment>input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;box-shadow:none;background:#fff;border:5px solid #3a3a3a;border-radius:50%;margin-top:-7px}.qe-fabric-adjustment>input::-moz-range-track{background:#dedede;border:0;border-radius:999px;height:6px}.qe-fabric-adjustment>input::-moz-range-progress{background:#3a3a3a;border-radius:999px;height:6px}.qe-fabric-adjustment>input::-moz-range-thumb{width:10px;height:10px;box-shadow:none;background:#fff;border:5px solid #3a3a3a;border-radius:50%}.qe-sheet:has(.qe-move-controls){padding-top:8px}.qe-sheet:has(.qe-move-controls) .qe-expanded-operation{margin-bottom:8px}.qe-sheet-tabs{flex:none;gap:23px;height:17px;margin:0 0 20px}.qe-sheet-tabs button.active{font-weight:500}.qe-sheet-tabs button.active:after{display:none}.qe-sheet-options{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-width:0;overflow:auto hidden}.qe-sheet.operation-sheet .qe-sheet-options{flex:none;overflow:visible}.qe-sheet-fixed-entry{border-top:1px solid #dedede;flex:0 0 49px;align-items:flex-start;gap:20px;width:auto;height:49px;margin:20px -20px 0;padding:12px 20px 0;display:flex;position:static;bottom:auto;left:auto;right:auto}.qe-sheet-fixed-entry button,.qe-decoration-categories button{color:#7e7e7e;background:0 0;border:0;padding:0;font:12px/17px PingFang SC,Microsoft YaHei,sans-serif;position:relative}.qe-sheet-fixed-entry button.active{color:#3a3a3a}.qe-sheet-fixed-entry button.active:after{content:"";background:#3a3a3a;border-radius:25px;width:18px;height:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.qe-order-controls,.qe-flip-controls{width:100%;height:25px}.qe-order-controls{justify-content:space-between;align-items:center;gap:0;display:flex}.qe-flip-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.qe-order-controls button{color:#7e7e7e;white-space:nowrap;background:#fff;border-radius:4px;flex:0 0 72px;width:72px;height:25px;padding:4px 24px;font-size:12px;line-height:17px}.qe-flip-controls button{color:#7e7e7e;background:#fff;border-radius:4px;min-width:0;height:25px;padding:0;font-size:12px}.qe-order-controls button:disabled{color:#aaa;opacity:1;background:#eae9ea}.qe-scale-controls{align-items:center;gap:8px;width:100%;height:44px;display:flex;overflow:hidden}.qe-scale-controls button{flex:0 0 28px;place-items:center;width:28px;height:44px;padding:0;display:grid}.qe-scale-controls button img{width:20px;height:20px;display:block}.qe-scale-controls input,.qe-move-controls input{appearance:none;touch-action:none;background:0 0;border:0;outline:0;width:100%;min-width:0;height:44px;margin:0;transition:none}.qe-scale-controls input::-webkit-slider-runnable-track{background:linear-gradient(to right,#3a3a3a 0 var(--range-progress),#dedede var(--range-progress) 100%);border-radius:999px;height:6px}.qe-move-controls input::-webkit-slider-runnable-track{background:linear-gradient(to right,#3a3a3a 0 var(--range-progress),#dedede var(--range-progress) 100%);border-radius:999px;height:6px}.qe-scale-controls input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;box-shadow:none;background:#fff;border:5px solid #3a3a3a;border-radius:50%;margin-top:-7px}.qe-move-controls input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;box-shadow:none;background:#fff;border:5px solid #3a3a3a;border-radius:50%;margin-top:-7px}.qe-scale-controls input::-moz-range-track{background:#dedede;border:0;border-radius:999px;height:6px}.qe-move-controls input::-moz-range-track{background:#dedede;border:0;border-radius:999px;height:6px}.qe-scale-controls input::-moz-range-progress{background:#3a3a3a;border-radius:999px;height:6px}.qe-move-controls input::-moz-range-progress{background:#3a3a3a;border-radius:999px;height:6px}.qe-scale-controls input::-moz-range-thumb{width:10px;height:10px;box-shadow:none;background:#fff;border:5px solid #3a3a3a;border-radius:50%}.qe-move-controls input::-moz-range-thumb{width:10px;height:10px;box-shadow:none;background:#fff;border:5px solid #3a3a3a;border-radius:50%}.qe-scale-controls input:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #fff}.qe-move-controls input:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #fff}.qe-move-controls{flex-direction:column;gap:4px;width:100%;display:flex;overflow:hidden}.qe-move-controls label{color:#7e7e7e;align-items:center;gap:8px;width:100%;height:44px;font-size:12px;line-height:17px;display:flex;overflow:hidden}.qe-move-controls label>span{white-space:nowrap;flex:0 0 20px;width:20px}.qe-operation-panel{width:100%}.qe-operation-options{color:#7e7e7e;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:0;display:flex}.qe-operation-options button{color:#7e7e7e;white-space:nowrap;flex-direction:column;flex:0 52px;justify-content:center;align-items:center;gap:4px;width:52px;min-width:0;height:48px;padding:0;font-size:12px;line-height:17px;display:flex}.qe-operation-options button img{filter:brightness(0)saturate()invert(49%);flex:0 0 20px;width:20px;height:20px;display:block}.qe-operation-options button.active{color:#3a3a3a;font-weight:600}.qe-operation-options button:disabled{color:#7e7e7e;opacity:1;cursor:default}.qe-sheet.sheet-decoration .qe-sheet-options{overflow:visible}.qe-decoration-browser{flex-direction:column;flex:none;gap:16px;width:100%;min-width:0;display:flex;position:relative}.qe-decoration-browser:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#f5f5f5 40%);width:64px;height:17px;position:absolute;top:0;right:-20px}.qe-decoration-categories,.qe-decoration-grid{gap:16px;display:flex}.qe-decoration-categories{overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;flex:none;gap:24px;width:100%;padding-right:24px;overflow:hidden}.qe-decoration-categories button.active{color:#3a3a3a;font-weight:500}.qe-decoration-grid{overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;max-width:100%;overflow:auto hidden}.qe-decoration-grid::-webkit-scrollbar{display:none}@media (width<=360px){.qe-decoration-browser:after{background:linear-gradient(90deg,#0000 0%,#f5f5f5 75%)}}.qe-decoration-categories{scrollbar-width:none;flex-wrap:nowrap;overflow:auto hidden}.qe-decoration-categories button{white-space:nowrap;flex:none}.qe-asset-card{flex:0 0 66px;gap:0;width:66px;height:66px;padding:4px;overflow:hidden}.qe-asset-card__preview{flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.qe-asset-card__preview img{object-fit:contain;width:auto;max-width:40px;height:auto;max-height:36px;display:block}.qe-asset-card>span:last-child{text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:14px;overflow:hidden}.qe-shape-card .qe-shape-glyph{width:40px;height:40px;margin:auto;display:block}.qe-shape-glyph[data-shape=circle]{border-radius:50%}.qe-shape-glyph[data-shape=rectangle]{border-radius:4px}.qe-shape-glyph[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}.qe-shape-glyph[data-shape=polygon]{clip-path:polygon(50% 0,100% 38%,80% 100%,20% 100%,0 38%)}.qe-deco-glyph{width:40px;height:36px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.qe-color-action-icon{border:2px solid #fff;border-radius:50%;flex:0 0 20px;width:20px;height:20px;display:block;box-shadow:0 0 0 1px #7e7e7e}.qe-color-controls{width:100%;overflow:hidden}.qe-color-row{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:16px;width:100%;height:32px;display:flex;overflow:auto hidden}.qe-color-row::-webkit-scrollbar{display:none}.qe-custom-color-button,.qe-color-preset,.qe-custom-color-result{cursor:pointer;border:2px solid #f5f5f5;border-radius:50%;flex:0 0 22px;width:22px;height:22px;padding:0;position:relative;box-shadow:0 0 0 1px #bdbdbd}.qe-custom-color-button{background:conic-gradient(#ff3b30,#fc0,#34c759,#00c7ff,#5856d6,#af52de,#ff2d55,#ff3b30);display:block}.qe-custom-color-button:after{content:"";pointer-events:none;background:radial-gradient(circle at 70% 25%,#fff 0,#ffffff2e 42%,#0000001f 100%);border-radius:50%;position:absolute;inset:4px}.qe-custom-color-button input{opacity:0;cursor:pointer;width:42px;height:42px;margin:0;position:absolute;inset:-10px}.qe-color-preset.active,.qe-custom-color-result.active{box-shadow:0 0 0 2px #3a3a3a}.qe-color-divider{background:#aaa;flex:0 0 1px;width:1px;height:26px;margin:0 2px}.qe-sheet:has(.qe-color-controls){padding-top:8px}.qe-sheet:has(.qe-color-controls) .qe-expanded-operation{margin-bottom:8px}@media (width<=340px){.qe-sheet:not(.fabric-upload-sheet){padding-left:16px;padding-right:16px}.qe-sheet-fixed-entry{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.qe-fabric-adjustment-tabs{gap:8px}.qe-fabric-adjustment>input{width:calc(100% - 18px)}.qe-color-row{gap:14px}}.fabric-library-page{background:#fff;padding:64px 22px 34px;position:absolute;inset:0;overflow:hidden}.fabric-library-header{justify-content:center;align-items:center;height:28px;display:flex;position:relative}.fabric-library-header h1{margin:0;font-size:20px;font-weight:600;line-height:28px}.fabric-library-header button{width:16px;height:16px;padding:0;position:absolute;left:0}.fabric-library-header button img{width:16px;height:16px;display:block}.fabric-library-empty{color:#7e7e7e;flex-direction:column;align-items:center;gap:14px;width:216px;padding:0;font-size:12px;font-weight:600;line-height:17px;display:flex;position:absolute;top:344px;left:50%;transform:translate(-50%)}.fabric-library-empty img{object-fit:cover;width:160px;height:118px}.fabric-library-grid{grid-template-columns:repeat(2,152px);grid-auto-rows:154px;gap:20px;height:676px;margin:20px 4px 0;padding-bottom:76px;display:grid;overflow-y:auto}.fabric-library-grid article{background:#fff;border-radius:6px;width:152px;height:154px;padding:24px 12px;position:relative;box-shadow:1px 4px 7px #7b7b7b40}.fabric-library-grid article>img{object-fit:cover;border-radius:6px;width:128px;height:106px;display:block}.fabric-library-grid article>div{background:linear-gradient(#0000,#ffffffe6);justify-content:space-between;align-items:flex-end;padding:16px 6px 4px;font-size:9px;display:flex;position:absolute;bottom:24px;left:12px;right:12px}.fabric-library-grid b{text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-weight:500;overflow:hidden}.fabric-library-grid small{color:#7e7e7e}.fabric-library-add{z-index:2;background:#3a3a3a;border-radius:50%;width:40px;height:40px;padding:8px;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.fabric-library-add img{width:24px;height:24px;display:block}.library-upload-sheet{z-index:45;background:#fff;border-radius:12px 12px 0 0;height:364px;padding-top:12px;transition:height .22s;position:absolute;bottom:34px;left:0;right:0;overflow:hidden;box-shadow:0 -2px 8px #a6a6a640}.library-sheet-drag-zone{z-index:6;touch-action:none;cursor:ns-resize;place-items:center;width:64px;height:16px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.library-sheet-drag-zone i{background:#d7d7d7;border-radius:999px;width:32px;height:4px;display:block}.fabric-library-upload-backdrop{z-index:44;pointer-events:auto;touch-action:none;overscroll-behavior:none;background:0 0;position:absolute;inset:0}.fabric-library-header .fabric-library-back{left:16px}.fabric-library-back img{transform:scaleX(-1)}.fabric-library-header .fabric-library-manage{left:auto;right:0}.fabric-library-header .fabric-library-cancel,.fabric-library-header .fabric-library-select-all{color:#3a3a3a;width:auto;height:28px;font-size:14px;line-height:28px}.fabric-library-header .fabric-library-cancel{left:0}.fabric-library-header .fabric-library-select-all{left:auto;right:0}.fabric-library-manage:disabled{opacity:.3;cursor:default}.fabric-library-manage.active{background:#f5f5f5;border-radius:4px}.fabric-library-grid{scrollbar-width:none;overflow-x:hidden}.fabric-library-grid::-webkit-scrollbar{width:0;height:0}.fabric-library-card{background:#fff;border:2px solid #0000;border-radius:6px;width:152px;height:154px;padding:22px 10px;position:relative;box-shadow:1px 4px 7px #7b7b7b40}.fabric-library-card>img{object-fit:cover;background:#fff;border-radius:6px;width:128px;height:106px;display:block}.fabric-library-card.selected{border-color:#3a3a3a;box-shadow:1px 4px 7px #7b7b7b40}.fabric-library-select{color:#fff;background:#ffffffeb;border:1px solid #b2b2b2;border-radius:50%;place-items:center;width:20px;height:20px;font:12px/1 Arial,sans-serif;display:grid;position:absolute;top:30px;right:18px}.fabric-library-card.selected .fabric-library-select{background:#3a3a3a;border-color:#3a3a3a}.fabric-library-select img{filter:brightness(0)invert();width:12px;height:12px}.fabric-library-delete{z-index:3;color:#fff;background:#3a3a3a;border-radius:6px;height:40px;font-size:12px;position:absolute;bottom:48px;left:12px;right:12px}.fabric-library-delete:disabled{color:#b2b2b2;cursor:default;background:#eaeaea}.fabric-delete-overlay{z-index:60;background:#00000047;place-items:center;display:grid;position:absolute;inset:0}.fabric-delete-dialog{background:#fff;border-radius:6px;width:274px;padding:20px;box-shadow:0 1px 7px #0003}.fabric-delete-dialog h2{margin:0;font-size:14px;font-weight:500}.fabric-delete-dialog p{color:#7e7e7e;margin:5px 0 20px;font-size:10px}.fabric-delete-dialog>div{justify-content:flex-end;gap:10px;display:flex}.fabric-delete-dialog button{background:#f5f5f5;border-radius:6px;min-width:64px;height:32px;font-size:12px}.fabric-delete-dialog .danger{color:#fff;background:#3a3a3a}.fabric-library-empty{pointer-events:none;top:292px}.fabric-library-grid{grid-template-columns:repeat(2,minmax(0,152px));gap:20px}.fabric-library-add{width:44px;height:44px;padding:10px;bottom:46px}.library-upload-sheet{height:358px;padding-top:0;transition:transform .22s ease-out}:root{--mobile-max-width:430px;--mobile-pad:clamp(16px,5.86vw,22px);--safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--editor-header-height:52px;--editor-sheet-height:clamp(180px,25dvh,200px)}:root.xhs-minitool{--xhs-host-toolbar-height:44px;--xhs-android-min-top-offset:80px;--xhs-host-top-offset:calc(var(--safe-top) + var(--xhs-host-toolbar-height))}:root.xhs-minitool.xhs-android{--xhs-host-top-offset:max(var(--xhs-android-min-top-offset),calc(var(--safe-top) + var(--xhs-host-toolbar-height)))}.xhs-minitool .phone-foreground{z-index:1;left:0;right:0;top:var(--xhs-host-top-offset);height:calc(100% - var(--xhs-host-top-offset));min-height:0;position:absolute;overflow:hidden}.xhs-minitool .page,.xhs-minitool .templates,.xhs-minitool .fabric-library-page{padding-top:20px}.xhs-minitool .qe-topbar{top:0}.xhs-minitool .qe-canvas{inset:var(--editor-header-height) 0 calc(var(--editor-sheet-height) + var(--safe-bottom))}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:#f5f5f5;min-height:100dvh}.app-shell{justify-content:center;width:100%;min-height:100dvh;padding:0;display:flex}.phone{width:100%;max-width:var(--mobile-max-width);height:100dvh;min-height:0;box-shadow:none;background:#fff;border-radius:0;position:relative;overflow:hidden}.status,.indicator{display:none!important}.page{width:100%;padding:calc(var(--safe-top) + 20px) var(--mobile-pad) calc(var(--safe-bottom) + 20px);inset:0}.home{padding:0}.home .home-actions{gap:26px;width:min(333px,100% - 42px);margin:0;position:absolute;top:clamp(156px,32.39dvh,263px);left:50%;transform:translate(-50%)}.home-figma-card{width:100%;height:130px}.templates{padding-top:calc(var(--safe-top) + 20px)}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.template-card{aspect-ratio:158/146;width:100%;min-width:0;height:auto}.template-card img{width:100%;max-width:128px;height:auto;max-height:94px}.template-empty{width:100%}.qe-editor{touch-action:auto;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.qe-topbar{top:var(--safe-top);height:var(--editor-header-height);padding:8px var(--mobile-pad);width:100%}.qe-topbar>div{min-width:0}.qe-topbar button{min-width:44px;height:44px;min-height:44px;padding:8px}.qe-topbar .export{width:68px;min-width:68px;height:36px;min-height:36px}.qe-canvas{inset:calc(var(--safe-top) + var(--editor-header-height)) 0 calc(var(--editor-sheet-height) + var(--safe-bottom));overflow:hidden}.editor-canvas,.qe-editor .editor-canvas{touch-action:none;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.qe-sheet{z-index:30;isolation:isolate;width:100%;height:calc(var(--editor-sheet-height) + var(--safe-bottom));min-height:0;padding:24px var(--mobile-pad) calc(72px + var(--safe-bottom));pointer-events:auto;touch-action:auto;border-radius:0;bottom:0;left:0;right:0;overflow:hidden}.qe-sheet-fixed-entry{bottom:var(--safe-bottom);padding-left:var(--mobile-pad);padding-right:var(--mobile-pad);margin-bottom:12px}.qe-sheet-options,.qe-decoration-categories{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%}.qe-sheet button{pointer-events:auto;-webkit-tap-highlight-color:transparent}.qe-sheet-tabs button,.qe-sheet-fixed-entry button,.qe-decoration-categories button{position:relative}.qe-sheet-tabs button:before,.qe-sheet-fixed-entry button:before,.qe-decoration-categories button:before{content:"";position:absolute;inset:-12px -8px}.qe-decoration-categories{scrollbar-width:none;overflow:auto hidden}.qe-decoration-categories::-webkit-scrollbar{display:none}.qe-sheet-options{scrollbar-width:none}.qe-decoration-grid::-webkit-scrollbar{display:none}.qe-sheet-options::-webkit-scrollbar{display:none}.qe-sheet.fabric-upload-sheet{height:min(364px,calc(100dvh - var(--safe-top) - var(--editor-header-height) - 24px));padding-bottom:var(--safe-bottom)}.fabric-library-page{padding:calc(var(--safe-top) + 20px) var(--mobile-pad) calc(var(--safe-bottom) + 20px)}.fabric-library-grid{width:100%;height:calc(100dvh - var(--safe-top) - 96px);padding-bottom:calc(76px + var(--safe-bottom));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(12px,5vw,20px);margin:20px 0 0}.fabric-library-card,.fabric-library-grid article{aspect-ratio:152/154;width:100%;height:auto;padding:clamp(10px,5vw,22px) clamp(6px,2.7vw,10px)}.fabric-library-card>img,.fabric-library-grid article>img{object-fit:cover;width:100%;height:100%}.fabric-library-add,.fabric-library-delete{bottom:calc(20px + var(--safe-bottom))}.library-upload-sheet{width:100%;height:min(364px,70dvh);padding-bottom:var(--safe-bottom);bottom:0;left:0;right:0}.library-upload-sheet.expanded{height:min(430px,85dvh)}.fabric-upload-page:not(.embedded){padding:16px}.fabric-upload-card,.fabric-guide-card{width:min(375px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.fabric-empty-drop,.fabric-guide-visual{width:100%}.fabric-confirm,.fabric-guide-card footer{width:auto;left:22px;right:22px}.fabric-upload-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,3vw,20px);width:100%}.fabric-upload-grid article,.fabric-upload-grid .fabric-add-tile,.fabric-upload-grid .fabric-thumb{aspect-ratio:1;width:100%;height:auto}.overlay,.fabric-delete-overlay{padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);position:absolute;inset:0;overflow-y:auto}.modal,.exit-editor-confirm,.fabric-delete-dialog{width:min(274px,100%);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);overflow-y:auto}.modal.size{height:auto;min-height:0;max-height:none;overflow:visible}.preview{aspect-ratio:234/174;width:100%;max-width:234px;height:auto;margin-inline:auto}.export-preview-frame,.modal.size .export-preview-frame{aspect-ratio:auto;width:100%;max-width:234px;height:210px;min-height:210px;max-height:210px;margin-inline:auto}.modal-primary,.formats button,.formats .export-white,.formats .export-pdf{width:calc(100% - 18px)}.toast{bottom:calc(20px + var(--safe-bottom));white-space:normal;text-align:center;max-width:calc(100% - 32px)}@media (width>=431px){.app-shell{padding:24px}.phone{height:calc(100dvh - 48px);max-height:900px}}@media (height<=620px){:root{--editor-sheet-height:180px}.qe-sheet{padding-top:16px}.qe-sheet-tabs{margin-bottom:10px}.home .home-actions{gap:20px;top:150px}}