.flannel-mat-stage[hidden],.flannel-mat-settings[hidden],.flannel-mat-stage [hidden],.flannel-mat-settings [hidden]{display:none!important}
.flannel-mat-stage{position:absolute;inset:0;z-index:21;background:radial-gradient(ellipse at 50% 40%,#fffcf6,#eee6da);border-radius:22px;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto}
.flannel-mat-stage>canvas{width:100%;height:100%;min-height:0;touch-action:none;cursor:grab}.flannel-mat-stage>p{padding:10px;margin:0;text-align:center;font-size:12px;color:#806c53}
.flannel-mat-stage .flannel-mat-sheet,.flannel-mat-stage .flannel-mat-official{position:absolute;inset:55px 5% 45px;width:90%;height:calc(100% - 100px);object-fit:contain;background:transparent;z-index:2}
.flannel-mat-settings{padding:18px;margin:12px 0;display:grid;gap:12px;background:#fffaf1;border:1px solid #decbb0;border-radius:16px;color:#473a2c}
.flannel-mat-settings h3,.flannel-mat-settings p{margin:0}.flannel-mat-settings small{font-size:12px;line-height:1.6;color:#806c53}.flannel-mat-settings select{width:100%;padding:10px;background:white;border:1px solid #cbb38e;border-radius:10px;font:inherit}.flannel-mat-settings label{display:grid;gap:8px;font-size:13px}.flannel-mat-settings label:has([type=checkbox]){display:flex;align-items:flex-start}.flannel-mat-settings input[type=range]{width:100%;accent-color:#947245}.flannel-mat-settings input[type=checkbox]{width:auto;accent-color:#947245}.flannel-mat-settings button{padding:11px;border:1px solid #c6a574;border-radius:10px;background:#5d4932;color:#fff;font:inherit;cursor:pointer}.flannel-mat-settings button:disabled{opacity:.5;cursor:default}.flannel-mat-price{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #e6daca;padding-top:12px}
.flannel-mat-active #frameStage{position:relative;min-height:300px}.flannel-mat-active #frameModel,.flannel-mat-active #legacyFramePreview,.flannel-mat-active #productRenderCanvas,.flannel-mat-active .puzzle-stage,.flannel-mat-active .mug-stage,.flannel-mat-active .scene-preview-card{display:none!important}
.flannel-mat-active .editor>section:not(.flannel-mat-settings),.flannel-mat-active .editor>.creator-intro,.flannel-mat-active #lightToggle,.flannel-mat-active #homeSceneButton,.flannel-mat-active #toolCompare,.flannel-mat-active #aiWorkGift,.flannel-mat-active #fitImageButton,.flannel-mat-active #toolText,.flannel-mat-active #toolScene,.flannel-mat-active .puzzle-product-arrow{display:none!important}
.flannel-mat-settings #orderPanel{display:grid!important;gap:12px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.flannel-mat-settings #orderPanel>h2,.flannel-mat-settings #orderPanel>label:has(>#quantityInput),.flannel-mat-settings #submitOrder,.flannel-mat-settings #orderResult,.flannel-mat-settings .order-secondary-actions{display:none!important}
.flannel-mat-active .ai-work-edit-capabilities,.flannel-mat-active .ai-work-edit-heading p{display:none!important}.flannel-mat-active .ai-work-edit-heading::after{content:'当前作品已用于法兰绒垫预览。选择颜色并调整画面后确认制作效果。';font-size:12px;color:#725f48}
@media(min-width:851px){body.h5-workspace.flannel-mat-active .product-preview>.preview-controls{display:none!important}body.h5-workspace.flannel-mat-active .product-preview{grid-template-rows:minmax(0,1fr) auto}body.h5-workspace.flannel-mat-active .product-preview:has(.pc-product-selector){grid-template-rows:auto minmax(0,1fr) auto}}
@media(min-width:851px){body.h5-workspace.flannel-mat-active .product-preview>#frameStage{grid-row:1;min-height:0}body.h5-workspace.flannel-mat-active .product-preview>.workbench-preview-bottom{grid-row:2}body.h5-workspace.flannel-mat-active .product-preview:has(.pc-product-selector)>#frameStage{grid-row:2}body.h5-workspace.flannel-mat-active .product-preview:has(.pc-product-selector)>.workbench-preview-bottom{grid-row:3}}

.flannel-mat-stage .flannel-mat-sheet,.flannel-mat-stage .flannel-mat-official{position:absolute;inset:58px 5% 48px;width:90%;height:calc(100% - 106px);object-fit:contain;cursor:default}
.flannel-mat-stage>p{position:absolute;bottom:0;left:0;right:0;line-height:1.5;pointer-events:none}
.flannel-mat-stage .mug-view-switch{z-index:4}
.flannel-mat-active .wall-art-stage,.flannel-mat-active .mug-stage{display:none!important}

.flannel-mat-active .blanket-stage,.flannel-mat-active .wooden-puzzle-stage{display:none!important}
@media(max-width:850px){.flannel-mat-settings{margin:12px;padding:16px}.flannel-mat-active #frameStage{min-height:380px}.flannel-mat-active .editor{display:block!important}}

.flannel-mat-stage .flannel-mat-model{position:absolute;inset:38px 0 38px;width:100%;height:calc(100% - 76px);background:transparent;z-index:1;cursor:grab;touch-action:none;outline-offset:-5px}
.flannel-mat-stage .flannel-mat-model:active{cursor:grabbing}
.flannel-mat-stage .flannel-mat-model:focus-visible{outline:2px solid #b5905b}
.flannel-mat-stage .mug-view-switch button:disabled{opacity:.5;cursor:default}

.flannel-mat-active #resetViewButton,.flannel-mat-active .h5-preview-note{display:none!important}

/* Official fixed-view flannelMat gallery; model, editor and checkout preview retain their own states. */
.flannel-mat-effects{position:absolute;inset:62px 16px 38px;display:flex;flex-direction:column;gap:10px;min-height:0}.flannel-mat-effects[hidden]{display:none!important}.flannel-mat-effects-picture{position:relative;flex:1;min-height:0;display:grid;place-items:center}.flannel-mat-effects-picture canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.flannel-mat-effects-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#715d43;font-size:13px}.flannel-mat-effects-status[hidden]{display:none}.flannel-mat-effects-status button{padding:8px 16px;border:1px solid #b89a6b;border-radius:18px;background:#fffaf1;color:#59462d;cursor:pointer}.flannel-mat-effects-tabs{display:flex;justify-content:center;gap:8px;flex:none}.flannel-mat-effects-tabs button{display:flex;align-items:center;gap:7px;border:1px solid #decdb4;background:#fffaf2;border-radius:10px;padding:5px 9px;color:#6c5538;font:inherit;font-size:12px;cursor:pointer;min-height:44px}.flannel-mat-effects-tabs img{width:40px;height:40px;object-fit:contain;border-radius:5px}.flannel-mat-effects-tabs button[aria-pressed=true]{border-color:#9c793d;background:#f2e4c9;color:#513b22;box-shadow:0 0 0 1px #9c793d}.flannel-mat-effects-tabs button:focus-visible{outline:2px solid #997337;outline-offset:2px}@media(max-width:500px){.flannel-mat-effects{inset:58px 8px 38px}.flannel-mat-effects-tabs{gap:4px}.flannel-mat-effects-tabs button{padding:5px;font-size:11px;gap:4px}.flannel-mat-effects-tabs img{width:28px;height:28px}}