.skeleton-loader{background:#fff;position:fixed;z-index:1290;top:env(safe-area-inset-top,0);right:env(safe-area-inset-right,0);bottom:env(safe-area-inset-bottom,0);left:env(safe-area-inset-left,0);display:flex;flex-direction:column;overflow:hidden}.skeleton-loader .skeleton-mobile-bottom{display:none}.skeleton-loader #product-customizer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid rgba(0,0,0,.08);background:#fff;height:64px;flex-shrink:0}.skeleton-loader #product-customizer-header .skeleton-header-center,.skeleton-loader #product-customizer-header .skeleton-header-left,.skeleton-loader #product-customizer-header .skeleton-header-right{display:flex;align-items:center;min-width:0}.skeleton-loader #product-customizer-header .skeleton-header-left{flex-shrink:0}.skeleton-loader #product-customizer-header .skeleton-header-center{flex:1;justify-content:center}.skeleton-loader #product-customizer-header .skeleton-header-right{flex-shrink:0;gap:12px}.skeleton-loader .skeleton-main{flex:1;overflow:hidden;min-height:0}.skeleton-loader .skeleton-main .skeleton-layout{display:flex;height:100%}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-sidebar{width:380px;flex-shrink:0;height:100%;display:flex;border-right:1px solid rgba(0,0,0,.08);background:#fafafa}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-sidebar .skeleton-tab-rail{width:80px;padding:16px 12px;border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;background:#fff}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-sidebar .skeleton-tab-body{flex:1;padding:20px 16px;overflow:hidden}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-sidebar .skeleton-tab-body .color-options{display:flex;flex-wrap:wrap;margin-bottom:8px}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-canvas-area{flex:1;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:40px;background:#fff}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-canvas-area .skeleton-canvas-mockup{width:min(420px,60%);aspect-ratio:1/1.1;max-height:80%}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-canvas-area .skeleton-zoom-controls{position:absolute;right:24px;bottom:24px;display:flex;flex-direction:column}.skeleton-loader #product-customizer-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;background:#fff;height:68px;flex-shrink:0}@media(max-width:992px){.skeleton-loader .desktop-only{display:none!important}.skeleton-loader #product-customizer-header{height:52px;padding:8px 14px}.skeleton-loader #product-customizer-header .skeleton-header-center{display:none}.skeleton-loader #product-customizer-header .skeleton-header-right{gap:8px}.skeleton-loader .skeleton-main .skeleton-layout{flex-direction:column}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-canvas-area{flex:1;padding:16px 12px}.skeleton-loader .skeleton-main .skeleton-layout .skeleton-canvas-area .skeleton-canvas-mockup{width:min(300px,85vw);aspect-ratio:3/4;max-height:none}.skeleton-loader .skeleton-mobile-bottom{display:flex;flex-direction:column;flex-shrink:0;background:#fff;border-top:1px solid rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom,0)}.skeleton-loader .skeleton-mobile-bottom .skeleton-mobile-tabs{display:flex;justify-content:space-around;align-items:center;padding:10px 8px 6px;border-bottom:1px solid rgba(0,0,0,.06)}.skeleton-loader .skeleton-mobile-bottom .skeleton-mobile-tabs .skeleton-mobile-tab{display:flex;flex-direction:column;align-items:center;gap:2px}.skeleton-loader .skeleton-mobile-bottom .skeleton-mobile-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 12px}}