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

.hat-active .wooden-puzzle-stage,.hat-active .wall-art-stage{display:none!important}


.hat-settings .home-goods-notice{padding:12px;background:#fff0d4;border:1px solid #caa668;border-radius:10px;line-height:1.6}

.hat-notice{padding:12px;background:#f6ecdc;border:1px solid #d8bb91;border-radius:10px;line-height:1.7}
.hat-stage .hat-sheet{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50% / 16px 16px}