.menu-item-gallery{--gallery-primary:var(--layout-accent);--gallery-spacing:var(--spacing-md);--gallery-border-radius:var(--radius-md);--gallery-shadow:var(--shadow-sm)}.menu-item-gallery__header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0}.menu-item-gallery__subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--gray-600)}.menu-item-gallery__content{padding:var(--spacing-lg);gap:var(--spacing-xl);flex-direction:column;height:100%;display:flex;overflow:auto}.menu-item-gallery__error{margin-bottom:var(--gallery-spacing)}.menu-item-gallery__upload{border:2px dashed var(--gray-300);border-radius:var(--gallery-border-radius);padding:var(--spacing-lg);background:var(--gray-50)}.menu-item-gallery__upload h4{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800)}.menu-item-gallery__upload-area{text-align:center;padding:var(--spacing-xl);color:var(--gray-600)}.menu-item-gallery__upload-area p{margin:var(--spacing-md) 0 0;font-size:var(--font-size-md)}.menu-item-gallery__uploading{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--blue-700);display:flex}.menu-item-gallery__upload-preview{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--gray-200);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);background:#fff;display:flex}.menu-item-gallery__upload-preview-image{flex-shrink:0}.menu-item-gallery__upload-preview-info{flex:1;min-width:0}.menu-item-gallery__upload-preview-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-item-gallery__upload-preview-size{font-size:var(--font-size-xs);color:var(--gray-600);margin-top:2px}.menu-item-gallery__upload-preview-status{font-size:var(--font-size-lg);flex-shrink:0}.menu-item-gallery__grid-container h4{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-800)}.menu-item-gallery__loading{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--gray-600);flex-direction:column;display:flex}.menu-item-gallery__empty{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--gray-500);text-align:center;flex-direction:column;display:flex}.menu-item-gallery__empty p{font-size:var(--font-size-md);margin:0}.menu-item-gallery__grid{gap:var(--spacing-lg);max-height:400px;padding:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid;overflow-y:auto}@media (width<=768px){.menu-item-gallery__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width>=1200px){.menu-item-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.menu-item-gallery__item{border:1px solid var(--gray-200);border-radius:var(--gallery-border-radius);box-shadow:var(--gallery-shadow);background:#fff;flex-direction:column;height:fit-content;transition:all .2s;display:flex;overflow:hidden}.menu-item-gallery__item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.menu-item-gallery__item.inactive{opacity:.6}.menu-item-gallery__item.from-main{border-color:var(--blue-300);background:var(--blue-25)}.menu-item-gallery__image-container{background:var(--gray-100);justify-content:center;align-items:center;width:100%;height:150px;display:flex;position:relative;overflow:hidden}.menu-item-gallery__image-container img{transition:transform .2s}.menu-item-gallery__image-container:hover img{transform:scale(1.05)}.menu-item-gallery__main-badge{top:var(--spacing-xs);left:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);background:var(--blue-100);color:var(--blue-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);z-index:1;display:flex;position:absolute}.menu-item-gallery__inactive-overlay{color:#fff;font-size:var(--font-size-xl);z-index:1;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-item-gallery__info{padding:var(--spacing-sm);flex:1}.menu-item-gallery__filename{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-900);margin-bottom:var(--spacing-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-item-gallery__meta{gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--gray-600);display:flex}.menu-item-gallery__meta span{padding:2px var(--spacing-xs);background:var(--gray-100);border-radius:var(--radius-xs)}.menu-item-gallery__actions{padding:var(--spacing-sm);border-top:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.menu-item-gallery__footer{justify-content:flex-end;gap:var(--spacing-sm);display:flex}@media (width<=768px){.menu-item-gallery__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.menu-item-gallery__content{padding:var(--spacing-md);gap:var(--spacing-lg)}.menu-item-gallery__upload,.menu-item-gallery__grid-container{padding:var(--spacing-md)}}@media (width<=480px){.menu-item-gallery__grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.menu-item-gallery__actions{gap:var(--spacing-xs);flex-direction:column}}.menu-item-gallery__primary-badge{top:var(--spacing-xs);right:var(--spacing-xs);background:var(--amber-500);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-xs);z-index:2;box-shadow:var(--shadow-sm);display:flex;position:absolute}.menu-item-gallery__primary-badge i{color:var(--amber-200)}