.youthHoodie-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:54px 24px 38px;background:var(--preview-bg,#f3eee5);box-sizing:border-box;border-radius:24px;gap:12px}
.youthHoodie-stage[hidden],.youthHoodie-stage [hidden],.youthHoodie-settings[hidden],.youthHoodie-settings [hidden]{display:none!important}
.youthHoodie-flat{height:100%;max-height:100%;max-width:100%;aspect-ratio:1;min-height:0;box-shadow:0 6px 22px #52371a12}
.youthHoodie-flat canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.youthHoodie-flat canvas:active{cursor:grabbing}
.youthHoodie-flat canvas:focus-visible{outline:2px solid #977041;outline-offset:3px}
.youthHoodie-example,.youthHoodie-official{max-width:100%;max-height:100%;min-height:0;object-fit:contain;border-radius:12px}
.youthHoodie-views{position:absolute;top:14px;right:16px;display:flex;gap:4px;background:#fffdf8;border:1px solid #d9c3a5;border-radius:30px;padding:4px}
.youthHoodie-views button{border:0;background:transparent;color:#6a5036;border-radius:24px;padding:8px 14px;font:inherit;font-size:12px;cursor:pointer}
.youthHoodie-views button[aria-pressed=true]{background:#685039;color:#fff}
.youthHoodie-stage>p{position:absolute;bottom:8px;margin:0;left:8px;right:8px;font-size:11px;line-height:1.4;text-align:center;color:#8c7359}
.youthHoodie-settings{padding:18px;background:#fffaf1;border:1px solid #e4ccb0;border-radius:18px;color:#59452e}
.youthHoodie-settings h3{margin:0 0 14px;font-size:18px}.youthHoodie-settings label{display:block;margin:12px 0}.youthHoodie-settings select{width:100%;margin-top:8px;padding:10px;background:white;border:1px solid #cfaf85;border-radius:10px}.youthHoodie-settings input[type=range]{width:100%;accent-color:#977247}.youthHoodie-settings output{display:block;margin:8px 0;font-size:12px;color:#8b7053}.youthHoodie-settings button{width:100%;min-height:42px;border:1px solid #bd986a;border-radius:11px;background:#6a4e31;color:white;cursor:pointer;margin:8px 0}.youthHoodie-settings button:disabled{opacity:.45;cursor:default}.youthHoodie-settings small,.youthHoodie-settings p{font-size:12px;line-height:1.65}.youthHoodie-settings [data-quality]{color:#8b5b28}.youthHoodie-settings [data-quality]:empty{display:none}.youthHoodie-price{display:flex;justify-content:space-between;margin:10px 0}.youthHoodie-settings [data-status]{min-height:20px}.youthHoodie-settings [data-confirm-label]{font-size:13px;line-height:1.5}
.youthHoodie-active .frame-wrapper,.youthHoodie-active #frameModel,.youthHoodie-active .mug-stage,.youthHoodie-active .woodPlaque-stage{visibility:hidden}.youthHoodie-active .youthHoodie-stage{visibility:visible}
.youthHoodie-active .editor>section:not(.youthHoodie-settings),.youthHoodie-active .editor>.panel,.youthHoodie-active #fitImageButton,.youthHoodie-active #lightToggle,.youthHoodie-active #homeSceneButton,.youthHoodie-active #resetViewButton{display:none!important}
.youthHoodie-active .youthHoodie-settings #orderPanel{display:block!important;border:0;background:transparent;padding:0;box-shadow:none}.youthHoodie-settings #orderPanel>h2,.youthHoodie-settings #quantityInput,.youthHoodie-settings #orderPanel:has(#quantityInput)>label:first-of-type,.youthHoodie-settings #submitOrder,.youthHoodie-settings #saveDraftButton,.youthHoodie-settings #clearLocalCacheButton{display:none!important}
@media(max-width:1000px){.youthHoodie-stage{padding:54px 10px 38px}.youthHoodie-settings{padding:12px}}

.youthHoodie-active #frameStage{position:relative;min-height:300px}.youthHoodie-active #frameModel,.youthHoodie-active #legacyFramePreview,.youthHoodie-active #productRenderCanvas,.youthHoodie-active .puzzle-stage,.youthHoodie-active .mug-stage,.youthHoodie-active .scene-preview-card{display:none!important}
.youthHoodie-active .editor>section:not(.youthHoodie-settings),.youthHoodie-active .editor>.creator-intro,.youthHoodie-active #lightToggle,.youthHoodie-active #homeSceneButton,.youthHoodie-active #toolCompare,.youthHoodie-active #aiWorkGift,.youthHoodie-active #fitImageButton,.youthHoodie-active #toolText,.youthHoodie-active #toolScene,.youthHoodie-active .puzzle-product-arrow{display:none!important}
.youthHoodie-settings #orderPanel{display:grid!important;gap:12px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.youthHoodie-settings #orderPanel>h2,.youthHoodie-settings #orderPanel>label:has(>#quantityInput),.youthHoodie-settings #submitOrder,.youthHoodie-settings #orderResult,.youthHoodie-settings .order-secondary-actions{display:none!important}
.youthHoodie-active .ai-work-edit-capabilities,.youthHoodie-active .ai-work-edit-heading p{display:none!important}.youthHoodie-active .ai-work-edit-heading::after{content:'当前作品已用于青少年卫衣预览。调整尺寸和画面后确认制作效果。';font-size:12px;color:#725f48}
@media(min-width:851px){body.h5-workspace.youthHoodie-active .product-preview>.preview-controls{display:none!important}body.h5-workspace.youthHoodie-active .product-preview{grid-template-rows:minmax(0,1fr) auto}body.h5-workspace.youthHoodie-active .product-preview:has(.pc-product-selector){grid-template-rows:auto minmax(0,1fr) auto}}
@media(min-width:851px){body.h5-workspace.youthHoodie-active .product-preview>#frameStage{grid-row:1;min-height:0}body.h5-workspace.youthHoodie-active .product-preview>.workbench-preview-bottom{grid-row:2}body.h5-workspace.youthHoodie-active .product-preview:has(.pc-product-selector)>#frameStage{grid-row:2}body.h5-workspace.youthHoodie-active .product-preview:has(.pc-product-selector)>.workbench-preview-bottom{grid-row:3}}
.youthHoodie-active .wooden-puzzle-stage,.youthHoodie-active .wall-art-stage{display:none!important}
.youthHoodie-active .hat-stage,.youthHoodie-active .gardenFlag-stage{display:none!important}
.youthHoodie-active .acrylicLamp-stage,.youthHoodie-active .storageBasket-stage{display:none!important}
.youthHoodie-stage{z-index:21;overflow:hidden}

/* hoodie-preview-v1: model and cached current-artwork composition */
.youthHoodie-visual{width:100%;height:100%;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}
.youthHoodie-visual[hidden],.youthHoodie-visual [hidden]{display:none!important}
.youthHoodie-model{display:block;width:100%!important;height:100%!important;min-height:0;touch-action:none;cursor:grab;background:transparent}
.youthHoodie-model:active{cursor:grabbing}
.youthHoodie-effect{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px}
.youthHoodie-visual-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#806442;background:var(--preview-bg,#f5f0e7);text-align:center;padding:20px}
.youthHoodie-visual-status button{padding:10px 20px;min-height:44px;border:1px solid #d6b27d;border-radius:20px;background:#fff9ee;color:#634b31;cursor:pointer}
.youthHoodie-views{z-index:3;max-width:calc(100% - 24px);flex-wrap:wrap}
@media(max-width:600px){.youthHoodie-views button{padding:8px 10px;font-size:12px}.youthHoodie-stage{padding-top:62px}}